@charset "UTF-8";
/* CSS Document */
/* Written by Matthew Moore on May 13th, 2009 */
/* Visit my site at matthewmooredesign.com */

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; color: #FFFFFF }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* GENERAL */

body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #999999;
	background: url(../img/bgMain.jpg) repeat-x center top #242424;
	}

#topspan { width:100%; height: 99px; }
#billboardspan { width:100%; height: 250px; margin-top: 16px; background:url(../img/bgBillboard.jpg) no-repeat left top; }
#headerspan { width:100%; height: 74px; margin-top: 16px; background:url(../img/bgHeaderSpan.gif) repeat-x left top; }
#footerspan { width:100%; height: 86px; float: left; background:url(../img/bgFooterSpan.gif) repeat-x left top; }
#big_wrapper { width: 984px; margin: 0 auto; }
#content_wrapper { width: 984px; padding-top: 2px; background: url(../img/bgContent.gif) left top no-repeat #ffffff; }
.wrapper { width: 936px; margin: 0 auto; }



/* TOP */
#logo { padding-top: 23px; float: left; }



/* BILLBOARD */
#txtBillboard { width: 495px; height: 200px; margin-top: 54px; margin-left: 26px; background:url(../img/txtBillboard.gif) no-repeat left top; float: left; }
a.billboard_learnmore { margin-top: 119px; display: block; width: 111px; height: 26px; text-decoration: none; background: url(../img/btnLearnMore.gif) no-repeat top left; }
a.billboard_learnmore:hover { background-position: 0 -27px; }
a.billboard_learnmore:active { background-position: 0 -54px; }
#picBillboard { width: 346px; height: 250px; float: right; margin-right: 10px; }
#header { padding: 24px 0 0 24px; }



