/* ===============================================
   Basic Stylings
   These will be affected to the mobile, desktop and tablet versions of the 
   site, so be careful which elements you choose to modify.
   =============================================== */

@font-face {
	font-family: 'SegoeUISemibold';
	src: url('../type/seguisb-webfont.eot');
	src: local('☺'), url('../type/seguisb-webfont.woff') format('woff'), url('../type/seguisb-webfont.ttf') format('truetype'), url('../type/seguisb-webfont.svg#webfontmT1uzdHt') format('svg');
	font-weight: normal;
	font-style: normal;
}   
      
body {font:normal normal 0.863em/1.375 'Helvetica', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, Arial, sans-serif;background:#E4E1DC url(../images/background.jpg) repeat-x 0 0;;color:#000;}

/* Custom Container */
#wrap {margin:0 auto;padding:0;max-width:961px;background:#fff;}

/* Links */
a, a:visited, a:link, a:active {color:#79A33F;text-decoration:none;}
a:hover {color:#80C138;text-decoration:underline;}

/* Headings */
.segoeui, h1, h2, h3, h4, h5, h6 {font-family:'Helvetica', 'SegoeUISemibold', SeqoeUI, Tahoma, Arial, sans-serif;font-weight:normal;margin:0.2em 0 0.8em;}
h1 {color:#DF7A1C;font-size:2.308em;}
h2 {color:#79A33F;font-size:1.538em;}
h3 {color:#7d7d7d;font-size:1.385em;}
h4 {color:#df7a1c;font-size:1.231em;}
h5 {color:#df7a1c;font-size:1.077em;}
h6 {color:#df7a1c;font-size:0.923em;}

dt {font-size:1.231em;}

/* Paragraphs, quotes, code */
blockquote, q {border-left:solid 2px #c6dfe2;}

/* Header */
#hd {background:#79a33f;border-bottom:solid 3px #cd8024;text-align:center;z-index:11;}
#hd address {color:#fff;font-style:normal;padding:20px;}
#hd address a {color:#fff;}
#hd address div {}

/* Navigation */
#main-nav {z-index:20;background: #79a33f; 
background: -moz-linear-gradient(top, #79a33f 0%, #52722f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79a33f), color-stop(100%,#52722f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #79a33f 0%,#52722f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #79a33f 0%,#52722f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #79a33f 0%,#52722f 100%); /* IE10+ */
background: linear-gradient(to bottom, #79a33f 0%,#52722f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79a33f', endColorstr='#52722f',GradientType=0 ); /* IE6-8 */color:#fff;}
#main-nav a {color:#fff;}
#main-nav .collapsible {z-index:5;}	
#main-nav .collapsible.open > ul {background:#52722f;}
#main-nav ul li {border-top:solid 1px #79a33f;}
#main-nav ul li ul {background:#79a33f;}
#main-nav ul ul li {margin:0;float:none;text-align:left;width:auto;}
#main-nav ul ul ul {padding:0 20px;}

#bracesimg {position:absolute;top:-103px;right:0;width:23.29896907216495%;}

/* Page Photos / Slideshow */
#page-photo {padding:20px 0;}

#home-slideshow .slideshow-nav {position:absolute;bottom:0;left:0;width:100%;height:11%;}
#home-slideshow .slideshow-pagination {margin:0;padding:0;width:100%;height:100%;}
#home-slideshow .slideshow-pagination li {float:left;width:14.28571428571429%;height:100%;}
#home-slideshow .slideshow-pagination li a {display:block;width:100%;height:100%;text-indent:-999em;}
#home-slideshow .slideshow-pagination li a:hover {background:rgba(255, 255, 255, .25);}
#home-slideshow a.learnmore {position:absolute;display:block;width:13%;height:11%;z-index:30;}
#home-slideshow .slideshow-item-1 a.learnmore {left:78%;top:63%;}
#home-slideshow .slideshow-item-2 a.learnmore {left:10%;top:58%;}
#home-slideshow .slideshow-item-3 a.learnmore {left:78%;top:67%;}
#home-slideshow .slideshow-item-4 a.learnmore {left:6%;top:65%;}
#home-slideshow .slideshow-item-5 a.learnmore {left:78%;top:69%;}
#home-slideshow .slideshow-item-6 a.learnmore {left:12%;top:65%;}
#home-slideshow .slideshow-item-7 a.learnmore {left:77%;top:69%;}

/* Office Tour */
.office-tour.slideshow .slideshow-nav {background:#77a22f;}

/* Sidebar */
#sidebar {padding-bottom:30px;}
#sidebar .social-icons {margin:0 auto;max-width:250px;text-align: center;}
#sidebar .social-icons img {margin-right:0;clear:none;width:35px;}
#sidebar #rss {margin-bottom:30px;}
.home #sidebar #rss {margin-bottom:36px;}
#sidebar #rss h3 {margin:0 0 10px;padding:6px 0;color:#666;border-top:solid 1px #6e6e6e;border-bottom:solid 1px #6e6e6e;font-size:1em;font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, Arial, sans-serif;}
#sidebar #rss p {margin:0 0 10px;}
#sidebar #rss a {color:#9f9f9f;text-decoration:underline;font-size:0.846em;}
#sidebar #rss a:hover {text-decoration:none;}
#creditfooter {display:none;}

#review-buttons {
	text-align: center;
}
.review-btn {
	display: inline-block;
	background: #5cad34;
	background-image: -webkit-linear-gradient(top, #5cad34, #3e7e28);
	background-image: -moz-linear-gradient(top, #5cad34, #3e7e28);
	background-image: -ms-linear-gradient(top, #5cad34, #3e7e28);
	background-image: -o-linear-gradient(top, #5cad34, #3e7e28);
	background-image: linear-gradient(to bottom, #5cad34, #3e7e28);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	color: #fff !important;
	font-size: 13px;
	margin: 20px 7px 0 0;
	padding: 10px 0px;
	text-align: center;
	text-decoration: none;
	width: 110px;
}
.review-btn:hover {
	background: #3e7e28;
	text-decoration: none;
}
.review-btn.last {margin-right:0;}

/* Callouts */
#callouts {padding-top:30px;}

/* Page */
#bd .wrapper {padding:30px 5% 30px 2.49%;}
#bd p.sub-nav {padding:10px 0;border-top:1px solid #7D7D7D;border-bottom:1px solid #7D7D7D;}
#bd p.sub-nav a.active {color:#df7a1c;}
#bd #homepage-p {font-size:1.385em;letter-spacing: 1px;color: #E27B20;}
#bd #homepage-p p {margin-bottom:1em;}
#bd #content {line-height:}

#bd .box {margin:0 auto;max-width:100%;width:320px;background:#77a22f;color:#fff;border:solid 1px #333;}
#bd .box * {float:left;margin:0;padding:2.5% 0 0 2.5%;width:46.5%;border:solid 1px #333}
#bd .box p {padding-bottom:2.5%;border:0;}

/* Footer */
#ft {margin:0 auto;padding:30px 0;max-width:970px;width:96%;}
#ft nav a {}
#ft nav a:hover {color:#666;text-decoration:none;}

.meet-the-staff .img-left {
	margin: 10px 20px 10px 0;
	clear: none;
}

/* ===============================================
   Tablet and Desktop Stylings
   These stylings will only affect the desktop and tablet version of the site.  More
   working room here for detail than the basic stylings which are also applied to mobile.
   =============================================== */

@media only screen and (min-width: 640px) {
	
	body {background-position:0 -35px;}
	
	/* Custom Container */
	#wrap {width:96%;-moz-box-shadow:0px 0px 10px 3px rgba(0,0,0,.25);-webkit-box-shadow:0px 0px 10px 3px rgba(0,0,0,.25);box-shadow:0px 0px 10px 3px rgba(0,0,0,.25);}
	
	/* Header */
	#hd {height:100px;text-align:left;}
	#hd #logo {margin:0;padding:0;}
	#hd address {position:absolute;left:300px;top:12px;padding:10px;border-left:solid 1px #fff;}
	
	/* Sidebar */
	#sidebar {padding-top:60px;width:27.47252747252747%;}
	.home #sidebar {padding-top:22px;}
	
	/* Page Content */
	#bd #content {margin-left:30.76923076923077%;}	
	#bd .box {float:right;margin:0 0 20px 20px;}
}

@media only screen and (min-width: 1024px) {
	
	#wrap {}
	
	/* Header */
	#hd address {border-left:0;padding:8px 0;}
	#hd address div {padding:10px 0 10px 20px;width:170px;border-left:solid 1px #fff;}
	
	/* Navigation */
	#main-nav {height:33px;}
	#main-nav ul li {border-top:0px;}
	#main-nav ul li a {padding:6px 18px 7px 15px;background:transparent url(../images/nav-divider.png) no-repeat top right;}
	#main-nav ul li.last a {background:transparent;}
	#main-nav ul li a:hover {background-color:#79a33f;}
	#main-nav ul li ul {padding:0;width:230px;}
	#main-nav ul ul li a {background:transparent;padding:6px 10px;}
	#main-nav ul ul li a:hover {background:#4f7c20;}
	#main-nav ul li:hover ul ul {display:none;}
	#main-nav ul ul li:hover ul {display:block;left:100%;top:0;}
	
	/* Page Photo / Slideshow */
	#page-photo {padding:0 260px 0 0;height:370px;background:#f1ecdb url(../images/slideshow-bg.jpg) no-repeat 0 0;}		
	
}