@charset "utf-8";
/* CSS Document */

/* sarafi hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#top ul.bts {margin-top: -30px !important; border: 1px solid red !important;}
}
/* end of hack */


*{ border: none; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a{ outline: none; text-decoration: none; color: #212121;}
a:hover{ text-decoration: underline; }
span.color { color: #ef8555; }
/* ------------------------------------------ */
body { background: #f6f6f6 url(../images_home/bg_body.jpg) 0 0 repeat-x; }
#wrap { width: 100%; background: url(../images_home/bg.jpg) top center no-repeat; }
#wrapper { width: 990px; margin: 0 auto; height: 1225px; }


/* ------------------------------------------ */
#top { float: left; width: 990px; height: 254px; position:relative; }
	#top h1 { float: left; text-indent: -5000em; }
		#top h1 a { float: left; background: url(../images_home/h1.jpg) 0 0 no-repeat; width: 359px; height: 242px; display: inline; margin: 13px 0 0 77px; }
	
	#top ul.subNav { position: absolute; top: 2px; right: 35px; display: inline; }
		#top ul.subNav li { display: inline; }
			#top ul.subNav li a { color: #e2e2e2; }
			#top ul.subNav li a:hover { color: #CCCCCC;} 
	
	#top h2 { width: 470px; height: 75px; position: absolute; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 25px; color: #505050; right:26px; top:42px; }
	#top p.subSlogan { width: 470px; position: absolute; line-height: 20px; right: 24px; top: 84px; } 
	#top ul.bts { display:block; float: left; width: 494px; margin-left: 484px; margin-top: 60px;}
		#top ul.bts li{ display: inline; display: block; list-style: none; float: left;}
			#top ul.bts li a{ text-decoration: none;}
		
/* ------------------------------------------ */
#container { float: left; width: 955px; background: url(../images_home/bg_container.jpg) 0 0 no-repeat; padding: 40px 0 69px 18px; }

/* ------------------------------------------ */

#slider { width:502px; margin:0; padding:0; list-style:none; float: left; margin: -67px 0 0 42px; display: inline; position: relative;}
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/
#slider li {width:502px; height:290px; overflow:hidden; }
p#controls {margin:0;position:relative;}
#prevBtn, #nextBtn {display:block;margin:0;	overflow:hidden;width:30px;	height:290px; position:absolute; left:348px; top:70px;}
#nextBtn { left:907px;}
#prevBtn a { display:block;	width:30px;	height:290px; background: url(../images_home/l_arrow.gif) no-repeat 0 0;}
#nextBtn a { display:block;	width:30px;	height:290px; background: url(../images_home/r_arrow.jpg) no-repeat 0 0;}

#slideshow { float: left; width: 955px; margin-bottom: 72px; display: inline; }
	#slideshow h3 { font-size: 27px; color:#fe7b29; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: block; padding: 0 0 20px 8px; width: 355px; }
		#slideshow p.subSlogan { color: white; display: block; width: 355px; margin: -15px 0 26px 10px;}
		
		#slideshow ul.subList { display: block; width: 355px; margin: 50px 0 0 20px; }
			#slideshow ul.subList li { color: white; list-style: none; padding: 4px 0 4px 18px; background: url(../images_home/arrowH.gif) 0px 3px no-repeat; float: left;}
		
	#slideshow form { display: block; float: left; width: 349px; }
		#slideshow form label { display: block; width: 82px; color: white; font-size: 14px; float: left; padding: 5px 0 5px 15px; }
		#slideshow form input { background: url(../images_home/bgSlideInput.jpg) 0 0 no-repeat; color: #333; padding: 9px; width: 177px; margin-bottom: 7px; }
		#slideshow form input.btSubmit { background: url(../images_home/btSignUp.jpg) 0 0 no-repeat; width: 91px; height: 26px; text-indent: -5000em; }
	
/* ------------------------------------------ */
#contLeft { float: left; width: 272px; margin-left: -8px;  }
	#contLeft h3 {font-size: 20px; color:#3e3e3f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; display: block; padding: 0 0 5px 0;}
	
	#contLeft .comments { float: left; background: url(../images_home/bgComents.jpg) 0 0 no-repeat; width: 200px; padding: 12px 81px 12px 12px; }
		.comments .coment_first { float: left; width: 273px; color: white; font-size: 11px; height: 103px; }
		.comments .coment_first p.cText { font-style:italic; font-size: 11px; display: block; padding: 11px 0; }
		
		.comments .coment_second { float: left; width: 273px; color: black; font-size: 11px; height: 103px; }
		.comments .coment_second p.cText { font-style:italic; font-size: 11px; display: block; padding: 7px 0; }  
		
		.comments form { display: block; float: left; width: 289px; margin: -10px 0 0 -11px; display: inline; }
		.comments form textarea{ overflow: hidden; background: url(../images_home/bgSendComent.jpg) 0 0 no-repeat; width: 278px; height: 100px; padding: 5px; margin-top: 10px;}
		.comments form input.btSubmit { background: url(../images_home/btSendComents.jpg) 0 0 no-repeat; width: 91px; height: 36px; position: relative; margin: -33px 0 0 10px; display: block;}
				
/* ------------------------------------------ */		
#contRight { float: right; width: 665px; margin-top: 32px; }
#contRight ul.btsCont { display:block; float: left; width: 665px; }
		#contRight ul.btsCont li{ display: inline; display: block; list-style: none; float: left;}
			#contRight ul.btsCont li a{ text-decoration: none;}
			
		#contRight .postLand { float: left; background: url(../images_home/bgPostLand.jpg) 0 0 no-repeat; width: 656px; padding: 15px 10px 29px; }
			#contRight .postLand h4 { display: block; padding-left: 244px; font-size: 20px; color: #3e3e3f;}
			#contRight .postLand p.first { display: block; padding-left: 244px; font-size: 12px; color: #3e3e3f; line-height: 23px;}
			#contRight .postLand p { display: block; padding-left: 0px; font-size: 12px; color: #3e3e3f; line-height: 26px;}

/* ------------------------------------------ */
#contBottom {float: left; width: 966px; margin-left: -10px; margin-bottom: -75px; padding-top:110px; padding-bottom: 20px; display: inline; }
	#contBottom .titles { float: left; width: 950px; padding: 0 0 10px 0; }
	#contBottom .titles h4 { float: left; font-size: 20px; color: #3e3e3f; font-family: Arial, Helvetica, sans-serif; display: block; float: left; margin-right: 339px; display: inline;}
	#contBottom .recents {float: left; width: 468px; border: 1px solid #dedede;}
		#contBottom .recents .recentsCont {float: left; width: 446px; border: 1px solid #fff; background-color: #f8f8f8; padding: 5px 10px}
		

/* ------------------------------------------ */		
#footer {width: 100%; position: relative; z-index: 999; background: url(../images_home/bg_bottom.gif) 0 0 repeat-x; padding-bottom: 30px; }
	#footer #fCont { width: 950px; margin: 10px auto; height: 100px; padding-bottom: 20px; }
		#footer #fCont h5 { font-size: 23px; font-weight: bold; color: #373637; padding-top: 10px;}
			#footer #fCont h5 span { font-size: 18px; font-weight: bold; color: #f26d30; }

		#footer #fCont ul { float: left; margin-top: 0px; display: inline; position: relative; }
			#footer #fCont ul li { text-decoration: none; list-style: none; display: inline; }
			#footer #fCont ul li a { font-size: 15px; float: left; padding: 0 10px 0 13px; background: url(../images_home/bullet.gif) 0 3px no-repeat; color: #373637; }
			#footer #fCont a.bgGrey { float: right; position: relative; display: inline; margin: -30px 20px 0 0; }