/* CSS Document */

body{
	margin:0; padding:0; background:url(images/bg.gif) repeat-x 0 0 #000000;
	color:#FFFFFF;
	}
	
div, p, h2, ul, li, form, input, label, a, span{
	margin:0; padding:0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
	
/*-------------------------------------------Header Start-------------------------------------*/
	
#header{
	margin:0 auto; padding:0; 
	width:778px; height:78px; position:relative;
	}

#header img{
	position:absolute; left:76px; top:45px;
	}
	
#header ul{
	position:absolute; left:272px; top:34px;
	margin:0; padding:0; list-style:none;
	}
	
#header ul li{
	width:72px; height:44px;
	font:normal 13px/44px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; background-color:#000000; 
	margin:0 1px 0 0; float:left;
	}
	
#header ul li a{
	font:normal 13px/44px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; text-decoration:none;
	background-color:#000000; 
	width:72px; height:44px; display:block;
	}
	
#header ul li a.home{
	background:url(images/header_nav_bg.gif) no-repeat 0 0;
	font:normal 13px/44px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; text-decoration:none; 
	background-color:#000000; 
	display:block; 
	}
	
#header ul li a:hover{
	background:url(images/header_nav_bg.gif) no-repeat 0 0 #000000;
	color:#FFFFFF;
	}

/*-------------------------------------------Header End-------------------------------------*/

/*-------------------------------------------Body Top Start---------------------------------------*/

#containerTop{
	background:url(images/container_top_inside.gif) repeat-y center top #191919;
	margin:0; padding:0; color:#FFFFFF;
	}
	
#containerTopinside{
	margin:0 auto; width:609px; padding:36px 28px 23px 27px; 
	}
	
#leftTop{
	width:386px;
	float:left;
	}
#leftTop p{
	color:#CACACA;
	width:185px;
	height:52px;
	padding:88px 26px 0 175px;
	margin:0 0 15px 0;
	background-color: #191919;
	background-image: url(images/most_effective2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

	
#leftTop p a{
	background:url(images/click_bg.gif) no-repeat 0 0 #000000;
	font:normal 9px/17px Arial, Helvetica, sans-serif;
	color:#CACACA; text-transform:uppercase; text-decoration:none;
	padding:0 0 0 10px; width:133px; display:block;
	}
	
#leftTop div.search{ 
	}
	
#leftTop div.topcurve{
	background:url(images/search_top_curve.gif) no-repeat 0 0 #000000;
	height:3px; width:361px;  display:block; line-height:0; font-size:0;
	color:#FFFFFF;
	}
	
#leftTop div.bottomcurve{
	background:url(images/search_bottom_curve.gif) no-repeat 0 0 #000000;
	height:3px; width:361px; display:block; line-height:0; font-size:0;
	color:#FFFFFF;
	}

#leftTop form#search{
	background-color:#000000; width:351px; height:40px; color:#FFFFFF;
	padding:16px 0 8px 10px; 
	}	
	
#leftTop form#search label{
	height:26px;
	padding:0 16px 0 33px;
	color:#8FF201;
	float:left;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
.green{
	font:normal 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8FF201; text-transform:uppercase; background-color:#000000;
	}

.greenProcedures{
	font:normal 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8FF201; text-transform:uppercase; background-color:#242424;
	}
	
#leftTop form#search input{
	background-color:#242424; border:#4D4D4D solid 1px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:183px; margin:0; padding:0;
	float:left; height:20px;
	}
	
#leftTop form#search input.go{
	font:bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	border:none;
	float:left;
	width:34px;
	cursor:pointer;
	margin:0 0 0 8px;
	height:22px;
	background-color: #000000;
	background-image: url(images/go_btn2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#leftTop form#search span{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#CACACA; padding:0 0 0 110px; background-color:#000000;
	float:left; width:230px; margin:0;
	}

#rightTop{
	width:223px; float:left;
	}
	
#rightTop h2{
	font:normal 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8FF201; text-transform:uppercase; margin:0 0 5px 0;
	background-color:#191919;
	}
	
#rightTop ul{
	margin:0; padding:0; list-style:none;
	}

#rightTop ul li{
	background:url(images/list_services_border.gif) repeat-x 0 100% #191919;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CACACA; width:223px; display:block; height:23px;
	}
	
