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

	Screen.css
	rowcontracting.com
	
	Last Modified : 	
	Created by : 		
	Contact: 			info@paraveldesign.com
	
	Copyright 2007 - 2008
	Based on Blueprint 1.6.1
	
	
/* Colour Palette
--------------------------------------------------------------

Orange - #E4623E

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

/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

/* Grid
-------------------------------------------------------------- */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* Page
-------------------------------------------------------------- */
body{background: url(../img/bg.jpg) repeat center;}
#header{ background: url(../img/header_repeat.jpg) repeat-x center top; height:249px;color: #fff;}
.treeline{background: url(../img/header.jpg) no-repeat center top; height: 249px; width: 960px;margin-right: auto;margin-left: auto; }
.content { margin: 25px auto 55px; }
#logo { float:left; margin-top:80px;margin-bottom: 22px;}
a img.button:hover{opacity: 0.9;}
#gallery img.thumb{  background: url(../img/imagebg.jpg) repeat ;  padding: 5px;margin:2px 10px 2px 0;}

.news_post{margin-bottom: 45px;}
.news_post img{ background: url(../img/imagebg.jpg) repeat ;  padding: 10px;}
.contact strong{text-transform: uppercase;}

.equipment{}

/* Typography
-------------------------------------------------------------- */

/* Default font settings
   The font-size percentage is of 16px (0.75 * 16px = 12px) */
body {color: #66240a;font: 80%/1.6 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
  	

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin:  0 1.5em .5em 0; padding: 0; }

strong      { font-weight: bold; }
em		    { font-style: italic; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold;color: #381b05;}

h1{width: 430px;}
h1, h2, h4 {font: bold 36px/37px Rockwell, Georgia, "Times New Roman", Times, serif;margin-bottom: 10px;}
h3 { font-size: 18px;line-height: 1.2;margin-bottom: .25em;}
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin:0;
}

h2 a{color: #381b05; text-decoration: underline;}
h2 a:hover{ color: #955700;}
/* Links
-------------------------------------------------------------- */

a           	{ color: #955700; text-decoration: none;font-weight: bold;}
a:focus, 
a:hover     	{text-decoration: underline;}
a:visited		{}
a:visted:hover 	{}


/* Tables - You still need cellspacing="0" in the markup
-------------------------------------------------------------- */

table		{}

thead		{}
tbody		{}
tfoot       { font-style: italic; }

th,td       { padding: 4px 10px 4px 5px; }
th          { border-bottom: 2px solid #ccc; font-weight: bold; background: #eee; }
td          { border-bottom: 1px solid #ddd; }
tr			{}

caption     { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

tr.even td  { background: #eef; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ol      	{ margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: none; margin:0 1.5em 1.5em 0; }
ul + li		{}

ol          { list-style-type: decimal; }
ol + li		{}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; width:80px; margin-right:20px; float:left;  }
dd          { margin-left:100px; margin-bottom:0.25em;}

ul.bulleted {list-style-type:disc; margin-left:1.5em;}

/* Forms
-------------------------------------------------------------- */

form			{}
/* fieldset		{padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;} */

legend			{font-weight: bold; font-size:1.2em;}
legend .span	{}

label { width:120px; float:left; margin:10px 20px 5px 0px;color: #000;font-size: 18px;font-weight: bold;}
label.error { margin-top:0px; margin-left: 140px; float:none; display: block; width:auto;}

input[type='text']		{ width: 300px; font-size:1.2em; padding:10px; }
input[type='checkbox']	{}
input[type='radio']		{}
input[type='file']		{}

textarea      	{ width: 400px; height: 150px; padding:5px; }

select        	{ width:200px; }
option			{}
optgroup		{}

.input { clear:both;}
.required { }


#url{float: left;margin-bottom: 35px;margin-right: 15px;}


input:focus,textarea:focus,select:focus {	
	border:1px solid #fff;
}

input,textarea, select {
  margin:0.5em 0;
  border:1px solid #fff;
}

/* Other Elements
-------------------------------------------------------------- */

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
dfn         { font-style: italic;font-weight: bold; background: #ffc; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: normal; font-size:1.2em; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr			{ margin:18px 0px; border-color:#f8f8f8;}

/* Navigation
-------------------------------------------------------------- */
#nav { float:left;clear: both;}

#nav ul {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	display: inline;} 

#nav ul li {
	margin-left: 0;
	list-style: none;
	display: inline;margin: 0;padding: 0;}

#nav a { 
	display: inline-block; 
	display: -moz-inline-block; 
	padding:0px 10px 1px ; 
	text-decoration: none;
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;border-right: 2px solid #b08930;line-height: 12px;}

#nav li.first a{padding-left: 0px;}
#nav li.last a {}
#nav li a.active { }
#nav a:hover, #footer a {color: #e7b741}
#nav span {}


.news_list li, .services_list li{margin-bottom: 8px;}


#footer{background: url(../img/footer.jpg) repeat-x; height:135px;color: #fff;text-transform: uppercase;font-size: 12px;}
#footer ul{margin-top: 43px;}
#footer ul li {display: inline-block; 
	display: -moz-inline-block; 
	margin-left: 0;
	list-style: none;
	display: inline;margin: 0;padding: 2px 15px 0;border-right: 2px solid #b08930;}
	
#footer li.first{padding-left: 0px;}
#footer li.last{border-right: none;}



/* Classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { padding: 0em; border:0px;}
input.error { background: #FBE3E4; border-color: #FBC2C4; border-width: 2px; border-style: solid; }
.notice     { background: #FFF6BF; border-color: #FFD324; }
.success    { background: #E6EFC2; border-color: #C6D880; }
.error, .error a      { color: #D12F19; }
.notice, .notice a    { color: #817134; }
.notice, .success a   { color: #529214; }

/*
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
*/

img.left	{float:left; clear:left; margin-right:20px; margin-bottom:1.5em;}
img.right	{float:right; clear:right; margin-left:20px; margin-bottom:1.5em;}
img.middle	{float:none; clear:both; margin-bottom:1.5em; }


/* Layout
-------------------------------------------------------------- */
.paging .disabled{ display:inline; opacity:0.3; }


/* Page-Specific - based on the <body> class
-------------------------------------------------------------- */

form {margin: 20px 0 0 0 ;}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
label{
	display: block;
	font-size: 100%;
	color: #66240a;
	text-transform: uppercase;
	float: left;
	margin: 0;
}
input.textfield {
	border: none;
	width: 70%;
	margin: 0 0 10px 0;
	font-size: 85%;
	padding: 6px;
	margin: 0px 0px 20px;
	float: right;background-color: #faecc5;}
textarea {
	border:none;
	width: 70%;
	height: 20%;
	margin: 0 0 10px 0;
	font-size: 100%;
	padding: 6px;
	margin: 0px 0px 20px;
	float: right;background-color: #faecc5;}
input.submit {
	height: 38px;
	border: none;
	width: 120px;
	background: url(../img/submit.jpg) no-repeat top;
	margin-left: 172px;
}

input.submit:hover {
	border: none;
	height: 38px;
	width: 120px;opacity: 0.9;}




/* Lightbox
-------------------------------------------------------------- */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat;}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #333;
	filter:alpha(opacity=10);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}