/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background: #381D12 url(../img/bg/main-bg.jpg) top left repeat;
	margin: 0; padding: 0;	
}



/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav {
	background: transparent url(../img/bg/main-nav.jpg) top left no-repeat; 		
	width: 800px; height: 40px; 
	overflow: hidden;
	border-bottom: 2px solid #80A0A8; 
	}

#main-nav a, #main-nav ul, #main-nav li {
	font-size: 12px; line-height: 42px; font-weight: bold;
	}

#main-nav a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 0; padding: 0 20px; 
	width: auto; height: 42px;
	overflow: hidden;
	border-right: 1px solid #127189;
	}

#main-nav a:link, #main-nav a:visited 	{ color: #FFF;  }
#main-nav a:active, #main-nav a:hover 	{ background:transparent url(../img/misc/nav-highlight.jpg) 50% 100% no-repeat; color: #B7E6F5; }

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

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

body#home-section #nav-one 			a { background:transparent url(../img/misc/nav-highlight.jpg) 50% 100% no-repeat; color: #FFF; font-weight: bold; }
body#about-section #nav-two 		a { background:transparent url(../img/misc/nav-highlight.jpg) 50% 100% no-repeat; color: #27C152; }
body#quality-section #nav-three 	a { background:transparent url(../img/misc/nav-highlight.jpg) 50% 100% no-repeat; color: #27C152; }
body#services-section #nav-four 	a { background:transparent url(../img/misc/nav-highlight.jpg) 50% 100% no-repeat; color: #27C152; }
body#projects-section #nav-five 	a { background:transparent url(../img/misc/nav-highlight.jpg) 50% 100% no-repeat; color: #27C152; }
body#contact-section #nav-six 		a { background:transparent url(../img/misc/nav-highlight.jpg) 50% 100% no-repeat; color: #27C152; }


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url(../img/logo/clawson-construction-logo.gif) no-repeat left top;
	display: block; float: left;
	width: 432px; 	height: 75px;
	margin: 12px 0 0 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}


