/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#2d3a47;
	background-image:url("/img/bg.gif");
	background-position:top left;
	background-repeat:repeat-x;
}

div#container {
	position:relative; 
	width:864px;
	margin:0 auto 0 auto;
	padding-top:45px;
	text-align:left;
	border:0px solid #fff;
}

div#branding {
	position:relative; 
	width:864px;
	margin:0 auto 0 auto;
	height:152px;
}

#branding img#logo {
	margin-top:14px;
}

ul#nav {
	position:absolute;
	top:107px; 
	left:355px;
	width:530px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#nav a{
	display:block;
	border:0px solid black;
}

ul#nav, #nav a {height:45px;}

ul#nav li a span {margin-left:-10000px;}

#home, #projects, #products, #about, #contact {
	float:left;
	height:45px;
}

#home {width:71px;}
#home a, #home a:visited {background:url("/img/btn-home.gif") top left no-repeat;}
#home a:hover {background:url("/img/btn-home.gif") top right no-repeat;}

#projects {width:99px;}
#projects a, #projects a:visited {background:url("/img/btn-projects.gif") top left no-repeat;}
#projects a:hover {background:url("/img/btn-projects.gif") top right no-repeat;}

#products  {width:105px;}
#products a, #products a:visited {background:url("/img/btn-products.gif") top left no-repeat;}
#products a:hover {background:url("/img/btn-products.gif") top right no-repeat;}

#about {width:104px;}
#about a, #about a:visited {background:url("/img/btn-about.gif") top left no-repeat;}
#about a:hover {background:url("/img/btn-about.gif") top right no-repeat;}

#contact {width:113px;}
#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}
#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}

#quote {width:171px;height:30px;position:absolute;top:-48px;right:50px;}
#quote a, #quote a:visited {background:url("/img/btn-request-quote.gif") top left no-repeat;}
#quote a:hover {background:url("/img/btn-request-quote.gif") top right no-repeat;}

div#admin_nav {
	position:absolute;
	top:-30px;
	right:45px;
}

div#content {
	background-color:#fff;
	margin-top:-3px; /*ie hack*/
	padding:32px 20px 0px 20px;
	border:0px solid #fff;
}
/*ie6.css*/
div#site_info {
	height:80px;
	width:864px;
	margin:0 auto 0 auto;
	background-image:url("/img/site-info-bg.png");
	background-position:top left;
	background-repeat:no-repeat;
	padding:20px 0px 0px 0px;
	color:#fff;
	border:0px solid #000;
}

#site_info ul {
	float:left;
	padding:0px;
	padding-left:20px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	font-size:12px;
}
#site_info li {display:inline;}

#site_info p {
	float:right;
	font-size:12px;
	padding-right:20px;
}

#site_info a {color:#fff;text-decoration:none;}
#site_info a:visited {text-decoration:none;}
#site_info a:hover {text-decoration:underline;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#000;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	margin:0px;
	margin-bottom:4px;
}

p, ul, ol {font-size:14px;}

h1 {font-size:22px;} 

h2 {font-size:18px;}


h3 {font-size:16px;}

h4, h5 {font-size:14px;}

p {
	margin:0px;
	margin-bottom:10px;
}

a {}
a:visited {}
a:hover {}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
}
/* END GENERAL TYPOGRAPHY */

/* Begin Text Selectors */
p.center {
	text-align:center;
}
.clear {clear:both;}
.bold {
	font-weight:bold;
}

img {
	border:0;
}

.red {
	color:#FF0000;
}

.small {
	font-size:12px;
}

.bold {font-weight:bold;}
.nolink {
	text-decoration:none;
	color:#000;
}

.form p {
	font:bold 12px arial, san-serif;
	color:#545454;
	margin:0px 0px 10px 0px;
}

.submit {
	height:30px;
	width:160px;
	color:#545454;
	font:bold 14px arial, san-serif;
}

table.personnel {
	border:0px solid black;
	margin:0px 0px 0px 0px;
}
.personnel td {
	padding-right:0px;
	padding-bottom:20px;
	vertical-align:top;
}
.personnel td img {float:left;margin:0px 10px 10px 0px;}
table.personnel td.right_column {padding-right:0px;}

div.project {
	clear:both;
	padding-top:30px;
}
table.photos {

	border:0;
	float:left;
	width:215px;
	margin:0px 15px 15px 0px;
}
.photos td {
	vertical-align:top;
	text-align:center;
}
.photos td.main_photo {padding-bottom:15px;}

ul.bids {
	color:#000;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	text-decoration:none;
	list-style:none;
}
ul.bids li {padding-bottom:20px;}

ul.striped, ol.striped { 
	margin:0;
	padding:0;
	padding-bottom:7px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}
ul.striped li, ol.striped li {}
ul.striped li a, ol.striped li a {
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	padding-top:3px;
	padding-right:5px;
	padding-bottom:3px;
	padding-left:5px;
	margin-bottom:4px;
	text-decoration:none;
	border:0px solid black;
	background-color:#ececec;

}

ul.striped li a.indent, ol.striped li a.indent {padding-left:30px;}
ul.striped li a:visited, ol.striped li a:visited {}
ul.striped li a:hover, ol.striped li a:hover, ul.striped li a:hover span.no_link, ol.striped li a:hover span.no_link {
	background-color:#fff;
	color:#000;
}

/* BEGIN CUSTOM, SITE SPECIFIC STYLES */
table#projects_table {margin-bottom:40px;}
table#projects_table td {vertical-align:top;}

/* END CUSTOM, SITE SPECIFIC STYLES */