/*
Theme Name: NoCss
Theme URI: http://hao.su/blog/wordpress-themes
Description: White and clean theme almost without css styles. Fonts and colors will be default of your browser.
Version: 1.0
Author: Kolius
Author URI: http://hao.su
Tags: white, simple, fixed width, two columns, widgets, clean
*/


/*THE FOLLOWING WAS ADDED MY JAMESMAKESEYES.com*/

* {
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .08em;
	font-weight: normal;
	color: #323232;
}

body {
	background: #dfdfdf;
}
a {
	outline: none;
}
.clear {
	clear: both;
}
.container {
	display: block;
	margin: 0px auto;
	padding: 0;
	width: 960px;
	height: 100%;
}
.leftspit, .rightspit {
	display: block;
	width: 450px;
	height: 100%;
}


br {
	clear: left;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* Because, because, because, because, because... */

/*&&> 1. Sandwich */
/* COMPLETE *//*&&&&>  1a. Top (#top) */

#top {
	background: #dfdfdf url(images/top.jpg) repeat-x 0 0; /* Default -- Closed Red */
	display: block;
	min-height: 107px;
	min-width: 974px;
	height: auto;
	width: auto;
}
.sandwich {
	background: #dfdfdf url(images/gradients/grey.jpg) repeat-x top;
	border-top:#999999 solid 1px;
	margin-top:-1px;
	padding-top: 25px;
}
.home #top {
	height: 107px;
}
#top .container {
	position: relative;
}
.about #top {
	background-position: 0 -107px;
}
.projects #top {
	background-position: 0 -216px;
}
.photos #top {
	background-position: 0 -326px;
}
.contact #top {
	background-position: 0 -434px;
}
.left_column {
	float: left;
	padding-right:15px;
	padding-left: 5px;
	width: 540px;
	border-right: #bababa solid 1px;
}

.right_column {
	float: left;
	margin: 0;
	margin-left: 15px;
	width: 320px;
}
/* COMPLETE *//*&&&&>  1b. Logo (#logo) */

h1#logo {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	margin: 0;
	padding: 0;
	height: 73px;
	width: 190px;
}
#logo a {
	background: url(images/logo.jpg) no-repeat 0 -76px;
	display: block;
	height: 73px;
	width: 190px;
}
.home #logo a {
	background-position: 0 0;
}
#logo a:hover {
	background-position: 0 0;
} /* back to the bright red */
#logo a span {
	display: none;
}
/* COMPLETE *//*&&&&>  1c. Navigation (#navigation) */

#navigation {
	background: transparent url('images/navigation.jpg') no-repeat 0 -79px;
	display: block;
	list-style: none;
	position: absolute;
	top: 35px;
	left: 250px;
	left: 254px;
	height: 40px;
	width: 415px;
}
#navigation li {
	background: transparent;
	border: 0 none;
	clear: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	height: 65px;
}
#navigation li.home {
	width: 75px;
}
#navigation li.about {
	width: 70px;
}
#navigation li.projects {
	width: 90px;
}
#navigation li.photos {
	width: 83px;
}
#navigation li.contact {
	width: 95px;
}
/* COMPLETE *//*&&&&&&&&>  i. Links */

#navigation li a {
	background: transparent;
	display: block;
	height: 40px;
}
#top #navigation li a span {
	background-image: url('images/navigation.jpg');
	cursor: pointer;
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
	left: 0;
	top: 0;
	text-indent: -2000px;
	height: 40px;
	width: 100%;
}
#navigation .home a span {
	background-position: 0 0;
}
#navigation .about a span {
	background-position: -75px 0;
}
#navigation .projects a span {
	background-position: -145px 0;
}
#navigation .photos a span {
	background-position: -235px 0;
}
#navigation .contact a span {
	background-position: -318px 0;
}
#navigation .home a {
	background-position: 0 -85px;
}
#navigation .about a {
	background-position: -75px -85px;
}
#navigation .projects a {
	background-position: -145px -85px;
}
#navigation .photos a {
	background-position: -235px -85px;
}
#navigation .contact a {
	background-position: -318px -85px;
}
#navigation .home a {
	background-position: 0 0;
}
#navigation .about a {
	background-position: -75px 0;
}
#navigation .projects a {
	background-position: -145px 0;
}
#navigation .photos a {
	background-position: -235px 0;
}
#navigation .contact a {
	background-position: -318px 0;
}
/* COMPLETE *//*&&&&&&&&>  ii. Hover */