/* Header Blocks
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-block-one {
	
	color: #FFFFFF;
	display: block; float: left; 
	width: 135px; height: 40px; 
	margin: 25px 0 25px 50px; padding: 5px 10px; 
	border-right: 1px dotted white;
	text-align: right;
	}

#header-block-two {

	color: #FFFFFF;
	display: block; float: left; 
	width: 140px; height: 40px; 
	margin: 25px 0 25px 0px; padding: 5px 10px; 
	text-align: left;
	vertical-align: middle;
	}

/* Home Page Intro Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#home-page-intro .link-div-pad {
	width: 6%;
	float: left;
}

#home-page-intro .link-div {
	text-align: center;
	width: 22%;
	height: 56px;
	line-height: 56px;
	float: left;
}

#home-page-intro .link-div a {
	background: transparent url(../img/icons/checkmark-tanbg.jpg) left 50% no-repeat;
	padding: 0 0 0 20px;
}

#home-page-intro a {

	color: #3F2315;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#home-page-intro a:hover {

	color: #3F2315;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

/* Left Col Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#home-section #left-col-content2 {
	background-color: #FFFFFF;
	padding: 10px 0;
}
 
#home-section #left-col-content2 h3 {
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica;
	color: #9F680B;
} 

#home-section #left-col-content2 p {
	font-size: 11px;
	color: #333333;
}
 
#left-col-container {
	background-color: #EDEDED;
	padding: 4px;
	margin: 5px 0;
}

#left-col-content {
	background-color: #FFFFFF;
	border:1px solid #D9D9D9;
	margin: 0;
}

#left-col-content img {
	padding: 5px;
}

#left-col-content h3{
	border-bottom:1px solid #D9D9D9;
	color:#333333;
	font-size:13px;
	font-weight: bold;
	margin:0;
	padding:7px 10px;
}

#left-col-content h3.left-col-content-border{
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	color:#333333;
	font-size:13px;
	font-weight: bold;
	margin:0;
	padding:7px 10px;
}

#left-col-content p {
	font-size:12px;
	margin:0;
	padding:5px 10px;
	
}

#left-col-content ul {
	list-style: none;
	margin: 0;
	padding: 10px 10px;
}

#left-col-content .email-class {
	text-decoration: underline;
}

#left-col-links {
	border-top: 1px dotted #C4C4C4;
	padding: 10px 15px;
	text-align: center;
	vertical-align: middle;
}

#left-col-links img {
	border: 0;
}

#left-col-image-link {
	border-bottom: 1px dotted #C4C4C4;
	padding: 0 0 10px 0;
}

#left-col-links table, th, td {
	border: 0;
}

/* Right Col Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#right-col-div h2 {

	font-size: 16px; line-height: 120%;
	font-weight: bold;
	font-family: Helvetica, arial;
	text-transform: uppercase;
	color: #3F2214;

}

#right-col-div h3 {

	font-size: 13px;
	font-weight: bold;
	color: #39723A;
	padding: 10px 0;
}

#right-col-div h4 {
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, arial;
	text-transform: uppercase;
	color: #9F670B;
}

#right-col-div a{

	text-decoration: underline;
	color: #333333;
	font-weight: bold;

}

#right-col-div a:hover{

	text-decoration: underline;
	color: #666666;
	font-weight: bold;

}

#right-col-div ul.checkmark-ul {
	list-style-type: none;
	padding: 0 0 10px 0; margin: 0;
}

#right-col-div ul.checkmark-ul li {
	background: transparent url(../img/icons/checkmark-whitebg.jpg) left 50% no-repeat;
	padding: 0 0 0 20px; margin: 0;
}

#right-col-div .small-border {
	border: 1px solid #DDDDDD;
	padding: 0;
}

#right-col-div .small-border p {
	font-size: 11px;
	padding: 3px 0;
}
#right-col-div .small-border tr {
	padding: 10px;
}

#right-col-div .small-border td {
	vertical-align: top;
}

#right-col-div .small-border h4 {
	line-height: inherit;
}

#right-col-div .small-border h4 a{
	font-size: 13px;
	font-weight: bold;
	font-family: Helvetica, arial;
	text-transform: uppercase;
	color: #9F670B;
	text-decoration: underline;
	line-height: 110%;
}

#right-col-div .small-border .td-border {
	padding-top: 10px;
	padding-right: 10px;
}

#right-col-div .small-border .line-border {
	width: 100%;
	border-top: 1px solid #DDDDDD;
}

#right-col-div .h4-border-top {
	border-top: 1px solid #DDDDDD;
	padding: 10px 0 0 0;
}

#right-col-div .h4-dotted-border-top {
	border-top: 1px dotted #DDDDDD;
	padding: 10px 0 0 0;
}

#right-col-div .table-no-border {
	width: 100%;
	border: 0;
}

#right-col-div .table-no-border-bg {
	background-color: #F6F3EE;
	width: 100%;
	border: 0;
	padding-bottom: 10px;
}

#right-col-div .table-no-border-bg td {
	padding: 10px 10px 0 10px;
	font-weight: bold;
	font-size: 13px;
	color: #402418;
}

#right-col-div .table-no-border-bg td.td-last {
	padding: 10px;
	font-weight: bold;
	font-size: 13px;
	color: #402418;
}

#right-col-div .table-no-border-bg .td-label {
	text-align: right;
	vertical-align: middle;
	padding: 0 10px 0 0;
	width: 20%;
}

#right-col-div .table-no-border a{
	font-size: 12;
	font-weight: normal;
	color: #5D7F8C;
	text-decoration: underline;
}

#right-col-div .table-no-border-bg .comment_textarea {
	width: 450px;
	height: 130px;
}

#right-col-div .table-no-border td, th{
	border: 0;
	padding: 0;
}

/* Footer Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
.line-one { border-top: 1px dotted #c4c4c4; padding: 5px 0 0 0; margin: 0 ;  }
.line-two { color: #3F2315; font-size: 11px; padding: 0 0 5px 0; margin: 0 ;  }

.line-one a {
	
	color: #3F2315;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 5px 0 0;
}
	
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.error-message { font-weight: bold; font-size: 13px; color: red;}
.success-message { font-weight: bold; font-size: 13px; color: green; }
.clear 	{ clear: both; } 
.update { line-height:  140%; }