/*Page Setup*/
body{ min-width:1009px; background-color:#fff; padding:0; margin:0; border-top:50px solid #000; font-family:Arial, Sans-serif; font-size:13px; line-height:17px; color:#666; text-align:center; }
hr{ display:none; }
ul { margin-left: 0px; padding-left: 388px;}


/*Fonts*/
@font-face{ font-family:"CGB"; src:url(../fonts/Century_Gothic_Bold.eot); }
@font-face{ font-family:"CGB"; src:url(../fonts/Century_Gothic_Bold.ttf); }

/*Links*/
a{ color:#4c4b4b; }

/*Masthead*/
a#logo img{ position:absolute; left:45px; top:27px; border:none; z-index:2;}
h1{ border-top:4px dotted #f1f2f2; margin:6px 0 0 380px; padding:0; width:620px; height:25px; background:url(../images/company-name.gif) no-repeat left center; text-indent:-8000px; }

/*Global Navigation*/
#navigation{ background-color:#e0dede; margin-left:140px; height:43px; position:relative; }
#navigation ul{
	position:absolute;
	background-color:#e0dede;
	margin:0;
	padding:0 !important;
	top:9px;
	left:293px;
	list-style:none;
	text-align:left;
	width:569px;
}
#navigation .nav{ float:left; height:32px; background:url(../images/navigation.gif) no-repeat; margin-right:10px; }
#navigation .nav a,
#navigation .nav p{ display:block; border:none; outline:none; height:100%; width:100%; text-indent:-8000px; margin:0; padding:0; cursor:pointer; }
#navigation .home{ background-position:-494px center; width:90px; }
#navigation .home:hover{ background-position:-494px 13px; }
#navigation .services{ background-position:left center; width:82px; } 
#navigation .services:hover{ background-position:left 13px; }
#navigation .clients{ background-position:-82px center; width:65px; }
#navigation .clients:hover{ background-position:-82px 13px; }
#navigation .certifications{ background-position:-158px center; width:116px; }
#navigation .certifications:hover{ background-position:-158px 13px; }
#navigation .aboutus{ background-position:-290px center; width:83px; }
#navigation .aboutus:hover{ background-position:-290px 13px; }
#navigation .contact{ background-position:-391px center; width:73px; }
#navigation .contact:hover{ background-position:-391px 13px; }
#navigation .secondary{ position:absolute; display:none; z-index:9; height:155px; left:90px; }
#navigation .secondary .shadow{ background-color:#999; opacity:0.55; position:relative; top:0px; width:135px; height:160px; margin-left:5px; }
#navigation .secondary ul{ background-color:#e0dede; width:135px; height:155px; padding:0px; position:relative; top:-160px; left:0px; margin:0px; list-style:none; }
#navigation .secondary ul li{ height:25px; border-bottom:1px solid #cccbcb; font-size:11px; line-height:22px; padding:0; }
#navigation .secondary ul li.last{ border-bottom:none; }
#navigation .secondary ul li a{ display:block; width:100%; height:100%; border:none; outline:none; color:#4c4b4b; text-decoration:none; text-indent:8px; }
#navigation .secondary ul li a:hover{ text-decoration:underline; }

/*Shared*/
#main h2{ font:30px/33px 'CGB'; color:#af1f25; border-bottom:4px dotted #f1f2f2; }
#content{ position:relative; background:#fff url(../images/content-background.gif) repeat-x bottom left; text-align:center; min-height:300px; }
#contactModal p, #consultModal p{ margin:0 37px 20px 37px; }
#contactModal strong, #consultModal strong{ display:block; }
#contactModal strong.phoneNum, #consultModal strong.phoneNum{ color:#af1f25; font-size:14px; }
#contactModal small, #consultModal small{ margin-bottom:20px; }

/*Contact Form*/
#contactModal form{ display:block; margin:5px 35px; }
#contactModal div.col{ float:left; width:50%; margin-bottom:5px; }
#contactModal label{ display:block; margin:5px 10px 5px 10px; clear:both; }
#contactModal label span{ display:inline-block; width:110px; }
#contactModal span.label{ display:block; margin:5px 10px 5px 10px; }
#contactModal label.radio{ float:left; clear:none; width:100px; margin-left:20px; margin-bottom:15px; }
#contactModal label.select{ float:left; width:103px; margin-left:10px; }
#contactModal select{ float:left; }
#contactModal #zip{ width:100px; }
#contactModal textarea{ display:block; margin-left:10px; margin-bottom:10px; width:70%; height:60px; }
#contactModal .actions{ margin-left:10px; }
#contactModal #reset{ background:none; border:none; display:inline; color:#4C4B4B; font-weight:bold; font-size:13px; }
#contactModal #reset:hover{ text-decoration:underline; cursor:pointer; }
#contactModal #submit{ margin:0 0 10px 10px; line-height:10px; background:url(../images/button-red-med.gif) no-repeat center center; width:76px; height:30px; color:#fff; font-weight:bold; border:none; font-size:13px; }
#contactModal input.error{ border:1px solid #af1f25; }
#contactModal #errors{ border:1px solid #af1f25; color:#af1f35; padding:10px; margin:5px; background-color:#fff; display:none; }
#contactModal #errors p{ padding:0; margin:4px 0px; }

/*Consult Form*/
#consultModal form{ display:block; margin:5px 35px; }
#consultModal div.col{ float:left; width:50%; margin-bottom:5px; }
#consultModal label{ display:block; margin:5px 10px 5px 10px; clear:both; }
#consultModal label span{ display:inline-block; width:110px; }
#consultModal span.label{ display:block; margin:5px 10px 5px 10px; }
#consultModal label.radio{ float:left; clear:none; width:100px; margin-left:20px; margin-bottom:15px; }
#consultModal label.select{ float:left; width:103px; margin-left:10px; }
#consultModal select{ float:left; }
#consultModal #zip{ width:100px; }
#consultModal textarea{ display:block; margin-left:10px; margin-bottom:10px; width:70%; height:60px; }
#consultModal .actions{ margin-left:10px; }
#consultModal #reset{ background:none; border:none; display:inline; color:#4C4B4B; font-weight:bold; font-size:13px; }
#consultModal #reset:hover{ text-decoration:underline; cursor:pointer; }
#consultModal #submit{ margin:0 0 10px 10px; line-height:10px; background:url(../images/button-red-med.gif) no-repeat center center; width:76px; height:30px; color:#fff; font-weight:bold; border:none; font-size:13px; }
#consultModal input.error{ border:1px solid #af1f25; }
#consultModal #errors{ border:1px solid #af1f25; color:#af1f35; padding:10px; margin:5px; background-color:#fff; display:none; }
#consultModal #errors p{ padding:0; margin:4px 0px; }


/*Service Form*/
#serviceModal form{ display:block; margin:5px 35px; }
#serviceModal div.col{ float:left; width:50%; margin-bottom:5px; }
#serviceModal label{ display:block; margin:5px 10px 5px 10px; clear:both; }
#serviceModal label span{ display:inline-block; width:110px; }
#serviceModal span.label{ display:block; margin:5px 10px 5px 10px; }
#serviceModal label.radio{ float:left; clear:none; width:100px; margin-left:20px; margin-bottom:15px; }
#serviceModal label.select{ float:left; width:103px; margin-left:10px; }
#serviceModal select{ float:left; }
#serviceModal #zip{ width:100px; }
#serviceModal textarea{ display:block; margin-left:10px; margin-bottom:10px; width:70%; height:60px; }
#serviceModal .actions{ margin-left:10px; }
#serviceModal #reset{ background:none; border:none; display:inline; color:#4C4B4B; font-weight:bold; font-size:13px; }
#serviceModal #reset:hover{ text-decoration:underline; cursor:pointer; }
#serviceModal #submit{ margin:0 0 10px 10px; line-height:10px; background:url(../images/button-red-med.gif) no-repeat center center; width:76px; height:30px; color:#fff; font-weight:bold; border:none; font-size:13px; }
#serviceModal input.error{ border:1px solid #af1f25; }
#serviceModal #errors{ border:1px solid #af1f25; color:#af1f35; padding:10px; margin:5px; background-color:#fff; display:none; }
#serviceModal #errors p{ padding:0; margin:4px 0px; }


/*Footer fineprint*/
div.legal{ clear:both; font-size:11px; color:#b7b7b7; margin-left:18px; margin-right:200px; }
#footer{ padding-left:130px; text-align:left; }
#homepage #footer{ padding-left:0px; }
#homepage div.legal{ position:relative; top:-110px; }
p.textlinks{ border-bottom:1px solid #eee; padding-bottom:8px; margin-bottom:5px; }
div.legal a{ color:#b7b7b7; }

/*Utility*/
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ zoom:1; }
#pageoverlay{ background-color:#000; opacity:0.7; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:900; display:none; }
.modal{ position:absolute; z-index:901; border:4px solid #ccc9c9; background-color:#f4f4f4; width:695px; top:5%; left:50%; margin-left:-350px; text-align:left; display:none; }
button.close{ background:url(../images/button-close.gif) no-repeat; width:56px; height:23px; text-indent:-8000px; border:none; cursor:pointer; }
.modal button.close{ position:absolute; right:15px; top:15px; }
.modal h3 { border-bottom:4px dotted #CCC9C9; color:#AF1F25; font:22px 'CGB'; margin:40px 37px 20px; padding:0 0 5px; }
#tooltip{ position:absolute; display:none; top:190px; left:35%; }
#tooltip .toolContent{ position:absolute; top:0px; padding:8px; background:#f4f4f4 url(../images/ajax-loader.gif) no-repeat center center; border:1px solid #cbcaca; width:467px; height:367px; }
#tooltip .toolShadow{ background-color:#c6c5c5; opacity:0.55; margin:3px 0 0 3px; width:485px; height:385px; }
#tooltip .toolPushout{ position:absolute; left:-21px; width:22px; height:49px; top:230px; background:url(../images/tooltip-pushout.png) no-repeat center center; }
span.tooltip{ background:url(../images/tooltip_arrow.gif) no-repeat right center; padding-right:8px; cursor:pointer; }

/*Homepage specific*/
#homepage #main{ background:url(../images/FPO-hero.png) no-repeat bottom left; padding-left:468px; margin:50px auto 0 auto; width:508px; height:310px; text-align:left; }
#homepage #main h2.title{ margin:0; padding:40px 0 0 0; width:447px; /*height:62px;*/ font:30px/33px 'CGB'; color:#af1f25; border:none; }
#homepage #main p{ width:460px; border-bottom:4px dotted #f1f2f2; padding-bottom:10px; }
#homepage #footer{ padding:18px 0 18px 0; margin:0px auto; text-align:left; width:920px; }
#homepage #footer .box{ background:url(../images/secondary-boxbg.gif) repeat-x left bottom; float:left; width:238px; height:166px; border:1px solid #ededed; margin-left:17px; padding:17px; }
#homepage #footer .box h3{ color:#7c7b7b; font:14px Verdana, Arial, sans-serif; margin:0 0 10px 0; }
#homepage #footer .box h4{ font:22px/23px 'CGB'; margin:0px; color:#000; }
#homepage #footer .box p{ width:180px; font-size:12px; }
#homepage #footer .box a.button{ background:url(../images/button-red.gif) no-repeat 0 0; display:block; margin-left:-3px; width:188px; height:34px; font:bold 12px/30px Verdana, Arial, sans-serif; color:#fff; text-align:center; text-decoration:none; }
#homepage #footer .box a.button:active{ background-position:0px 1px; line-height:32px; }
#homepage #footer .box.testimonial{ background:url(../images/testimonial-box.png) no-repeat top left; border:none; width:245px; height:297px; position:relative; top:-75px; z-index:3; padding:17px; }
#homepage #footer .testimonial .photo{ border:1px solid #000; padding:3px; margin-bottom: 15px; float:left; }
#homepage #footer .testimonial h3{ color:#af1f25; font:normal 15px Verdana, Arial, sans-serif; clear:both; margin:0; padding:10px 0 5px 0; }
#homepage #footer .testimonial blockquote{ margin:0; }
#homepage #footer .testimonial small{ font-size:11px; display:block; margin:5px 0 3px 0; }
#homepage #footer .testimonial a{ font-weight:bold; font-size:11px; }

/*About Us specific*/
#aboutus #content{ padding-bottom:40px; }
#aboutus #main{ margin:100px auto 0 auto; width:900px; position:relative; text-align:left; }
#aboutus #main .photo{ border:1px solid #cbcaca; background-color:#f4f4f4; padding:8px; float:left; }
#aboutus #main p{ margin-left:373px; width:500px; }
#aboutus #empProfiles{ display:block; background:url(../images/employee-icon.gif) no-repeat right center; padding-right:40px; height:26px; position:absolute; right:0px; top:0px; line-height:26px; }
#aboutus #empModal.modal h3{ font:22px 'CGB'; color:#af1f25; border-bottom:4px dotted #ccc9c9; margin:40px 37px 20px 37px; padding:0 0 5px 0; }
#aboutus #empModal.modal #empProfNav{ list-style:none; margin:0 0 0 37px; padding:0; }
#aboutus #empModal.modal #empProfNav li{ display:block; float:left; background:url(../images/employee-keith.jpg) no-repeat 0 -62px; width:62px; height:62px; text-indent:-8000px; }
#aboutus #empModal.modal li#employee2{ display:block; float:left; background:url(../images/employee-matt.jpg) no-repeat 0 -62px; width:62px; height:62px; text-indent:-8000px; }
#aboutus #empModal.modal #empProfNav li.active{ background-position:0 0 ; }
#aboutus #empModal.modal #empProfNav li a{ display:block; width:62px; height:62px; border:none; outline:none; }
#aboutus #empModal.modal #empProfNav li a:hover{ border:1px solid #fff; width:60px; height:60px; }
#aboutus #empModal.modal .empInfo{ display:none; }
#aboutus #empModal.modal .active{ display:block; }
#aboutus #empModal.modal .photo{ padding:3px; background-color:#fff; border:1px solid #ccc9c9; margin:30px 0px 100px 37px; float:left; }
#aboutus #empModal.modal .info{ float:left; margin-left:20px; margin-top:30px; width:420px; }
#aboutus #empModal.modal .info h4{ margin:0 0 5px 0; padding:0; color:#666666; font-size:15px; }
#aboutus #empModal.modal .info em{ display:block; font-size:12px; margin-bottom:5px; }
#aboutus #empModal.modal .info small{ display:block; margin-bottom:15px; font-size:12px; }
#aboutus #empModal.modal .info ul{ list-style:none; padding:0; margin:0 0 20px 0; }

/*Services specific*/
#services #content{ padding-bottom:40px; }
#services #main{ margin:100px auto 0 auto; width:900px; position:relative; text-align:left; }
#services #main .photo{ border:1px solid #cbcaca; background-color:#f4f4f4; padding:8px; float:left; }
#services #main p{ margin-left:373px; width:500px; }
#services #main .vendorList, #services #main .vendorList a{ color:#af1f25; }
#services #main .vendorList strong{ margin-left:35px; }
#services #main .vendorList ul{ margin-left:378px; margin-top:5px; width:500px; list-style:none; padding:0; }
#services #main .vendorList ul li{ margin-bottom:5px; }

/*Certifications specific*/
#certifications #content{ padding-bottom:40px; }
#certifications #main{ margin:100px auto 0 auto; width:900px; position:relative; text-align:left; }
#certifications #main ul.cert{ font-weight:bold; list-style:none; margin-bottom:30px; padding:0; }
#certifications #main ul li{ margin-bottom:10px; list-style:none; }
#certifications #main ul li span{ background:url(../images/tooltip_arrow.gif) no-repeat right center; padding-right:8px; cursor:pointer; }
#tooltip .toolContent img{ border:1px solid #cbcaca; }
#tooltip .toolContent .cert{ display:none; }

/*Clients specific*/
#clients #content{ padding-bottom:40px; }
#clients #main{ margin:100px auto 0 auto; width:900px; position:relative; text-align:left; }
#clients #main ol,
#clients #main ul{ list-style:none; padding:0; }
#clients #main .clientList{ font-weight:bold; float:left; }
#clients #main .clientList li{ margin-bottom:10px; }
#clients #main .clientList a{ text-decoration:none; }
#clients #main .clientList li.active a{ color:#af1f25; }
#clients #main .clientContent{ margin:28px 0 0px 250px; }
#clients #main .clientContent h3{ font-size:13px; margin:15px 0 3px 0; padding:0; }
#clients #main .clientContent{ min-height:230px; }
#clients #main .clientContent li.hidden{ display:none; }
#clients #main .clientContent li.shown{ display:block; }