#rightTop ul li.noborder{
	background:none; background-color:#191919;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CACACA; width:223px;
	}
	
#rightTop ul li a{
	background:url(images/list_services_icon.gif) no-repeat 0 50% #191919;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CACACA; text-decoration:none; display:block;
	padding:0 0 0 16px;
	}
	
#rightTop ul li a:hover{
	background-color:#2E2E2E; color:#CACACA;
	}
	


/*-------------------------------------------Body Top End-----------------------------------------*/

/*-------------------------------------------Body Middle Start-----------------------------------------*/

#containerMiddle{
	background:url(images/container_middle_inside.gif) repeat-y center top #1D1D1D;
	margin:0; padding:0; color:#FFFFFF;
	}
	
#containerMiddleInside{
	margin:0 auto; width:394px;
	padding:20px 230px 7px 40px;
	}
	
#leftMiddle{
	width:auto; float:none;
	}
	
#leftMiddle h2{
	background:url(images/left_border.gif) repeat-y 0 0 #242424;
	padding:2px 0 2px 6px; color:#FFFFFF;
	}
	
.white{
	font:normal 16px/22px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#242424;
	}
	
.grey{
	font:normal 30px/30px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
	color:#8E8E8E; text-transform:uppercase; background-color:#242424;
	}
	
#rightMiddle{
	width:188px; float:left;
	}

#rightMiddle p{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#8E8E8E; background-color:#242424;
	}

#containerGreen{
	background:url(images/green_bg.gif) repeat-x 0 0 #000000; color:#FFFFFF;
	}
	
#containerGreenInside{
	background:url(images/green_inside_bg.gif) repeat-y 0 0 #000000;
	color:#FFFFFF;
	width:663px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	
#leftGreen{
	width:391px; padding:0 222px 0 50px; float:left;
	}

#leftGreen p{
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-transform:uppercase; height:14px; 
	float:left; background-color:#4C8300;
	}

#leftGreen p a{
	background:url(images/read_bg.gif) no-repeat 0 0 #4C8300;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; text-decoration:none;
	width:83px; height:12px; margin:-13px 0 0 0;
	float:right;
	}

#containerBottom{
	margin:0; padding:0;
	background-color:#161616; color:#FFFFFF;
	}
	
#containerBottomInside{
	margin:0 auto; padding:0;
	width:665px;
	}
	
#containerBottomBg{
	background:url(images/container_bottom_bg.gif) repeat-y 0 0 #191919;
	height:46px; position:static; color:#FFFFFF;
	}
	
#containerBottomBg h2{
	position:relative; left:-205px; top:160px;
	background:url(images/man.gif) no-repeat 0 0;
	width:154px; height:223px;
	}
	
#containerBottomCurve{
	background:url(images/bottom_curve_bg.gif) no-repeat 0 0 #191919; color:#FFFFFF;
	height:10px; display:block; line-height:0; font-size:0;
	}
	
	
/*-------------------------------------------Body Middle End-----------------------------------------*/

/*-------------------------------------------Body Bottom Start-----------------------------------------*/

#bottomPartContainer{
	margin:0; padding:0 0 30px 0; background:url(images/bootom_bg.gif) repeat-x 0 0;
	}
	
#bottom{
	width:656px; margin:0 auto;
	padding:11px 4px 0 4px;
	}
	
#bottomleft{
	width:215px; margin:0 4px 0 0; float:left;
	}
.top{
	background:url(images/top_curve.gif) no-repeat 0 0 #000000; color:#FFFFFF;
	width:215px; height:3px; line-height:0; font-size:0; display:block;
	}
	
.bottom{
	background:url(images/bottom_curve.gif) no-repeat 0 0 #000000; color:#FFFFFF;
	width:215px; height:3px; line-height:0; font-size:0; display:block;
	}

#bottomleft form#login{
	width:186px; background-color:#000000; color:#FFFFFF;
	padding:8px 15px 24px 14px;
	}
	
#bottomleft label{
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#000000; 
	float:left;
	}
	
#bottomleft input{
	background-color:#242424; border:#4D4D4D solid 1px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:183px; margin:0; padding:0;
	height:20px; float:left;
	}

