/* RL Harrison Paving stylesheet */

/*
Color Scheme
	content bar: #
	main content bar:  #
	page background:  #
*/
/*Reset*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.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,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{font-style:normal;font-weight:normal;}
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:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
a:link, a:visited, a:hover, a:active {outline:none;border: none; text-decoration: none;} 
a {color: #4773B5;}
a:hover {color: black;}

/*
UTILITY
*/

.floatLeft {              
						float: left;
}

.floatRight {             
						float: right;
}

.clear {                  
						clear: both;
}

.button  {
                        border: 1px solid #272727;
						background: white;
						padding: 1px 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						color: #272727;
}

.button:hover {
                        background: #cccccc;
						color: black;
}

div { position: relative;}


/*
General Typography
*/

body {
						font-family: GillSans, Calibri, Trebuchet, sans-serif;
}

h1 {
						font-size: 1.9em;
						margin: 10px 0px 10px 0px;
}

h2 {
						color: #f5d31c;
						font-size: 1.5em;
						font-weight: bold;
						margin: 20px 0px 5px 0px;
}

h3 {
						font-size: 1.2em;
						margin: 20px 0px 5px 0px;
}

/*
UTILITY
*/

html {
						background: #404040 url('images/page-background.jpg') repeat-x top left;
}

body {
							
}

#page-wrap {
                        width: 823px;
						margin: 0px auto;						
}

#header {
						height: 93px;
						background: url('images/header.jpg') no-repeat top left;
						margin-top: 20px;	
						text-indent: -2000px;
}



#main-content {						
						background: url('images/main-content-background.jpg') repeat-x top left;
						color: white;
						padding: 20px 20px 20px 20px;	
						min-height: 500px;
						
}

#left-bar {
						float: left;
						width: 540px;
						_width: 530px; /*targets IE6*/
						min-height: 550px;
						padding-right: 20px;	
						margin-right: 20px;
						border-right: 1px #8a8a8a solid;
						position: relative;
						z-index: 10;
}

#main-content li{
						margin-left: 0px;
						list-style-type: disc;
						list-style-position: inside;
}

.recent-projects {
						width: 180px;
						overflow: hidden;
						margin-top: 10px;
						border: 10px white solid;
						background: white;
						color: black;
}

#contact {
						border-bottom: 1px solid white;
						margin-bottom: 20px;
}

.about #main-content img {
						width: 150px;
						padding: 0px 0px 10px 0px;
}

span {
						font-weight: bolder;
}

form {
						margin-top: 20px;
}

.projects #main-content img {
						width: 340px;
						padding: 20px;
						margin: 10px 0px 10px 0px;
						background: white;
}

/*
Navigation
*/

#nav {
						
						margin: 20px 0px 20px 0px;
						background: url('images/nav-tabs.jpg') repeat-x top left;
						#background-position: 0px 20px; /*targets ie*/
						text-align: center;
						font-size: 12px !important;
}

#nav li{
                         /*-moz-border-radius: 5px;
						 -webkit-border-radius: 5px;*/
						 float: left;
						 display: inline;
						 margin: 0px 0px 0px 0px;							
} 

#nav li a {						
                         /*-moz-border-radius: 5px;
						 -webkit-border-radius: 5px;*/
						 display: block;
						 width: 136px;
						 padding: 5px 0px 5px 0px;
						 text-decoration: none;
						 color: white;
						 border-left: 1px black solid;
}

#active-nav {
						
						color: black !important;
						background-image: url('images/nav-hover.jpg');
						background-repeat: repeat-x;
}

#active-nav a {
						color: black !important;
}

.nav-tabs {
						background: url('images/nav-tabs.jpg') repeat-x top left;
}



.nav-tabs a:hover {
                         background: url('images/nav-hover.jpg') repeat-x;
						 color: black !important;
}



/*
Footer
*/


#footer {
						
						
						margin: 40px 0px 20px 0px;
						padding: 10px 0px 10px 20px;
						color: white;
						background: #595959;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						
}



#footer h2{
						margin-top: 0px !important;
}

#footer  #better-business {
						margin-right: 20px;
						padding-left: 65px;
						background: url('images/bbb.jpg') no-repeat bottom left;
						padding-top: 75px;
}

#footer ul {
						float: right;
						margin-right: 20px;
						background: #494949;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						padding: 10px 20px 10px 20px;
}


a#alt-visions {
	background: url('images/alt-visions.png') no-repeat top left;
	display: block;
	width: 150px;
	height: 21px;
	text-indent: -30000px;
	margin-top: 10px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	-webkit-transition: opacity 1s;
}

a#alt-visions:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		-khtml-opacity: 1;
		opacity: 1;
		-webkit-transition: opacity .5s;
}

/*
Links
*/


a {
                        text-decoration: none;
						color: #d2e8eb;
}

a:hover {                        
						color: white;
}

#nav a {
						color: #212121;
						font-weight: bold;
}

#nav a:hover {                        
						color: white;
}