@charset "UTF-8";
/* CSS Document */

body								{ font-size: 12px; font-family: Helvetica, sans-serif; background: #244767; color: #444; line-height: 1.2em; }
.clear								{ clear: both; }

h1,h2,h3							{ font-weight: normal; color: #315A7A; margin-bottom: .5em; font-family: 'Hoefler Text', Baskerville, Garamond, 'Palatino Linotype', Georgia, 'Times New Roman', serif; line-height: 1em; }
h1									{ font-size: 36px; margin-bottom: 5px; }
h2									{ font-size: 24px; }
h3									{ font-size: 16px; }

p									{ margin: 0 0 10px; line-height: 1.2em; }
ol li								{ margin: 0 0 8px 20px; }
a									{ color: #888; text-decoration: none; }
a:hover								{ color: #ccc; }
.bigtext							{ font-size: 16px; line-height: 20px; }
.reallybigtext						{ font-size: 22px; line-height: 24px; }
.read-more							{ margin-top: 10px; font-size: 16px; display: block; }
.read-more a						{ }

blockquote 							{ quotes: "\201C" "\201D"; line-height: 1.3em; font-size: 16px; color: #315A7A; } 
blockquote:before 					{ content: '“'; font-size: 60px; } 
blockquote:after 					{ content: '”'; font-size: 20px }	
	
#wrap								{ background: #fff; }

.shell								{ width: 960px; margin: 0 auto; position: relative; }

/* Header Elements */

#header								{ background: url(../images/head-bkgd.png) repeat-x bottom #244767; }
#logo								{ margin: 0px 0 0px 50px; padding: 20px 0;}
#logo:hover							{ }					
#banner								{ position: absolute; right: 20px; top: 30px; width: 230px; height: 60px; }

#nav-menu							{ position: absolute; left: 330px; width: 400px; bottom: 0px; }
#nav-menu ul						{ list-style: none;}
#nav-menu li						{ float: left; margin: 0 0 0 2px; }
#nav-menu li a						{ background: url(../images/head-bkgd.png) repeat-x bottom #ccc; color: #244767 ; font-size: 14px; float: left; display: block; text-decoration: none; text-align: center; padding: 3px 20px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; }
#nav-menu li a:hover, #currentpage a	{ background: #fff !important; }



/* Main Content Elements */

#content							{ background: #fff; }
#page								{ width: 960px; margin: 0 auto; position: relative; }
#pages a								{ color: #036; padding: 2px; }
#pages a:hover						{ background: #FEBC1A; }
#pages								{ width: 700px; margin: 0 auto; padding: 40px 0 20px 0; }



/* Footer Elements */

#footer								{ height: 250px; background: url(../images/foot-bkgd.png) repeat-x top #244767; color: #888; }
#footer a							{ color: #; }
#footer a:hover						{ color: #; }

.foot-nav							{ width: 300px; float: left; margin: 30px 0 0 55px; font-size: 14px; line-height: 1.5em; }
.foot-nav ul li						{ padding: 0 0 0px 0; }

#rights								{ width: 300px; float: right; margin: 30px 0 0 0; font-size: 11px; }
#rights-nav							{ padding-top: 0px; }
#certs								{ margin-top: 10px; }
#certs img							{ padding: 1px; border: 0px solid #666; margin-right: 5px; }
.cards								{ display: inline; height: 30px; margin: 8px 5px 0 0 ;}



/* Home Location Slide-Down */


#page_container {
	position: relative;
	margin-left: 40px;
	width: 800px;
	top: 0px;
	z-index: 9000;
}


.panel_button {
	position: absolute;
	bottom: -27px;
	right: 0px;
	z-index: 1000;
	cursor: pointer;
}

.panel_button a {
	text-decoration: none;
	display: block;
	color: #244767;
	width: 133px;
	height: 28px;
}
.panel_button a:hover {
	color: #244767;
}

#toppanel {
	position: absolute;
	width: 800px;
	left: 0px;
	z-index: 25;
}
#panel {
	width: 800px;
	position: relative;
	top: 0px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	background: #FEBC1A;
}
#panel_contents {
	background: #FEBC1A;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70; */
	position: absolute;
	z-index: -1;
	width: 792px;
	height: 436px;
	border-left: 4px solid #244767;
	border-right: 4px solid #244767;
	border-bottom: 25px solid #244767;
}

#panel-left				{ width: 270px; float: left; padding: 20px 0 0 20px ; color: #315A7A }
#panel-left a			{ color: #244767; }
#panel-left a:hover		{ border-bottom: 1px dashed #244767; }
#panel-left img			{ margin-bottom: 20px; }
#panel-right			{width: 460px; padding: 20px; float: right; }


/* Accordion Stuff */

#home-top				{ }
#home-top h1			{ font-size: 50px; margin-bottom: 10px; }
#home-top-left			{ width: 450px; float: left; }
#home-top-right			{ width: 350px; float: right;}
#home-top-right	img		{ margin: 10px 0 20px 0; }
#home-top h3			{ font-family: Arial, helvetica, sans-serif; }
#home-top-left img		{ padding: 20px 0 40px 40px; }

#promo					{ padding-top: 30px; }
#promo-left				{ width: 360px; float: left; }
#promo-left img			{ border: 5px solid #315A7A ;}
#promo-right			{ width: 400px; float: right; padding-top: 20px; }
#promo-right div		{ padding-top: 20px; }
#promo-right div ul	li	{ display: list-item; }
#special				{ font-size: 18px; color: #315A7A; margin-bottom: 15px; }
#price					{ color: red; font-size: 30px; font-family: Impact, sans-serif; }
#includes li			{ margin: 0 0 5px 10px; font-size: 14px; color: #315A7A; }				


#appointment-left		{ width: 410px; float: left; padding-top: 70px; }
#appointment-left .bigtext { margin-bottom: 20px; }
#appointment-left img	{ padding: 20px 0px 10px 30px; }
#appointment-left .bigtext {margin-bottom: 15px; }
#appointment-right		{ width: 400px; float: right; padding: 0px 0px 0 0; }

#feedback-left			{ width: 460px; float: left; }
#feedback h1			{ margin-bottom: 5px; }
#feedback-right			{ width: 290px; float: right; padding: 50px 20px 0 0; }
.feedback-quote-box		{ width: 360px; margin: 20px 0 0 10px;  }
.quote-auth				{ font-size: 12px; margin: 0px 0 0 180px; }
#feedback-btn a			{ width: 261px; height: 68px; display: block; background: url(../images/feedback-btn.png) no-repeat; }
#happy-service			{ margin: 0 0 40px }



/* Pages */

.home-content			{ background: #244767; }


.service-block			{ width: 350px; float: left; color: #315A7A }
.serv-ul				{ padding: 20px; }
.serv-ul li				{ margin-left: 20px; font-size: 16px; margin-bottom: 10px; }

#about					{ margin-bottom: 40px; }
.person					{ width: 350px; float: left; margin-bottom: 50px; }
.person-pic				{ float: left; width: 80px; }
.person-bio				{ width: 260px; float: right; margin-left: 0px; }
.person-name			{ font-size: 16px; color: #036; margin-bottom: 3px; }
.person-job				{ font-size: 10px; margin-bottom: 5px; color: #036; }
.person-desc			{ padding-right: 10px; }