#bottomleft form#login h2{
	background:url(images/member_bg.gif) no-repeat 0 0 #000000; color:#8FF201;
	padding:0 0 16px 76px; height:59px;
	}	
	
.lightGrey{
	font:normal 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C0C0C0; text-transform:uppercase; background-color:#000000;
	}
	
#bottomleft form#login p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#77AF27; padding:9px 0 0 0; width:130px;
	background-color:#000000; float:left;
	}
#bottomleft form#login p a{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#77AF27; text-decoration:none;
	background-color:#000000;
	}
#bottomleft form#login p a:hover{
	background-color:#1A2A03; color:#77AF27;
	}
	
#bottomleft input.login{
	background:url(images/login_bg.gif) no-repeat 0 0 #000000; border:none;
	width:52px; height:12px; margin:13px 0 0 0;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-transform:uppercase; cursor:pointer;
	text-align:center; float:left;	
	}
	
#bottomleft form#signup{
	width:186px; height:136px; background-color:#000000; color:#FFFFFF;
	padding:0  15px 55px 14px;
	}
	
#bottomleft form#signup h2{
	background:url(images/newsletter_bg.gif) no-repeat 0 0 #000000; color:#8FF201;
	padding:0 0 16px 76px; height:59px; float:left;
	}	

#bottomleft input.signup{
	background:url(images/login_bg.gif) no-repeat 0 0 #000000; border:none;
	width:52px; height:12px; margin:13px 0 0 0;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-transform:uppercase; cursor:pointer;
	text-align:center; float:right;
	}

#bottommiddle{
	width:215px; margin:0 4px 0 0; float:left;
	}
.contactBottomBg{
	background:url(images/contact_bottom_curve.gif) no-repeat 0 0 #000000;
	width:215px; height:3px; line-height:0; font-size:0; color:#FFFFFF;
	}
#bottommiddle form#contact{
	background:url(images/contact_bottom_bg.gif) no-repeat 35px 312px;
	width:186px; height:318px; background-color:#000000; color:#FFFFFF;
	padding:8px 15px 89px 14px;
	}
	
#bottommiddle label{
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#000000; 
	float:left;
	}
	
#bottommiddle input{
	background-color:#242424; border:#4D4D4D solid 1px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:183px; margin:0; padding:0;
	float:left; height:20px;
	}
	
#bottommiddle textarea{
	background-color:#242424; border:#4D4D4D solid 1px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:183px; height:65px; margin:2px 0 0 0; padding:0;
	float:left;
	}

#bottommiddle form#contact h2{
	background:url(images/contact_bg.gif) no-repeat 0 0 #000000; color:#8FF201;
	padding:0 0 16px 76px; height:59px;
	}
	
#bottommiddle input.submit{
	background:url(images/read_bg_2.gif) no-repeat 0 0 #000000; border:none;
	width:83px; height:12px; margin:13px 0 0 0;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-transform:uppercase; cursor:pointer;
	text-align:center; float:right;	
	}
	

#bottomright{
	width:215px; float:left;
	}

.latest{
	background:url(images/latest_bottom_bg.gif) no-repeat 35px 312px; color:#FFFFFF;
	width:186px; height:407px; padding:8px 15px 0 14px; background-color:#000000;
	line-height:0; font-size:0;
	}
	
.bottomrightCurve{
	background:url(images/contact_bottom_curve.gif) no-repeat 0 0 #000000; color:#FFFFFF;
	width:215px; height:3px; line-height:0; font-size:0; display:block;
	}
	
#bottomright h2{
	background:url(images/contact_bg.gif) no-repeat 0 0 #000000; color:#8FF201;
	padding:0 0 16px 76px; height:59px;
	}
	
#bottomright ul{
	margin:0; padding:0; list-style:none; 
	}
	
#bottomright ul li{
	background:url(images/list_latest_icon.gif) no-repeat 5px 7px #000000;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; padding:0 0 0 16px; margin:0 0 10px 0;
	}
	
#bottomright ul li a{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; background-color:#000000; 
	display:block;
	}
	
#bottomright ul li a span{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#CACACA; text-decoration:none; background-color:#000000; 
	}

#bottomright ul li a:hover{
	background-color:#242424; color:#FFFFFF;
	}

