html, body{margin:0; padding:0;}
body{font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif; text-align:center; background-image:url(graphics/bg_bark.jpg);}
	
#wrapper{width:760px;
	color:#006;
	background-color:#fff;
	margin:15px auto;
	padding:0;
	text-align:left;
	border:3px solid #aaa;
	}
#header{position:relative;
	height:127px;
	color:#fff;	background-color:#006; }

#content{clear:left;
	padding:20px;
	margin:0;
	color:#006;
	background-color:#fff;}

#footer{
	text-align:center;
	font-weight: bold;
	font-size:90%;
	padding:.3em 0;
	color:#ff9;
	background-color:#006;}

a, a:visited{color:#006; background-color:#fff;}
a:hover, a:focus{color:#006; background-color:#ff9;}

p{margin-top:0;}

h1{width: 424px;
	height: 127px;
	background:url(graphics/heading.gif) 20px 10px no-repeat;
	margin:0;
	padding:0;
	text-indent:-999em;
	}
	
h2{margin:0; padding:0 0 .5em 0; font-size:130%; font-family:Arial, Helvetica, sans-serif;}
h3{margin:0; padding:0; font-size:1.15em; font-variant:small-caps;}

address{margin:0; padding:0;
	font:normal 100%/1.4em Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:16px; right:2em;
	}

img{display:block; border:0;}

.picright{clear:right;
	float:right;
	margin:0 0 3px 8px;
	border:1px solid #006;
	}
.picright p{text-align:center;font-size:95%;font-weight:bold;color:#006; background-color:#ff9;
	margin:0; padding:.2em 0;}

#footer{background-color:#006; padding-bottom:.5em; clear:both;}
#footer a, #footer a:visited{color:#ff9; background-color:#006;}
#footer a:hover{color:#aaa; background-color:#006;}

/*main navigation - based on Meyer's variation of Bowman's sliding doors*/
#mainnav{margin:0; padding:15px 0 0 0; color:#fff; background-color:#006; width:100%; float:left;}
#mainnav ul{margin:0; padding:0;width:100%;}
#mainnav li{list-style:none; float:left; margin-left:0px; padding:0 10px 0 0;
	font-size:10px; line-height:20px; white-space:nowrap; color:#006; background:#ff9 url(graphics/tab1.gif) 100% 0 no-repeat;}
#mainnav a{display:block; float:left; padding:0 0 0 10px; text-decoration:none; font-weight:bold;  background:#ff9 url(graphics/tab1.gif) 0 0 no-repeat; color:#006; width:.1em;}
html>body #mainnav a{width:auto;}/*fixes IE to make all area clickable*/
/* backslash hide hack for IE5-MAC \*/
#mainnav a{float:none;} /*end IE5-MAC hack*/
#mainnav a:hover{background-color:#ff9; color:#8E8EAF;}

/* Replace both tab images for active page */
#bhome #mainnav a.home, #bbridges a.bridges, #babout a.about, #bfurniture a.furniture, #bgates a.gates, #bsignage a.signage, #beng a.engineering{color:#006; background-color:#fff; background-image:url(graphics/tab_current1.gif);}
#bhome #mainnav li.home, #bbridges #mainnav li.bridges, #babout #mainnav li.about, #bfurniture #mainnav li.furniture, #bgates #mainnav li.gates, #bsignage #mainnav li.signage, #beng #mainnav li.engineering{background-image:url(graphics/tab_current1.gif);}


/*Bottom nav*/
#bottomnav{clear:both; margin:0; padding:.5em 0 1.5em 0; color:#ff9; background-color:#006;}
#bottomnav ul{margin:0; padding:0 0 0 25px;}
#bottomnav li{list-style:none; float:left; margin:0; padding:0;
	font-size:10px; white-space:nowrap;}
#bottomnav a{display:block; float:left; padding:0 20px; font-weight:bold; color:#ff9; background-color:#006;}
#bottomnav a:hover{color:#aaa; background-color:#006; text-decoration:none;}

/* Credits */
#credits{background-color:#fff; clear:both; background-image:url(graphics/bg1.gif);}
div #pontbren{float:left; margin-top:2px;}
div #val{float:right;}
#val b{display:none;}
#pontbren a, #val a{color:#006; background-color:#fff; padding:0 5px; text-decoration:none; font-size:80%;}
#val a{border:1px solid #006;}

#pontbren a:hover, #val a:hover {background-color:#ff9;}

/* Form */
#form *{margin:0; padding:0;}
#form p{margin-bottom:.6em;}
label{float:left; width:12em; text-align:right;}
p.submit{width:27em;text-align:center;}

#portfolio{padding:0 0 1em 0;}
#portfolio dl{clear:both;}
#portfolio dt{margin:0; padding:0; float:right; width:300px;}
#portfolio dt img{background-color:#ff9; margin:0 0 2em 0; padding:0;border:1px solid #006;}
#portfolio dd{margin:0; padding:0 0 .5em 20px; background:url(graphics/bullet.png) no-repeat 0 40%;}
#portfolio dd.head, #portfolio dl.left dd.head{margin:0 0 .4em 0; padding:0; background-image:none; font-size:1.15em; font-variant:small-caps; font-weight:bold;}

/* For left picture */
#portfolio dl.left dt{float:left; width:300px}
#portfolio dl.left dd{float:right; width:370px; text-align:left; margin:0; background:url(graphics/bullet.png) no-repeat 0 40%;}
dd ul{list-style-type:none;}
dt img{background-image:url(graphics/picture_corner.gif) no repeat 103% 103%;}

/* Extra pages */
#extrapics{float:left; margin-bottom:20px;}
#extrapics img{float:left; border:1px solid #006; margin:0 37px 50px 0;}
img.cl{clear:left;}


/* IE Hacks */
/* Hide from IE5/Mac \*/
* html #footer, * html #credit, * html #pontbren, * html #val{height:1%;}
/* End hode from IE5/Mac */

div.clearer{clear: both; line-height: .1; height: 0;}
.hide{display:none;}