@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

body { background: #fff url(/media/layout/bg.jpg) repeat-x; font:16px/24px Helvetica, Arial, sans-serif; color:#333; }
a { color: #387676; text-decoration: none; }
a:hover, a:active { color: #232d2d; text-decoration: underline; }

h1 { font: 30px/30px Helvetica, Arial, sans-serif; color: #15454d; font-weight: bold; }
h2 { font-size: 24px; line-height: 28px; }
h3 {  }

label { display: block; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#wrapper { width: 780px; margin: 40px auto; position: relative; }

#header {  }
		
		#slogan { text-align: left; font-weight: bold; font-size: 19px; font-family: "Times New Roman", Times, serif; letter-spacing: 1px; font-style: italic; color: #6e6652; margin-left: 6px; width: 625px; float: left; position: relative; top: 7px; }
		#text-sizer { float: right; width: 125px; text-align: right; padding-right: 2px; }
		
		#logo { width: 780px; height: 113px; background: url(/media/layout/logo.gif) no-repeat; position: relative; font-size: 20px; letter-spacing: -1px; }
			#address { position: absolute; left: 109px; bottom: 12px; }
			#phone { position: absolute; right: 4px; bottom: 12px; }
		
		a#home-link { position: absolute; left:0; top:0; display: block; width: 780px; height: 113px; text-decoration: none; }
	
		#menu { text-align: center; margin-top: 6px; font-weight: bold; letter-spacing: -1px; color: #AF8E40; background: url(/media/layout/menu-bg.gif) 4px 0 no-repeat; width: 776px; height: 32px; }
		#menu a { color: #42320b; }
			#menu ul { font-size: 15px; text-transform: uppercase; margin: 0 0 0 18px; padding-top: 5px; list-style: none; }
				#menu ul li { float: left; margin: 0 6px; position: relative; }
					#menu ul li ul { display: none; position: absolute; top: 20px; right: -12px; list-style: none; text-align: right; width: 160px; padding: 20px 0; background-color: #DDE8EC; margin: 0; border-left: 3px solid #A27C31; border-right: 3px solid #A27C31; border-bottom: 3px solid #A27C31; z-index: 9999; }
					#menu ul li:hover ul { display: block; padding: 4px 0; }
						#menu ul li ul li { display: block; padding: 3px 5px; line-height: 1.2em; float: none; border-top: 1px solid #aaa; }
						#menu ul li ul li:hover { background-color: #B3D0D7; }
							#menu ul li ul li a { display: block; }
		
		#call { margin: 7px 0 0 4px; }
			#call div.call-item, #call div.call-last { width: 250px; height: 140px; overflow: hidden; float: left; padding-right: 11px; }
			#call div.call-last { padding: 0; }
				#call div h3 { margin: 0; padding: 0; }
					#call-1 a { width: 250; height: 140px; display: block; background: url(/media/layout/call-1.jpg) no-repeat; }
					#call-2 a { width: 250; height: 140px; display: block; background: url(/media/layout/call-2.jpg) no-repeat; }
					#call-3 a { width: 250; height: 140px; display: block; background: url(/media/layout/call-3.jpg) no-repeat; }
					#call div h3 a:hover { text-decoration: none; background-position: 0 -140px; }

#main {  }
	#content { float: left; width: 392px; margin-left: 10px; }
		#content p { margin: 11px 8px; }
		
		#video { width: 380px; height: 213px; border: 3px solid #aaa; margin-top: 12px; background-color: #DDE8EC; }
	
	#main-sidebar { float: right; width: 364px; }
		#main-sidebar a { text-decoration: underline; }
		#testimonials { font-size: 12px; line-height: 17px; color: #507070; float: left; width: 124px; text-align: right; }
			#testimonials strong { color: #333; }
			p.testimonial { background: url(/media/layout/testimonial.gif) right bottom no-repeat; text-align: left; margin-bottom: 4px; }
			p.testimonial-author { padding-right: 2px; margin-top: 4px; }
		#happy-people { width: 220px; float: right; }
	
	#home-articles {  }
		#home-articles div { width: 376px; }
		#home-article-left { float: left; }
		#home-article-right { float: right; }

#footer { clear: both; color: #333; margin: 20px 0; background: transparent url(/media/layout/footer-bg.jpg) no-repeat; height: 132px; padding: 3px 16px; }

/*
	----------------------------
	PAGE-SPECIFIC
	____________________________
*/

#seminar-pane { border: 3px solid #93C1CA; margin: 20px 80px; width: 600px; height: 338px; }

#reports { text-align: center; }

#dangers-call { margin: 24px 0; text-align: center; }

#ll-content { padding: 0 8px; margin: 8px 0; }
	#ll-content.narrow { width: 700px; margin-left: 24px; }
	#ll-content a:link, #ll-content a:visited { text-decoration: underline; }


#contact-form { float: left; width: 500px; }
	#contact-form form {  }
		#contact-form ul { list-style: none; margin: 0; }
			#contact-form ul li { margin-bottom: 4px; float: left; margin-right: 16px; }
				#contact-form label { display: block; width: 180px; }
					#contact-form input { width: 180px; }
					#contact-form input#submit-to { display: none; }
					#contact-form textarea { width: 428px; height: 120px; }
					input#submit-button { width: auto; }

#contact-blurb { float: right; width: 190px; color: #333; position: relative; top: -30px; }

#google-map { width: 500px; height: 280px; border: 3px solid #A27C31; float: left; position: relative; z-index: 1; }

#directions-form { width: 200px; float: right; padding: 0 20px; }
	#dir-street, #dir-zip { width: 180px; }

.testimonial-even { padding: 5px 12px; }
.testimonial-odd { padding: 0 12px; background-color: #DDE8EC; border: 1px solid #DDE8EC; }
	.testimonial-content { float: left; width: 540px; }
	.testimonial-info { float: right; width: 130px; font-size: 0.8em; line-height: 1.4em; margin-left: 50px; }
		.testimonial-info strong { color: #13769F; }

/*
	----------------------------
	CLASSES
	____________________________
*/
.serif { font-family: "Times New Roman", Times, serif; font-size: 17px; }
img.border { border: 3px solid #93C1CA; }
ul.bullets { list-style: disc; margin-left: 24px; }
div.clear { overflow:hidden; height:1px; clear:both; }
li.clear { clear: both }
.alignRight { float:right; margin:0 0 15px 15px; }
.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }