body {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #000;	background: #615324;
	text-align: center;
	margin: 0px;	padding: 0px;
}
a { color: #4f3000; }
a:hover, a:active { color: #f2762e; }
img { border: none; }

#container {
	background: #dbd6c9; margin: 0;
	}
#content {
	text-align: left; background: #fff;
	margin: 0px auto;	padding: 10px 0 0;
	width: 728px; min-height: 400px;
}
#contentindex {
	text-align: center; background: #fff;
	margin: 0px auto;	padding: 0;
	width: 728px; height: 159px;
}
#headernav { width: 100%; text-align: center; background: #4f3a00; margin: 0 auto; }
#header {
	margin: 0px auto;	padding: 0px;
	width: 726px; height: 129px;
	background: #4f3a00; text-align: left;
	position: relative;
}
#header img { border: none; }
.header-flash { position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; }
.logo { position: absolute; left: 34px; top: 34px; }

.animation { width: 334px; height: 129px; float: right; }

/* ------ NAV ----- */

#nav { height: 21px; padding: 0; margin: 0 auto; border-bottom: 1px solid white; background: #f2762e; }
#nav div { width: 728px; margin: 0 auto; background: #fff; height: 21px;}
#nav ul { width: 726px; list-style: none; margin: 0 1px; padding: 0;  }
#nav li { height: 21px; width: 93px; margin: 0; padding: 0; float: left; }

#nav li#A { background:  url(img/nav1.gif) no-repeat 0px 0px; }
#nav li#B { background:  url(img/nav2.gif) no-repeat 0px 0px; width: 114px;}
#nav li#C { background:  url(img/nav3.gif) no-repeat 0px 0px; width: 87px;}
#nav li#D { background:  url(img/nav4.gif) no-repeat 0px 0px; width: 99px;}
#nav li#E { background:  url(img/nav5.gif) no-repeat 0px 0px; width: 87px;}
#nav li#F { background:  url(img/nav6.gif) no-repeat 0px 0px; width: 92px;}
#nav li#G { background:  url(img/nav7a.gif) no-repeat 0px 0px; width: 86px;}
#nav li#H { background:  url(img/nav8a.gif) no-repeat 0px 0px; width: 68px;}

#nav a { height: 21px; display: block; text-decoration: none; }
#nav li#A a { background:  url(img/nav1.gif) no-repeat 0 -30px; }
#nav li#B a { background:  url(img/nav2.gif) no-repeat 0 -30px; }
#nav li#C a { background:  url(img/nav3.gif) no-repeat 0 -30px; }
#nav li#D a { background:  url(img/nav4.gif) no-repeat 0 -30px; }
#nav li#E a { background:  url(img/nav5.gif) no-repeat 0 -30px; }
#nav li#F a { background:  url(img/nav6.gif) no-repeat 0 -30px; }
#nav li#G a { background:  url(img/nav7a.gif) no-repeat 0 -30px; }
#nav li#H a { background:  url(img/nav8a.gif) no-repeat 0 -30px; }

#nav a span { position: absolute; left: -9999px; }
#nav li#A a:hover, #nav li#A a:active, #nav li#B a:hover, #nav li#B a:active,
#nav li#C a:hover, #nav li#C a:active, #nav li#D a:hover, #nav li#D a:active, 
#nav li#E a:hover, #nav li#E a:active, #nav li#F a:hover, #nav li#F a:active,
#nav li#G a:hover, #nav li#G a:active, #nav li#H a:hover, #nav li#H a:active  { background: none; }

#nav li#A.current, #nav li#B.current, #nav li#C.current, #nav li#D.current,
#nav li#E.current, #nav li#F.current, #nav li#G.current, #nav li#H.current {	background-position: 0px 0px; }


/* ------ SUBNAV ----- */
#subnav { height:24px; width: 728px; margin: 0px auto; padding: 0; background:#fff;}
#subnav ul { list-style: none; margin: 0 1px; padding: 0;}
#subnav li { height: 24px; width: 112px; margin: 0; padding: 0; float: left; }

#subnav li#SA { background:  url(img/serv-nav1.gif) no-repeat 0px 0px; }
#subnav li#SB { background:  url(img/serv-nav2.gif) no-repeat 0px 0px; width: 115px;}
#subnav li#SC { background:  url(img/serv-nav3.gif) no-repeat 0px 0px; width: 141px;}
#subnav li#SD { background:  url(img/serv-nav4.gif) no-repeat 0px 0px; width: 123px;}
#subnav li#SE { background:  url(img/serv-nav5.gif) no-repeat 0px 0px; width: 135px;}
#subnav li#SF { background:  url(img/serv-nav6.gif) no-repeat 0px 0px; width: 100px;}

#subnav a { height: 24px; display: block; text-decoration: none; }
#subnav li#SA a { background:  url(img/serv-nav1.gif) no-repeat 0 -30px; }
#subnav li#SB a { background:  url(img/serv-nav2.gif) no-repeat 0 -30px; }
#subnav li#SC a { background:  url(img/serv-nav3.gif) no-repeat 0 -30px; }
#subnav li#SD a { background:  url(img/serv-nav4.gif) no-repeat 0 -30px; }
#subnav li#SE a { background:  url(img/serv-nav5.gif) no-repeat 0 -30px; }
#subnav li#SF a { background:  url(img/serv-nav6.gif) no-repeat 0 -30px; }

#subnav a span { position: absolute; left: -9999px; }
#subnav li#SA a:hover, #subnav li#SA a:active, #subnav li#SB a:hover, #subnav li#SB a:active,
#subnav li#SC a:hover, #subnav li#SC a:active, #subnav li#SD a:hover, #subnav li#SD a:active, 
#subnav li#SE a:hover, #subnav li#SE a:active, #subnav li#SF a:hover, #subnav li#SF a:active { background: none; }

#subnav li#SA.current, #subnav liS#B.current, #subnav li#SC.current, #subnav li#SD.current,
#subnav li#SE.current, #subnav li#SF.current {	background-position: 0px 0px; }


/* ------- MAIN ----- */
#leftcol { width: 103px; float: left; margin: 0; padding: 0; text-align: center; }
#main { float: right; width: 617px; color: #7e2828; margin: 0; padding-bottom: 10px;}
#main h1 { margin: 0 0 12px; padding: 0 0 4px; border-bottom: solid 1px #dbd6c9; color: #f2762e; font-weight: normal; font-size: 1.8em; }
#main h2 { margin: 10px 0 12px; padding: 0 0 3px; border-bottom: solid 1px #dbd6c9; color: #996; font-weight: normal; font-size: 1.6em; }
#main p { margin: 0 0 10px; line-height: 1.26; width: 350px;}
.rightcol { width: 244px; float: right; margin: 0 4px 0 0; padding: 0; text-align: left; display: inline; }
.rightcol .mainpic { float: right; margin:0; padding: 0; display: inline; }
.basements-logo { float: left; display: inline; margin-right: 16px; }
#main li { font-weight: bold; width: 300px;}
#main p.hrule { clear: both; width: auto; border-bottom: solid 1px #dbd6c9; height: 4px; margin: 0 0 8px; padding: 0; line-height: 4px; }
p.clearall { clear: both; height: 10px; line-height: 1px; margin: 8px 0 0; padding: 0; }

#main h3 { font-size: 1em; margin: 0; line-height: 1.26; width: 350px; }
#main p.datasheet { clear: both; width: auto; border-bottom: solid 1px #757575; 
margin: 6px 0 6px; padding: 0 0 6px; font-size: 1.1em; }
#main p.datasheet img { margin-right: 8px; }
#main p.datasheet a { text-decoration: none; }

table.casestudies td { text-align: center; font-size: 0.7em; line-height: 1.26;}
table.casestudies a { font-size: 1.1em;  }
table.casestudies tr.cs-text td { padding: 3px 0 12px;}

.pressicon { float: left; margin-bottom: 15px; border: none; }

.pdfs img { float: left;  }

.rightcol .mainpic.acrobat { margin-right: 10px; }

table.contactform { font-size: 0.9em; color: #7e2828;}
table.contactform input, table.contactform textarea { width: 230px; border: 1px solid #f2762e; 
padding: 2px;	font: 1.1em Arial, Helvetica, sans-serif; }
table.contactform input.submitBtn { width: auto; border: none; background: #f2762e; color: #fff; }

.contactleft { width: 240px; float: left; }
.contactright { width: 360px; float: right; }
#main .contactleft p, #main .contactright p { width: auto; }
form { margin: 0; padding: 0; }

#footer {
clear: both; color: #fff; border-top: 1px solid #fff;
	margin: 0px auto;	padding: 8px 0px 15px;
}
.homepage { width: 658px; margin: 0 auto; padding: 24px 0; text-align: left; }
 .homepage h1 { margin: 0 0 12px; padding: 0 0 4px; color: #f2762e; font-weight: normal; font-size: 1.6em; }
	#footer .homepage p { margin: 0 0 10px; line-height: 1.26; color: #fff; text-align: left; font-size: 1.1em; }
 #footer p.nolink a:link, #footer p.nolink a:visited { color: #fff; text-decoration: none; margin: 0; }
 #footer p.nolink a:hover, #footer p.nolink a:active { color: #f2762e; text-decoration: none; margin: 0; }
 
#footer p { line-height: 140%; margin: 4px 0; 	text-align: center; }
#footer a:link, #footer a:visited { color: #dbd6c9; margin: 0 2px; }
#footer a:hover, #footer a:active { color: #f2762e; margin: 0 2px; }