@charset "UTF-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul,li{list-style:none; list-style-position:outside;}
a img{border:0;}


a{ color:#79c901; text-decoration:none;}
a:hover{ text-decoration:underline;}

body{ font-size:14px; color:#6e6e6e; font-family:Tahoma, Geneva, sans-serif; padding-bottom:50px; background:#ffffff url(images/bg.jpg) repeat-x;}

h1, h2, h3, h4, h5, h6{ margin:0 0 0 0; padding:0 0 0 0;}
h1{ border-bottom:6px solid #c6c6c6; color:#79c901; padding:16px 0 12px; margin-bottom:11px; text-transform:uppercase;
	font:normal 43px/43px 'Century Gothic', Futura, 'URW Gothic L', sans-serif;}
h2{ color:#8c8b8b; font:normal 30px/45px 'Century Gothic', Futura, 'URW Gothic L', sans-serif; text-transform:uppercase; margin-bottom:4px;}
#h3{ color:#6e6e6e; font:bold 18px Tahoma, Geneva, sans-serif;}


#wrapper{ width:988px; margin:0 auto;}

#header{ width:880px; height:94px; margin:0 auto; padding:0 40px;}
	#logo{ float:left; height:94px; width:247px;}
	#nav{ float:right; font:normal 18px/94px 'Century Gothic', Futura, 'URW Gothic L', sans-serif; list-style:none; margin:0 0 0 0; padding:0 0 0 0;}
	#nav li{ float:left; display:inline; margin-left:35px;}
	#nav li.active a{ background:url(images/nav-dot.gif) no-repeat center bottom;}
	#nav li a{ color:#ffffff; padding:3px 0 3px 0; text-decoration:none; text-transform:uppercase;}
	#nav li a:hover{ background:url(images/nav-dot.gif) no-repeat center bottom;}
	
	
#content{ width:958px; background:#ffffff; border:1px solid #e7e7e7; -moz-border-radius:10px; -webkit-border-radius:10px; margin:10px auto 0 auto;}
#page{ width:882px; border:1px solid #ffffff; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto; padding:0 37px 30px; overflow:hidden;
	   background:#fcfcfc url(images/page-bg.gif) repeat-x bottom left;}


	/*for index page*/
	.slide_holder{ width:960px; height:393px; margin:13px auto; position:relative; color:#fff; background:#65a013 url(images/slide_bg.jpg) no-repeat;}
		.line{ position:absolute; width:6px; height:392px; top:0; text-indent:-9999px; overflow:hidden; background:url(images/dot_line.gif) no-repeat;}
		.line1{ left:-14px;}
		.line2{ right:-14px;}
		.top_txt{ height:30px; text-align:right; padding:12px 39px 0 0; margin-bottom:26px;}
		.title_txt{ position:absolute; text-transform:uppercase; width:280px; font-size:55px; left:40px; top:65px; z-index:888;
					 line-height:45px; font-family:"Century Gothic",Futura,sans-serif;}
		.btn_quote{ position:absolute; width:222px; height:39px; line-height:39px; text-decoration:none; color:#fff; text-align:center; z-index:888;
					 background:#666666 url(images/btn_quote.gif) no-repeat; left:63px; top:301px; font-size:14px; text-transform:uppercase;
					  font-family:"Century Gothic",Futura,sans-serif;}
		
		.slide_content{ width:880px; height:313px; position:relative; margin:0 auto;}
		.slide_content li{ float:left; width:880px;}
		.slide_content li .sli_txt{ float:left; width:282px; margin-top:108px; font-size:12px;}
		.slide_content li .sli_txt .intro_title{ font-weight:bold; margin-bottom:11px; font-size:14px;}
		.slide_content li .sli_img{ float:right; display:inline; margin-right:10px; width:544px; height:261px;}
		
		.carousel-wrap{ width:100%;}
			.carousel-control{ position:absolute; top:286px; width:13px; height:11px; text-indent:-9999px; overflow:hidden; cursor:pointer;}
			.carousel-previous{ background:url(images/arrow_left.gif) 0 0 no-repeat; left:326px;}
			.carousel-next{ background:url(images/arrow_right.gif) 0 0 no-repeat; left:858px;}
			
			.center-wrap{ margin:20px 0 0 348px;}
			.center-wrap a{ float:left; width:93px; height:20px; border:1px #88c03a solid; text-align:center; line-height:20px;
							background:#b9ea70; color:#528d0c; font-size:10px; text-decoration:none; cursor:pointer; margin-right:7px;}
			.center-wrap a.active{ background:#fff;}
	
	.home{ width:100%;}
	.home h1{ border:0; margin-bottom:0; padding-bottom:6px;}
	.home p{ margin-bottom:15px;}
	.home .buttons{ width:406px; float:right; position:relative; top:4px; right:-6px;}
			
		
	

	/*for contact page*/
	.contact{ width:100%;}
	.contact h1{ margin-bottom:24px;}
	.contact p{ line-height:126%; margin-bottom:25px;}
	.contact p.mail{ font-weight:bold; position:relative; top:6px;}
	.contact p.mail strong{ padding-right:4px;}
	.contact p.ph{ margin-top:7px; margin-bottom:17px;}
	address{ font-style:normal;}
	

	
	/*for services page*/
	h3{ font-size:18px; font-weight:bold; margin-bottom:14px;}
	.design_list{ width:100%; margin-bottom:50px;}
	.design_list li{ padding-left:30px; background:url(images/dot_li.gif) 18px 6px no-repeat;}
	.service_img{ float:right; width:406px; display:inline; margin:20px 35px 0 0;}
	.service_img img{ border:2px #c6c6c6 solid;}

	.buttons{ width:100%; overflow:hidden;}
		.buttons a{ float:left; font:normal 14px 'Century Gothic', Futura, 'URW Gothic L', sans-serif; height:34px; width:182px; text-align:center;
					text-decoration:none; text-transform:uppercase; color:#ffffff; background:url(images/button-left.gif) top left no-repeat;}
		.buttons a span{ display:block; line-height:32px; background:url(images/button-right.gif) top right no-repeat;}
		.buttons a:hover span{text-decoration:underline;}
		.buttons a.button_view{ display:inline; margin-left:5px;}
		.buttons a.button_contact{ float:right; display:inline; margin-right:8px;}
	
	
	/*for about us page*/
	.about_us{ width:100%; overflow:hidden; padding-bottom:30px;}
	.about_us p{ line-height:120%; margin-bottom:17px;}
	.about_img{ float:right; display:inline; margin:5px 0 9px 7px; border:2px solid #c6c6c6;}
	
	
	/*for portfolio page*/
	.portfolio_show{ width:100%; overflow:hidden; margin-bottom:4px;}
	.portfolio_show ul{ width:666px; overflow:hidden; margin:0 auto;}
	.portfolio_show ul li{ float:left; display:inline; width:79px; margin:0 16px;}
	.portfolio_show ul li a{ float:left; width:75px; height:75px; overflow:hidden; padding:2px; background:#c6c6c6; position:relative;}
	.portfolio_show ul li a img{ width:75px; height:75px;}
	.portfolio_show ul li a span{ position:absolute; display:block; width:79px; height:79px; background:#ccc; text-indent:-9999px; overflow:hidden;
								  opacity:0.6; left:0; top:0; cursor:pointer;}
	.portfolio_show ul li a:hover{ background:#c6c6c5;}
	.portfolio_show ul li a:hover span{ left:1000px;}
	*html .portfolio_show ul li a span{ filter:alpha(opacity=60);}
	
	
	
	
#footer{ padding:5px 39px 0 39px; width:882px;}
	.copyright{ color:#aeadad; float:left; font-size:12px; margin:0 0 0 0;}
	.social{ color:#aeadad; float:right; font-size:12px; margin:0 0 0 0;}
	.social a{ margin:0 0 0 10px;}
	.social img{ vertical-align:top;}