#navigation a:hover {
	cursor: pointer;
	visibility: visible;
}
#navigation .home a:hover {
	background-position: 0px 0;
}
#navigation .about a:hover {
	background-position: -75px 0;
}
#navigation .projects a:hover {
	background-position: -145px 0;
}
#navigation .photos a:hover {
	background-position: -235px 0;
}
#navigation .contact a:hover {
	background-position: -318px 0;
}
/* COMPLETE *//*&&&&&&&&>  iii. Active */

body.home #navigation .home a, body.about #navigation .about a, body.projects #navigation .projects a, body.photos #navigation .photos a, body.contact #navigation .contact a {
	background-image: url('images/navigation.jpg');
	cursor: default;
	height: 65px;
	visibility: visible;
}
body.home #navigation .home a {
	background-position: 0 0;
}
body.about #navigation .about a {
	background-position: -75px 0;
}
body.projects #navigation .projects a {
	background-position: -145px 0;
}
body.photos #navigation .photos a {
	background-position: -235px 0;
}
body.contact #navigation .contact a {
	background-position: -318px 0;
}
/* REVISE *//*&&&&>  e. Search (#search) */

#search, #search_again {
	position: absolute;
	top: 30px;
	left: 723px;
	left: 730px;
}
#search_again {
	left: auto;
	right: 160px;
}
#search input, #search_again input {
	background: url(images/forms/search_input.jpg) no-repeat 0 0;
	float: left;
	margin: 1px 5px 0 0;
	padding: 7px 7px 0 10px;
	border: none;
	height: 20px; /* Slightly different from 3G spec because of inlay*/
	width: 104px; /* Slightly different from 3G spec because of inlay*/
}
#search input:hover, #search_again input:hover {
	background-position: 0 -27px;
}
#search input:focus, #search_again input:focus {
	background-position: 0 -54px;
	color: #fff;
}
#search button, #search_again button {
	background: url(images/forms/search.jpg) no-repeat 0 0;
	cursor: pointer;
	display: block;
	padding: 0;
	border: none;
	position: absolute;
	top: 0;
	left: 126px;
	text-align: left;
	height: 29px;
	width: 103px;
}
#search button span, #search_again button span {
	background: url(images/forms/search.jpg) no-repeat 0 -59px;
	cursor: pointer;
	display: block;
	text-indent: -6000px;
	height: 29px;
	width: 103px;
}
 html:not([xmlns*=""]) /* Gecko Only */
 #search button span, html:not([xmlns*=""]) /* Gecko Only */
 #search_again button span {
 margin: 0 0 -3px;
 position: relative;
 top: -1px;
 height: 28px;
}
/* THIS IS THE PAGES FORMATS */

.content {
	display: block;
	height: 100%;
	margin: 0;
	padding: 0 10px;
	
}
/* BANNERS */

.home_banner, .about_banner, .photos_banner, .contact_banner, .post_banner {
	margin: 0;
	padding: 10px;
	border-right: #a2a2a2 solid 1px;
	border-bottom: #a2a2a2 solid 1px;
	border-left: #cbcbcb solid 1px;
	border-top: #cbcbcb solid 1px;
}
.home_banner_image {
	width:930px;
	height: 342px;
	padding: 0;
	margin-bottom: 3px;
}
.home_banner {
	background: url(images/gradients/bk_images.jpg) repeat-x 0px 0px;
}
.about_banner {
	background: url(images/gradients/bk_images.jpg) repeat-x 0px 0px;
	height: 350px;
}
.photos_banner {
	background-color: #d8d8d8;
	height: 730px;
	margin-bottom: 10px;
	
	
}

.post_banner {
	background-color: #d8d8d8;
	height: 100%;
	width: 100%;
	padding: 40px;
}

.contact_banner {
	background-color: #d8d8d8;
	height: 100%;
	width: 455px;
	margin-left: opx;
	margin-bottom: 10px;
	padding: 40px;
	}
/* HOME PAGE */

.home_bottom, .photos_bottom {
background-color: #d8d8d8;	
height: 110px;
	margin: 15px 0;
	padding: 10px;
	border-right: #a2a2a2 solid 1px;
	border-bottom: #a2a2a2 solid 1px;
	border-left: #cbcbcb solid 1px;
	border-top: #cbcbcb solid 1px;
}
/* PHOTOS PAGE */