#bottomright ul li a:hover span{
	background-color:#242424; color:#CACACA;
	}
	
a.read{
	background:url(images/read_bg_2.gif) no-repeat 0 0 #000000; border:none;
	width:83px; height:12px;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-transform:uppercase; text-decoration:none;
	text-align:center; float:right;	
	}

/*-------------------------------------------Body Bottom End-----------------------------------------*/

/*-------------------------------------------Footer Start-----------------------------------------*/

#footerOutside{
	background:url(images/footer_bg.gif) repeat-x #191919; color:#FFFFFF;
	height:95px;
	}
#footer{
	margin:0 auto; padding:16px 28px 0 0; width:665px;
	}	
	
#footer ul.nav{
	margin:0; padding:0; list-style:none;
	}
	
#footer ul.nav li{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#3A6400; 
	float:right;
	}
	
#footer ul.nav li a{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; background-color:#3A6400;
	padding:0 13px;
	}
#footer ul.nav li a:hover{
	background-color:#578C0E; color:#FFFFFF;
	}
	
#footer p{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#3A6400; 
	padding:8px 13px 0 0; float:right;
	}
	
#footer ul.navlink{
	margin:0; padding:15px 0 0 0;
	list-style:none;
	}
	
#footer ul.navlink li.design{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#BABABA; background-color:#191919; 
	float:right;
	}
	
#footer ul.navlink li.design a{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; background-color:#191919;
	margin:0 14px 0 0;
	}
	
#footer ul.navlink li.design a:hover{
	background-color:#353434; color:#FFFFFF;
	}
	
#footer ul.navlink li.xhtml{
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; width:81px;
	background-color:#191919; 
	float:right; margin:0 10px 0 0;
	}

#footer ul.navlink li.xhtml a{
	background:url(images/xhtml_bg.gif) no-repeat 0 0 #191919;
	font:normal 14px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; text-decoration:none;
	display:block;
	}
	
#footer ul.navlink li.xhtml a:hover{
	background:url(images/xhtml_bg_on.gif) 0 0 #191919; color:#FFFFFF;
	}



/*-------------------------------------------Footer End-----------------------------------------*/
#contact{
	width:418px;
	padding:20px 0 0 0;
	margin:0 0 0 0;
	background-color:#161616;
	color:#A6A6A6;
	float:left;
}
#contact h2{
	display:block;
	background:url(images/contact_top.gif) 0 0 no-repeat #161616;
	width:0px;
	height:13px;
	font:bold 18px/13px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 40px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 54px;
}
#contact form.con{
	width:290px;
	background:url(images/contact_bg.gif) 0 0 repeat-y;
	padding:25px 28px 0 28px;
	margin:0 0 0 40px;
	
}
#contact form.con label{
	display:block;
	width:70px;
	font:bold 11px/35px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#A6A6A6;
	background-color:#161616;
	float:left;
}
#contact form.con input{
	width:208px;
	height:22px;
	
	font:bold 12px/24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#030303;
	background-color:#fff;
	margin:0 0 13px 0;
	float:right;
   
}

#contact form.con textarea{
	width:208px;
	height:72px;
	border-top:#808080 solid 1px;
	border-left:#808080 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	font:bold 12px/18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#030303;
	background-color:#fff;
	margin:0 0 0 0;
	float:right;
}
#contact form.con label.blue2{
	display:block;
	font:bold 11px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#28649B;
	background-color:#161616;
	float:left;
	padding:0 0 50px 0;
}

#contact form.con input.image{
	width:80px;
	float:right;
	border:none;
	cursor:pointer;
	margin:16px 0 0 0;
	padding:0 0 0 0px;
	}
#contact form.con input.submit{
	width:80px;
	float:right;
	border:none;
	cursor:pointer;
	margin:16px 0 0 0;
	padding:0 0 0 0px;
	}
#contact p.bot2{
	display:block;
	width:418px;
	height:39px;
	background:url(images/contact_bot.gif) 0 0 no-repeat;
	float:left;
}
#right-top form label.blue{
	display:block;
	width:148px;
	font:bold 13px/14px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00336B;
	background-color:#fff;
	margin:11px 10px 0 0;
	float:left;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}