/* MIDDLE */
#homepagefeature { width: 960px; height: 168px; background:url(../img/bgHomepageFeature.jpg) no-repeat left top; margin-top: 18px; }
a.ourlocation { margin: 120px 0 0 160px; float: left; display: block; width: 161px; height: 27px; text-decoration: none; background: url(../img/btnOurLocation.gif) no-repeat top left; }
a.ourlocation:hover { background-position: 0 -27px; }
a.ourlocation:active { background-position: 0 -54px; }
a.moretestimonials { margin: 120px 0 0 105px; float: left; display: block; width: 161px; height: 27px; text-decoration: none; background: url(../img/btnMoreTestimonials.gif) no-repeat top left; }
a.moretestimonials:hover { background-position: 0 -27px; }
a.moretestimonials:active { background-position: 0 -54px; }
#column_left { width: 562px; margin-top: 26px; float: left; padding: 12px 30px 24px 24px; }
#column_left h2 { font-size: 12pt; color: #000; line-height: 16pt; }
#column_left p { font-size: 9pt; color: #333; line-height: 16pt; margin-bottom: 24px; }
#column_left a:link, #column_left a:visited { color: #74953f; text-decoration: none; font-weight: bold; }
#column_left a:hover, #column_left a:active { text-decoration: underline; }
#column_right { width: 252px; margin-top: 26px; float: left; padding: 12px 0 12px 20px; }
#column_right h2 { font-size: 12pt; color: #000; line-height: 16pt; }
#column_right p { font-size: 9pt; color: #333; line-height: 16pt; }
a.learnmore { margin: 10px 0 20px 0; display: block; width: 110px; height: 27px; text-decoration: none; background: url(../img/btnLearnMoreGrey.gif) no-repeat top left; }
a.learnmore:hover { background-position: 0 -27px; }
a.learnmore:active { background-position: 0 -54px; }
#content_left { width: 230px; float: left; padding: 36px 0 0 24px; }
.left_nav { height: 31px; width: 190px; padding: 8px 0 0 10px; display: block; font-size: 9pt; color: #666; }
a.left_nav:link, a.left_nav:visited { text-decoration: none; }
a.left_nav:hover, a.left_nav:active { text-decoration: underline; }
.active_left_nav { height: 31px; width: 190px; padding: 8px 0 0 10px; display: block; font-size: 9pt; color: #fff; background:url(../img/bgLeftNav.gif) no-repeat top left; text-decoration: none; }
#content_right { width: 620px; float: left; padding: 39px 36px 0 26px; }
#content_right h1 { font-size: 16pt; color: #000; margin-bottom: 15px; }
#content_right h2 { font-size: 11pt; color: #000; line-height: 17pt; }
#content_right h3 { font-size: 14pt; color: #74953f; line-height: 21pt; margin-bottom: 15px; }
#content_right p { font-size: 10pt; color: #333; line-height: 17pt; margin-bottom: 15px; }
#content_right a:link, #content_right a:visited { color: #74953f; text-decoration: none; font-weight: bold; }
#content_right a:hover, #content_right a:active { text-decoration: underline; }
#content_full { width: 820px; float: left; padding: 39px 60px 0 24px; }
#content_full h1 { font-size: 16pt; color: #000; margin-bottom: 15px; }
#content_full h2 { font-size: 11pt; color: #000; line-height: 17pt; }
#content_full h3 { font-size: 14pt; color: #74953f; line-height: 21pt; margin-bottom: 15px; }
#content_full h4 { font-size: 11pt; color: #000; line-height: 17pt; }
#content_full p { font-size: 10pt; color: #333; line-height: 17pt; margin-bottom: 15px; }
#content_full a:link, #content_full a:visited { color: #74953f; text-decoration: none; font-weight: bold; }
#content_full a:hover, #content_full a:active { text-decoration: underline; }
#team { width: 892px; margin: 0 0 24px 24px; padding-bottom: 24px; float: left; background: url(../img/bgTeam.jpg) no-repeat left bottom #fff; }
#team .team_top { width: 892px; height: 5px; background:url(../img/bgTeamTop.jpg) no-repeat left top; }
#team h4 { font-size: 11pt; padding: 24px; color: #000; }
#team ul {  }
#team li { font-size: 9pt; color: #333; width: 189px; padding-left: 24px; line-height: 15pt; margin-bottom: 18px; float: left;}
#team a:link, #team a:visited { color: #74953f; text-decoration: underline; }
#team a:hover, #team a:active { color: #000; text-decoration: underline; }
a.payonline { display: block; width: 111px; height: 26px; text-decoration: none; background: url(../img/btnPayOnline.gif) no-repeat top left; }
a.payonline:hover { background-position: 0 -27px; }
a.payonline:active { background-position: 0 -54px; }
.quote { width: 844px; margin: 0 0 36px 0; padding: 12px 24px 24px 24px; float: left; background: url(../img/bgTeam.jpg) no-repeat left bottom #fff; }
.quote span { font-size: 10pt; font-weight: normal; color: #000; line-height: 17pt; }
.quote_top { width: 892px; height: 29px; margin-top: 5px; background:url(../img/bgQuoteTop.gif) no-repeat left top; }
#contact_wrapper { width: 892px; margin: 0 0 24px 24px; padding: 39px 0 0 0; float: left;  }
#contact_wrapper h1 { font-size: 16pt; color: #000; margin-bottom: 15px; }
#contact_wrapper h2 { font-size: 11pt; color: #000; line-height: 17pt; }
#contact_wrapper h3 { font-size: 14pt; color: #74953f; line-height: 21pt; margin-bottom: 24px; }
#contact_wrapper h4 { font-size: 11pt; color: #000; margin-bottom: 6px; }
#contact_wrapper ul {  }
#contact_wrapper li { font-size: 9pt; color: #333; width: 189px; padding-left: 24px; line-height: 15pt; margin-bottom: 18px; float: left;}
#contact_wrapper p { font-size: 10pt; color: #333; line-height: 17pt; margin-bottom: 24px; }
#contact_wrapper a:link, #contact_wrapper a:visited { color: #74953f; text-decoration: underline; }
#contact_wrapper a:hover, #contact_wrapper a:active { color: #000; text-decoration: underline; }
.contact_left { width: 386px; background:url(../img/bgContact.jpg) no-repeat left bottom; padding: 24px; font-size: 10pt; color: #333; float: left; }
.contact_left_top { width: 434px; height: 5px; background:url(../img/bgContactTop.jpg) no-repeat left top; }
.contact_right { width: 410px; margin-left: 24px; padding: 12px; float: left; }
.contact_left input { color: #000; font-weight: bold; font-size: 14px; padding: 3px; }
.contact_left textarea { color: #000; font-weight: bold; font-size: 14px; padding: 3px; }


/* FOOTER */
#footer_left { width: 176px; margin-top: 35px; float: left; text-align: left; font-size: 9pt; #fff; }
#footer_left p { font-size: 8pt; color: #999; }
#footer_right { width: 760px; margin-top: 35px; float: left; text-align: right; }
#footer_right p { font-size: 8pt; color: #999; }



/* NAVIGATION */

#navigation { width: 450px; height: 30px; text-indent:-9000px; padding-top: 35px; float: right; text-align: left; }
#navigation ul { height:30px; margin: 0; padding: 0; list-style-type:none; }
#navigation ul li { float:left; margin-left: 12px; }
#navigation li a:link, #navigation li a:visited { display:block; height:30px; }
#navigation li a:hover { text-decoration:none; }
.aboutus {background:url(../img/navAboutUs.png) no-repeat left top; width:102px;}
a.aboutus:hover, a.aboutus:active, a.aboutus:focus {background:url(../img/navAboutUs.png) no-repeat left top; background-position: 0 -30px;}
.services {background:url(../img/navServices.png) no-repeat left top; width:96px;}
a.services:hover, a.services:active, a.services:focus {background:url(../img/navServices.png) no-repeat left top; background-position: 0 -30px;}
.clients {background:url(../img/navClients.png) no-repeat left top; width:90px;}
a.clients:hover, a.clients:active, a.clients:focus {background:url(../img/navClients.png) no-repeat left top; background-position: 0 -30px;}
.contact {background:url(../img/navContact.png) no-repeat left top; width:95px;}
a.contact:hover, a.contact:active, a.contact:focus {background:url(../img/navContact.png) no-repeat left top; background-position: 0 -30px;}
.active_aboutus { background:url(../img/navAboutUs.png) no-repeat left top; width:102px; background-position: 0 -60px; }
.active_services { background:url(../img/navServices.png) no-repeat left top; width:96px; background-position: 0 -60px; }
.active_clients { background:url(../img/navClients.png) no-repeat left top; width:90px; background-position: 0 -60px; }
.active_contact { background:url(../img/navContact.png) no-repeat left top; width:95px; background-position: 0 -60px; }


.clear { clear: both; }
.displace { position: absolute; left: -9000px; }