.post_photos {
	float: left;
	margin: 0;
	padding-right: 15px;
	width: 900px;
}
/* ABOUT PAGE */

#about_bottom_left, #about_bottom_right {
	height: 100%;
	margin: 10px 0;
	width: 477px;
}
#about_bottom_left {
	float:left;
}
#about_bottom_right {
	float: right;
}

#projects_bottom_left {
	height: 100%;
	margin: 5px 0;
	width: 960px;
	float: left;
}

/* HEADERS */

.about_header, .services_header,.currentprojects_header,.pastprojects_header,.safety_header,.contact_header,.contactform_header {
	height: 44px;
	margin: 5px 0 5px;
}
.about_header {
	background-image:url(images/about_header.jpg);
}
.services_header {
	background-image:url(images/services_header.jpg);
}
.safety_header {
	background-image:url(images/safety_header.jpg);
	margin-top:-10px;
}
.currentprojects_header {
	background-image: url(images/header_currentprojects.jpg);
}
.pastprojects_header {
	background-image: url(images/header_pastprojects.jpg);
}
.contact_header {
	background-image: url(images/contact_header.jpg);
}
.contactform_header {
	background-image: url(images/contactform_header.jpg);
}

.right_column_about {
	margin: 0;
	padding: 0 10px;
	width: 432px;
	border-right: #bababa solid 1px;
}
/* FONTS */

p {
	line-height:14px;
}
.orange18 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: .08em;
	font-weight: 100;
	color: #b16c0b;
}
.orange11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .08em;
	font-weight: 100;
	color: #b16c0b;
}
.entry-content {
	text-align: justify;
	color: #323232;
}
.entry-content p, .entry-content ul, .entry-content ol, .entry-content div, .entry-content blockquote {
	margin: 13px 0;
}



/*&&&&>  g. #footer */

#footer {
	background: url(images/footer_new.jpg) no-repeat 0 0;
	clear: both;
	margin: 3px auto 7px auto;
	position: relative;
	text-align: center;
	height: 62px;
	height: 87px;
	width: 960px;
	}

#footer_nav {
	list-style:none;
	text-align: center;
	padding: 42px 0 0 11px;
	width: 950px;
	}

#footer_nav li { float: left; margin: 0 3px;}

#footer_nav li a { color: #666; padding: 2px 7px; }
#footer_nav li a:hover { color: #555; }


#footer #qmLink { position: absolute;
	background: transparent;
	display: block;
	text-indent: -5000px;
	height: 15px;
	width: 65px;
	top: 32px;
	top: 57px;
	left: 135px;
	}

/*&&&&>  h. #copyright */

#footer p {
	display: none;
	}


.location {
font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: .08em;
	font-weight: bold;
	color: #323232;
	}


#name input, input {
	background: url(images/forms/contact_input.jpg) no-repeat 0 0;
	float: left;
	margin: 1px 5px 0 0;
	padding: 7px 7px 0 10px;
	border: none;
	height: 20px; /* Slightly different from 3G spec because of inlay*/
	width: 165px; /* Slightly different from 3G spec because of inlay*/
}
#name input:hover, input:hover {
	background-position: 0 -27px;
}
#name input:focus, input:focus {
	background-position: 0 -54px;
	color: #fff;
}
#message{
	background: url(images/forms/message_input.jpg) no-repeat 0 0;
	float: left;
	margin: 1px 5px 0 0;
	padding: 7px 7px 0 10px;
	border: none;
	height: 105px; /* Slightly different from 3G spec because of inlay*/
	width: 345px; /* Slightly different from 3G spec because of inlay*/
}
#message:hover{
	background-position: 0 -112px;
}
#message:focus {
	background-position: 0 -224px;
	color: #fff;
}
#submit{
	background: url(images/forms/search.jpg) no-repeat 0 0;
	cursor: pointer;
	display: block;
	padding: 0;
	border: none;
	text-align: left;
	height: 29px;
	width: 103px;
}
#submit{
	background: url(images/forms/search.jpg) no-repeat 0 -59px;
	cursor: pointer;
	display: block;
	margin-left: 0px;
	text-indent: -6000px;
	height: 29px;
	width: 103px;
}



.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li { 
	clear: both; 
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #7E8AA2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 214px;
}
ol.forms textarea { height: 300px; width: 334px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	background: #ff9800;
	border: none;
	color: #000;
	cursor: pointer;
	font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
}
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }