/*
Theme Name: Nova Construction
Author: Little Giant
*/

@import "css/reset.css";
/*
@import "css/typography.css";
@import "css/layout.css";
*/


/* SOME SENSIBLE DEFAULTS */

	*{
		outline: none; 
	}
	
	body {background: #fff;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;color:#666;}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {font-weight:bold;margin-bottom:0.5em;color:#000;line-height:24px}
	
	h1 {font-size:22px;}
	h2 {font-size:20px;}
	h3 {font-size:18px;}
	h4 {font-size:16px;}
	h5 {font-size:14px;}
	h6 {font-size:12px;}
	
	a {color:#666;text-decoration:none;}
	a:hover {color:#444;}
	
	hr {border:none;height:1px;background:#ccc;}
	hr.space {background:transparent;}
	
	.wrapper {width:1040px; margin: 0 auto;background:#fff;position:relative;}
	.inner {margin:10px;}
	.clear {clear:both;overflow:hidden;}
	
	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next {position:absolute;top:90px;width:20px;height:30px;text-indent:-9999px;}
	.bx-wrapper .bx-prev {left:-30px;background:url('images/ui/bx-back.png') center no-repeat;}
	.bx-wrapper .bx-next {right:-30px;background:url('images/ui/bx-next.png') center no-repeat;}
	

/* LAYOUT */
	#content {min-height:400px;}
	
	.content .fifth {width:172px;float:left;}
	.content .fifth + .fifth {margin-left:30px;}
	
	.content .third {width:306.66666px;float:left;}
	.content .third + .third {margin-left:30px;}
	
	.content .fourth {width:225px;float:left;}
	.content .fourth + .fourth {margin-left:20px;}
	
	.content .half {width:475px;float:left;}
	.content .half + .half {margin-left:30px;}

/* HEADER  504px menu */
	#header {position:relative;height:115px;background:#000;min-width:960px;}
	
	.logo {position:absolute;left:30px;top:32px;width:236px;height:54px;background:url('images/logo3.png') center no-repeat;}
	.logo a {text-indent:-9999px;position:absolute;left:0;top:0;width:100%;height:100%;letter-spacing:-9999px;font-size:1px;}
	.menu {position:absolute;right:0;top:0;width:630px;height:114px;background:url('images/menu2.png') center top no-repeat;z-index:9999}
	.menu img {border:none;}

/* FOOTER */
	#footer {width:1040px; margin: 30px auto;font-size:11px;color:#aba0a0;}
	
	#footer .heading {margin-bottom:0.5em;padding-bottom:0.5em; border-bottom:1px solid #ccc;color:#444;}
	#footer p {margin-bottom:0.5em;padding:0;}
	#footer p strong {color:#888;}
	#footer a {text-decoration:none;font-weight:bold;color:#666;}
	#footer a:hover {color:#111;}
	#footer ul {}
	#footer ul li {margin-left:10px;}
	#footer hr {margin:0.5em 0;}
	
	#footer .half {width:520px;float:left;}
	#footer .half + .half {margin-left:20px;}
	#footer .fourth {width:240px;float:left;}
	#footer .half + .fourth {margin-left:20px;}
	#footer .fourth + .fourth {margin-left:20px;}
	
/* DEFAULT CONTENT */

	h2.heading {/* [joe] nice green but cant use background:#8ecec9;*/background:#aaa;padding:30px 0 30px 30px;color:#fff;margin:0;}
	
	.content {padding:30px;}
	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5,
	.content h6,
	.content p,
	.content ul {margin-bottom:0.5em;}
	.content p {font-size:12px;}
	.content hr {margin:24px 0;}
	.content blockquote {margin:20px 0;padding:20px 26px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-style:italic;}
	
	.content p + h3 {margin-top:30px;}
	
	.content input[type=text],
	.content textarea {width:273px;background:#eee;border:none;padding:10px;color:#444;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif}
	
	.content input[type=text] {}
	.content textarea {height:100px;}
	.content input[type=submit] {margin:0;padding:10px;border:none;/* [joe] cant use this background:#6fcec7; */ background:#666;color:#fff;cursor:pointer;}
	.content input[type=submit]:hover {/* [joe] cant use this either background:#62b5ae; */background:#444;}
	
	.content .allcaps {text-transform:uppercase;}
	
	.content .inner.design {padding: 0 0 0 160px;background:url('images/build.png') center left no-repeat;}
	.content .inner.new-homes {padding: 0 0 0 160px;background:url('images/new-home.png') center left no-repeat;}

/* Home */
	.slider {height:350px; }
	.slider .tagline {position:absolute;left:132px;top:304px;}
	
	#slider-wrap 				{position:relative;background:#000;}
	#slider-wrap .bottom-mask 	{position:absolute;bottom:0;left:0;width:100%;height:20px;background:url('images/slider-bottom.png') center bottom no-repeat;z-index:999;}
	#slider 					{height:350px;width:100%;max-width: 1040px; margin: 0 auto;}
	#slider li 					{width:100%;}
	#slider li img 				{margin: 0 auto;display:block; width: 100%}
	#slider-wrap .bx-wrapper .bx-prev,
	#slider-wrap .bx-wrapper .bx-next {top:120px;}
	
	#slider .left-mask {
		height: 350px;
		position: absolute;
		width: 100px;
		background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0, 0, 0, 1)), color-stop(100%,rgba(0, 0, 0, 0)));
		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%);
		background: -o-linear-gradient(left, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%);
		background: -ms-linear-gradient(left, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
	}
	#slider .right-mask {
		height: 350px;
		position: absolute;
		width: 100px;
		right: 0;
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	}
	
	
	
	.features-wrap {height:100px;}
	.features-wrap .bx-wrapper .bx-prev,
	.features-wrap .bx-wrapper .bx-next {top:40px;}
	#features h2 {line-height:100px;text-align:center;color:#444;font-size:20px;}
	#features li {width:1040px}
	
	.architects-wrap {margin-bottom:40px;margin-top:16px;}
	.architects-wrap h4 {color:#666;margin-bottom:0.2em;}
	.architects-wrap .bx-wrapper .bx-prev,
	.architects-wrap .bx-wrapper .bx-next {top:31px;}
	.architects-wrap .bx-wrapper .bx-prev {left:-40px;}
	.architects-wrap .bx-wrapper .bx-next {right:-40px;}
	
	.info {height:400px;background:url('images/our-work.jpg') bottom left no-repeat;margin-top:30px;}
	.info a.our-work{position: absolute; width: 604px; height: 400px;}
	.info .inner {padding:40px 65px 0 652px;}
	.info h2 {background:url('images/home/divider.png') center repeat-x;}
	.info h2 span {padding-right:6px; background:#fff;color:#999;text-transform:uppercase;font-size:24px;}
	
	.builders h2 {margin-bottom:30px;}

/* About */
	.team-member .member-info {float:right;width:325px;}
	.team-member + .clear {padding-bottom:30px;}
	
/* Services */
	.services-wrap {}
	.services-wrap .bx-wrapper .bx-prev,
	.services-wrap .bx-wrapper .bx-next {top:90px;}
	.services-wrap .bx-wrapper .bx-prev {left:0px;}
	.services-wrap .bx-wrapper .bx-next {right:0px;}
	.services-wrap .inner {height:120px}
	.services-wrap .inner.luxury 		{background:url('images/services/luxury.png') 60px center no-repeat;padding: 30px 60px 40px 280px}
	.services-wrap .inner.specialty 	{background:url('images/services/specialty.png') 60px center no-repeat;padding: 30px 60px 40px 280px}
	.services-wrap .inner.renovations 	{background:url('images/services/renovations.png') 60px center no-repeat;padding: 30px 60px 40px 280px}
	
/* Gallery */
	#gallery-wrap {margin-left: 15px;margin-top:10px}
	#gallery li{display: inline-block;}
	#gallery li img{width: 237px; height: 237px;}
	#gallery li:hover{-moz-opacity: 0.80;opacity:.80;filter: alpha(opacity=80);}

/* Contact */
	.content.contact .icon {width:120px;height:120px;margin:0 auto}
	.content.contact .icon.jono 	{background:url('images/contact/jono.png') center no-repeat;}
	.content.contact .icon.reese 	{background:url('images/contact/reese.png') center no-repeat;}
	.content.contact .icon.address 	{background:url('images/contact/address.png') center no-repeat;}
	.content.contact .icon.address-two 	{background:url('images/contact/address-two.png') center no-repeat;}
	.content.contact {text-align:center}
	.content.contact h2 {margin-bottom:0.2em}
	.content.contact h4 {color:#666;margin-bottom:0.2em;}
	
	.second {width: 50%; float:left;}