/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

/*global Settings*/
	html { }
	body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666666;background:transparent url("../images/bg.gif") repeat-x scroll center 0;}
	h2{font-size: 190%;line-height: 1.25em;color: #00c2e2;width:100%;}
	h2 em{ color: #84e12b;}
	h3{font-size: 153.9%; color: #00c2e2;margin-bottom:20px;width:100%;}
	a{text-decoration:none;color:#00C2E2;}
	a:hover{color:#00A5BD;}
	/*a:visited{color:#00c2e2;}*/ 
	a:active{color:#84e12b;}

	hr{background-color: #84e12b; margin:23px 0 23px 0; height:1px; border:none;}
	
	em{font-style:normal;}
	h5, p strong {color: #02c2e2;font-weight:bold;}
	p {line-height: 1.5em;margin-bottom:20px; }
	/* STANDARD QUOTES */
	
	q { quotes: "\201C" "\201D" "\2018" "\2019"; }	
	q:before { content: open-quote;  font-size: 153.9%;font-family:"Times New Roman", Times, serif;}
	q:after  { content: close-quote; font-size: 153.9%;font-family:"Times New Roman", Times, serif; }
	
	/* SAFARI SUPPORT */
	
	q:before   { content: '\201C';  font-size: 153.9%;font-family:"Times New Roman", Times, serif;}
	q:after    { content: '\201D';  font-size: 153.9%;font-family:"Times New Roman", Times, serif;}
	q q:before { content: '\2018';  font-size: 153.9%;font-family:"Times New Roman", Times, serif;}
	q q:after  { content: '\2019';  font-size: 153.9%;font-family:"Times New Roman", Times, serif;}
	
	/* BLOCKQUOTES */
	
	blockquote * { quotes: none; margin-bottom: 20px;}
	blockquote > *:before { content: '\201C'; color: #02c2e2; font-size: 153.9%; vertical-align:top; font-family:"Times New Roman", Times, serif; }
	blockquote > *:after  { content: '\201D';  color: #02c2e2; font-size: 153.9%;font-family:"Times New Roman", Times, serif;}
	blockquote q:before   { content: '\2018';   font-size: 153.9%;font-family:"Times New Roman", Times, serif;}
	blockquote q:after    { content: '\2019';   font-size: 153.9%;font-family:"Times New Roman", Times, serif;}

	/*float correction*/
	.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;} 
	.clearfix {display: inline-block;} 
	html[xmlns] .clearfix {display: block;} 
	* html .clearfix {height: 1%;}

	/*text replacement*/
	.replaced {display: inline-block;display: -moz-inline-stack;background-repeat: no-repeat;background-position: 0 0;vertical-align: text-top;} 
	.replaced span {display: block;overflow: hidden;text-indent: -9999px; cursor: pointer;} 
	
	/*horizontal lists*/
	.inlinelist, .inlinelist li{display:inline;}
	
/*styles shared across pages*/	

	/*background*/
	#main { width: 960px; margin: 0 auto;}
	
	/*header*/
	#header{padding-top: 5px; height:179px;font-weight:bold; }
	#header #contact{ background: transparent url('../images/header-contact-left.png') top left no-repeat;  height:27px;margin: 4px 0 0 0; display:block; color: #fff;float:right;}

	#header #contact ul {float:right; background: transparent url('../images/header-contact-right.png') top right no-repeat;  height:27px;}
	#header #contact ul li { float:left; background: transparent url('../images/header-contact-middle.png') top left repeat-x;  height:27px;margin: 0 10px 0 0; padding: 5px 0 0 10px;}

	#header #contact ul li.first {margin: 0 0 0 10px; padding: 5px 0 0 0;}
	#header #contact ul li a{border-right: 1px solid #fff;padding-right:10px;}
	#header #contact ul li a:hover{color:#d4efba; border-bottom: 0; padding-bottom: 0;}

	#header #contact a{ color: #fff; }
	#header h1 .logo {background: transparent url('../images/logo2.png') no-repeat; width:100%; height:114px; margin-bottom:10px;}
	#header li {margin-right:16px;}
	
	#header a{text-decoration:none;color:#d4efba;}
	#header a:hover{color:#85e2f1 ; border-bottom: 4px solid; padding-bottom: 4px;}
	#header .active{color:#ffffff ; border-bottom: 4px solid #85E2F1; padding-bottom: 4px;}
	
	#header h1 a{color:#00c2e2;}
	#header h1 a:hover{border-bottom: 0; padding-bottom: 0;}
	
	/*content sections*/	
	.section{margin: 40px 10px 0 10px;}
	.section .content {float:left;}
	.section .content .column{float:left;}
	.section .content .breadcrumbs{margin-bottom: 10px;}
	
	.section .sidebar {float:left;}
	
	/*spans entire width*/
	.section.full .content {width: 940px; }
	.section.full .sidebar {display:none;}
	.section.full .content .left.column{width: 460px; padding-right:10px;}
	.section.full .content .right.column{width: 460px; padding-left: 10px;}




	.section.first {margin-top:0px;}
	/*spans standard width*/
	.section.standard .content {width: 620px; }
	.section.standard .content .left.column{width: 300px; padding-right:9px; border-right: 1px solid #84e12b; }
	.section.standard .content .right.column{width: 300px; padding-left: 10px;}
	.section.standard .sidebar {width: 300px; padding-left:20px;}
	
	/*spans wide width*/
	.section.wide .content {width: 710px;}
	.section.wide .sidebar {width: 220px; padding-left:9px; border-left: 1px solid #a8ea69;}
	
	/*spans extra wide width*/
	.section.extrawide .content {width: 800px;}
	.section.extrawide .sidebar {width: 120px; padding-left:9px; border-left: 1px solid #a8ea69;}
		
	/*sidebar*/	
	
	.sidebar .box{ background:transparent url('../images/sidebar.png') no-repeat; padding:10px 0 0 0; margin-top:30px;  }
	.sidebar .box.first{ margin-top:0px;  }
	.sidebar .box .box-heading{background-color: #02c2e2; border-bottom: 5px solid #84e12b;color:#fff;font-size:120%;background-repeat:no-repeat;height:37px; padding:0 0 0 10px;}	
	.sidebar .box .box-content{border-top: 1px solid #6adb50; padding:18px 10px 10px 10px; background-color:#d4efba;}
	.sidebar .box .box-content .bulleted {list-style-type:none;}
	.sidebar .bulleted li{background-image:url('../images/sidebar-bullet.png'); margin-left:10px; margin-bottom:10px;background-repeat:no-repeat;background-position:0 7px;padding-left:10px;}
	.sidebar .box h3{margin-bottom: 0px;  }
	.sidebar .box h5{font-weight:normal;}
	.sidebar .box h5.subtitle{margin-bottom:0px;}
	.sidebar .box h4{color: #fff; margin:0 0 0 7px; float:left; }
	.sidebar .box .readmore {text-align:right; margin-top:10px; }
	.sidebar h4 {color: #00c2e2;font-size:140%;margin-bottom:11px;}
	.sidebar h4 a{color: #00c2e2;}
	.sidebar h4 a:hover{color:#00a5bd;}
	.sidebar h4 a:active, .sidebar h4 .selected{color:#84e12b;}
	.sidebar .menu li {margin-bottom:30px;}
	.sidebar .menu li li{margin-bottom:0px;}
	.sidebar .menu li a{color: #00c2e2;}
	.sidebar .menu li a:hover{color:#00a5bd;}
	.searchinput {float:left; margin-right:10px; width: 147px; }
	
	/*portfolio filter*/
	#filter li{margin-bottom:11px;}
	#filter a{color: #00c2e2;font-size:123.1%;margin-bottom:11px;}
	#filter a:hover{color:#00a5bd;}
	#filter .selected{color:#84e12b;}
	
	/*footer*/
	#footer a{color:#85e2f1;}
	#footer a:hover{color:#00c2e2;}
	#footer {margin-top: 50px;}
	#footer .section{color:#fff;width: 960px; margin: 0 auto; padding:0;}
	#footer h3 {color: #84e12b; font-size:138.5%;margin-bottom:15px;}
	#footer h3 span{cursor:default;}
	#footer em{color:#00c2e2;}
	#footer {border-top:1px solid #ccc; background-color:#666666; clear:both; padding-top:16px; padding-bottom:10px;}
	#footer .column {width: 298px;float:left; border-left:1px solid #999999;padding:0 10px;min-height:360px;}
	#footer .column.first {border-left:none;}
	#footer .column .box {border-top: 1px solid #999999;padding:10px 0;}
	#footer .column .box.first {border-top:none; padding-top:0;}
	#footer .social li{margin-bottom:7px;}
	#footer .social a{background-repeat:no-repeat; padding-left:26px;}
	#footer .social .twitter{background-image:url('../images/social/twitter.png'); }
	#footer .social .flickr{background-image:url('../images/social/flickr.png'); }
	#footer .social .facebook{background-image:url('../images/social/facebook.png'); }
	#footer .social .linkedin{background-image:url('../images/social/linkedin.png'); }
	#footer .social .behance{background-image:url('../images/social/behance.png'); }
	#footer .social .aiga{background-image:url('../images/social/aiga.png'); }
	#footer .social .rss{background-image:url('../images/social/rss-gray.png'); }
	#footer .social .newsletter{background-image:url('../images/social/newsletter.png'); }
	#footer .sprokets {float:left;background: transparent url('../images/sprokets.png') top left no-repeat; display:block;height:22px; width:72px;}
	#footer .sprokets:hover {background-image: url('../images/sprokets-over.png');}
	#footer .viewallprojects {background: url('../images/buttons/viewallprojects-footer.png') no-repeat; height:24px; width:121px;float:left;}
	#footer .viewallprojects:hover {background-image: url('../images/buttons/viewallprojects-footer-over.png');}
	#footer .requestanestimate {background: url('../images/buttons/requestanestimate-gray.png') no-repeat; height:24px; width:137px;float:left;}
	#footer .requestanestimate:hover {background-image: url('../images/buttons/requestanestimate-gray-over.png');}
	#footer .groups li{margin-bottom:7px;}
	#footer .groups a{background-image:url('../images/sidebar-bullet.png'); margin-left:0px; margin-bottom:10px;background-repeat:no-repeat;background-position:0 7px;padding-left:10px;}

	#copyright {background-color:#02c2e2; clear:both; height: 60px;font-size:93%;}
	#copyright .section{color:#fff;width: 960px; margin: 0 auto; padding:10px 0 0 0;}
	#copyright .section a{color:#d4efba; font-weight:bold;}
	#copyright .section a:hover{color:#85e2f1 ;}
	#copyright .section p {display:block;}
	#copyright .section .createdby {float:left; margin-bottom:2px; margin-left:10px;}
	#copyright .section .clientlogin {float:right;}
	#copyright .section ul {margin-bottom:2px; margin-left:10px;}
	#copyright .section li {float:left; border-left:1px solid #d4efba; padding-left:8px;padding-right:8px;}
	#copyright .section li.first {border-left:none; padding-left:0px;}
	

	/*buttons*/
	.button {margin-top: 20px;}
	.followontwitter {background: url('../images/buttons/followontwitter.png') no-repeat; width:220px; height: 39px;}
	.followonfacebook {background: url('../images/buttons/followonfacebook.png') no-repeat; width:220px; height: 46px; margin-top:10px;}
	.viewallprojects {background: url('../images/buttons/viewallprojects.png') no-repeat; width:121px; height: 24px;float:left;}
	.viewallprojects:hover {background-image: url('../images/buttons/viewallprojects-over.png');}
	.searchbtn {background: url('../images/buttons/search.png') top left no-repeat;  margin:0 0 0 0;padding:0;width:57px; height:24px;color:#000;border:0;text-indent: -9000px;
	float: left;}	

	.searchbtn:hover {background-image: url('../images/buttons/search-over.png');}

	.requestanestimate {background: url('../images/buttons/requestanestimate.png') no-repeat; height:24px; width:137px;float:left;}
	.requestanestimate:hover {background-image: url('../images/buttons/requestanestimate-over.png');}
	

	/*portfolio thumbs */
	.portfolio li{float:left;margin-left:20px; width:inherit;}
	.portfolio li.first {margin-left:0px;}
	.portfolio li a{border: 4px solid #ccc;float:left;margin-bottom: 8px;width:inherit;}
	.portfolio li a:hover{ border-color:#888888;}
	.portfolio li a img{width:52px; height:52px; float:left;}


/* home Page*/
	.home-page h2.homeintro{background-repeat: no-repeat; height:104px; background-image: url('../images/homeintro-1.png'); }
	.home-page .featured{margin-top: 0;}
    .home-page .featured li{float:left;margin-left:20px; width:inherit;}
	.home-page .featured li.first {margin-left:0px;}
	.home-page .featured li a{border: 10px solid #ccc;float:left;margin-bottom: 8px;width:inherit;}
	.home-page .featured li a:hover{border-color: #888888;}
	.home-page .featured li a img{width:280px; height:180px; float:left;}
	.home-page .featured li p {clear:left; margin-bottom:0px;}

/* portfolio page */
	.portfolio-page .thumbs li{float:left; line-height:0; margin: 0 20px 20px 0;}
	.portfolio-page .thumbs li a{float:left; border:5px solid #ccc;}
	.portfolio-page .thumbs li a:hover{border-color:#888888;}
	.portfolio-page .thumbs li a img{width:130px; height:80px;}

/* projectdetail page */
	.projectdetail-page .sidebar .projectdetails {border-bottom: 1px solid #a8ea69; margin-bottom:20px;}
	.projectdetail-page .sidebar .projectdetails h5{margin-bottom: 5px;}
	.projectdetail-page .sidebar .projectdetails li{margin-bottom: 30px;}
	
/* about page */
	.about-page h2.aboutheader {margin-bottom:46px;}
	.about-page .aboutphoto {float:left; margin: -16px 10px 10px 0}
	
/* articles page */
	.article-page .article {margin-bottom:40px; margin-right:10px;}
	.article-page .article h2{margin-bottom: 22px;}
	.article-page .article h3 {margin-bottom: 0px;}
	.article-page .section .content .article hr {margin-top: 8px; margin-bottom:8px;}
	.article-page .article .articleinfo {margin-bottom:15px;}
	.article-page .article .articleinfo a{margin-left:1px; padding-left: 36px; background:url('../images/comments.png') no-repeat;}
	.article-page .article .readmore {background: url('../images/buttons/readmore.png') no-repeat; width:87px; height: 24px;}
	.article-page .article .readmore:hover {background-image: url('../images/buttons/readmore-over.png');}
	.article-page .article ul {list-style-type:none;}
	.article-page .article ul li{background-image:url('../images/bullet.png'); margin-left:10px; margin-bottom:10px;background-repeat:no-repeat;background-position:0 1px;padding-left:10px;}


	.article-page .recentpostlist li{margin-top:13px;}
	.article-page .recentpostlist a{color: #666666;}
	
	.article-page .sidebar .subscribe li{margin-bottom:7px;}
	.article-page .sidebar .subscribe a{background-repeat:no-repeat; padding-left:26px;}
	.article-page .sidebar .rss{background-image:url('../images/social/rss-white.png');}
	.article-page .sidebar .newsletter{background-image:url('../images/social/newsletter.png');}

	
	.article-page .sidebar .menu input[type='text']{color: #666; }
	.article-page .sidebar .menu select{width: 220px;  color: #666;}
	.article-page .sidebar .menu .search {background: url('../images/buttons/search.png') no-repeat; width:57px; height: 24px; float:right;}
	.article-page .sidebar .menu .search:hover {background-image: url('../images/buttons/search-over.png');}

	.article-page .comments-list {margin-right:10px;}	
	.article-page .comments .comment {margin-bottom: 30px;}
	.article-page .comments .commentphoto{float:left; width:60px; margin-right: 20px;}
	.article-page .comments .commentbody{float:left; width: 600px;}
	.article-page .comments .commentbody .commentdate{font-size: 77%;}
	.article-page .comments .commentbody .commentposter{margin:8px 0 18px 0;}
	.article-page .comments .commentbody .commentposter .name{color:#00C2E2;font-size:123.1%;}
	
	.article-page .newcomment {margin-left:80px; margin-right:10px;}
	.article-page .newcomment p{margin-bottom:0;}
	.article-page .newcomment label{display:block;margin-top:20px;}	
	.article-page .newcomment input[type='text']{width: 100%; color: #666; }
	.article-page .newcomment textarea{width: 100%; color: #666; }
	.article-page .newcomment .postcomment {background: url('../images/buttons/postcomment.png') no-repeat; width:106px; height: 24px; float:right;}
	.article-page .newcomment .postcomment:hover {background-image: url('../images/buttons/postcomment-over.png');}
	
/* Contact page */	
	.contact-page .section .content p{margin-right: 10px; }
	.contact-page .section .content input[type='text']{width:620px;}
	.contact-page .section .content textarea{width:620px;}
	.contact-page .section .content select{width:300px;}
	.contact-page .sendmessage{background: url('../images/buttons/sendmessage.png') no-repeat; width:107px; height: 24px; float:right;margin-right:80px;}
	.contact-page .sendmessage:hover {background-image: url('../images/buttons/sendmessage-over.png');}
	.contact-page .contactinfo p{margin-bottom:0;}
	.contact-page .contactinfo .mailingaddress {margin-top:30px;}
	.contact-page fieldset p {margin-bottom:0;}
	.contact-page fieldset p input {margin-bottom:30px;}
	.contact-page fieldset p input {margin-bottom:30px;}
	.contact-page .required {color: #00c2e2;font-size:110%;margin:0 3px;}
	.contact-page .zemError {margin:20px 0;color: #00c2e2; }
	.contact-page .zemSubmit {border:0; padding:0; margin:0;}
	
/* Testimonials page */	
    .testimonials-page .content h2{margin-bottom: 22px;}
	.testimonials-page blockquote {margin-right:10px;}
    .testimonials-page .content hr {margin-right:10px;}

/* Search results page */
    .searchresults-page .content h2{margin-bottom: 22px;}
	.searchresults-page .article h3{margin-bottom:10px;}
	.searchresults-page .article {margin-right: 10px;}
    
    .searchresults-page .recentpostlist li{margin-top:13px;}
	.searchresults-page .recentpostlist a{color: #666666;}
	
	.searchresults-page .sidebar .subscribe li{margin-bottom:7px;}
	.searchresults-page .sidebar .subscribe a{background-repeat:no-repeat; padding-left:26px;}
	.searchresults-page .sidebar .rss{background-image:url('../images/social/rss-white.png');}
	.searchresults-page .sidebar .newsletter{background-image:url('../images/social/newsletter.png');}

	
	.searchresults-page .sidebar .menu input[type='text']{color: #666; }
	.searchresults-page .sidebar .menu select{width: 220px;  color: #666;}
	.searchresults-page .sidebar .menu .search {background: url('../images/buttons/search.png') no-repeat; width:57px; height: 24px; float:right;}
	.searchresults-page .sidebar .menu .search:hover {background-image: url('../images/buttons/search-over.png');}

	.error-page .content em {color: #84e12b;}
	.error-page .content ul {margin:10px;list-style-type:none;}
	.error-page .content ul li{background-image:url('../images/bullet.png'); margin-left:10px; margin-bottom:10px;background-repeat:no-repeat;background-position:0 1px;padding-left:10px;}

	.error-page .content{background:transparent url("../images/dragonfly-flying.png") no-repeat right 30px;}