/* CSS Document */

body{
	margin:0 auto; 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-top: 102px;
	width:778px; height:60px; position:relative;
	background:url(../images/header.gif) no-repeat top center;
}

#header img{
	position:absolute; left:50px; top:123px;
}

#header ul{
	position:absolute; left:215px; top:114px;
	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 35px 27px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#8E8E8E;
}

#containerTopinside h2{
	font:normal 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8FF201; text-transform:uppercase; margin:0 0 5px 0;
	background-color:#191919;
}

#containerTopinside a{
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#CACACA; text-decoration:none;
	padding: 5px;
}

#containerTopinside a:hover{
	background-color:#2E2E2E; color:#CACACA;
}

#containerTopinside div.box{
	width: 290px;
	margin: 7px;
	float: left;
}

#containerTopinside div.boxcontent{
	background-color: #000;
	padding: 10px;
	min-height: 125px; height:auto !important; height: 125px;
}

#containerTopinside div.topcurve{
	background:url(../images/search_top_curve.gif) no-repeat 0 0 #000000;
	height:3px; width:100%; display:block; line-height:0; font-size:0;
	color:#FFFFFF;
}

#containerTopinside div.bottomcurve{
	background:url(../images/search_bottom_curve.gif) no-repeat 0 0 #000000;
	height:3px; width:100%; display:block; line-height:0; font-size:0;
	color:#FFFFFF;
}

#containerTopinside input, textarea{
	background-color:#242424; border:#4D4D4D solid 1px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF; width:181px; margin:0; padding: 3px 1px 3px 1px;
	float:left;
}

#containerTopinside textarea{ height: auto; width:auto; }

#containerTopinside input.go{
	background:url(../images/go_btn.gif) no-repeat 0 0 #000000;
	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;
}

#containerTopinside 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;
}

#leftTop{
	width:386px;
	float:left;
}

#leftTop p{
	background:url(../images/how_g33k5_was_created.gif) no-repeat 0 0 #191919; color:#CACACA;
	width:185px; height:52px; padding:88px 26px 0 175px; margin:0 0 15px 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{
	background:url(../images/search_icon.gif) no-repeat 0 0 #000000;
	height:26px; padding:0 16px 0 33px; color:#8FF201;
	float:left;
}

.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{
	background:url(../images/go_btn.gif) no-repeat 0 0 #000000;
	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;
}

#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:206px; float:left;
}

#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;
	margin:0 auto; width:663px; 
}

#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:relative; color:#FFFFFF;
}

#containerBottomBg h2{
	position:absolute; left:450px; top:-200px;
	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/bottom_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:10px 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 p a{
	color:#FFFFFF;
}

#footer p a:hover{
	color:#CCC;
}

#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-----------------------------------------*/