html, body { font-size: 85%; height: 100%; }
body { position: relative; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: .81em; color: #666; }
div {position: relative; }

a, a:link, a:visited, a:hover, a:active { color: #EC731A; text-decoration: none; }
a:active { color: #666; }

h1 { margin: 3.5em 0 -1em 0; }
h2 { font-weight: bold; font-size: 1.2em; }
h3 { margin: 2em 0 -1em 0; line-height: 1.3; }
hr { margin: 2.5em 0 2em 0; height: 1px; background-color: #CCC; border: none;  }

strong { font-weight: bold }

/* - WRAPs - */
.outerWrap { width: 800px; margin: 0 auto; }
.wrap { float: left; width: 800px; margin: 0 0 90px 0; background: url(../images/sub/nav/nav_products_photo1.jpg) no-repeat bottom left; }
div#services.wrap { background-image: url(../images/sub/nav/nav_services_photo1.jpg) }
div#info.wrap { }
div#contact.wrap { background-image: url(../images/sub/nav/nav_about_photo1.jpg) }

/* - Index Layout - */
#welcomeBand { position: absolute; top: 46px; left: 0; height: 248px; width: 100%; background: #9baebd; border: 1px solid #999; border-width: 1px 0; }
	
#featureBand { position: absolute; top: 287px; left: 0; height: 171px; width: 100%; background: #F6F6F6; border: 1px solid #E5E5E5; border-width: 0 0 1px 0; }
	
#mainNav { float: left; height: 46px; width: 795px; background: white; }
#mainNav img { float: left; margin: 12px 0 0 20px; }

#welcome { float: left; height: 249px; width: 100%; background: url(../images/home/wr_home_banner_bkg.jpg) no-repeat right 1px; }
#welcome img#logo { display: block; margin: 20px 0 20px 31px;}
#welcome img#welcomeLogo { display: block; margin: 0 0 -1em 54px;}
#welcome p { margin: 1em 0 0 54px; width: 44em; color: black; background: #9baebd; line-height: 1.2; }
	
#feature { float: left; height: 161px; width: 100%; }
#feature div { float: left; display: inline; width: 741px; margin: 0 0 0 54px;}
#feature img { float: right; margin: 33px 20px 0 1em; }
#feature img.feature { float: none; margin: 20px 0 0 0; }
#feature p { margin: 10px 0 0 0; line-height: 1.2;}
	
#highlight { float: left; height: 46px; height: 202px; width: 795px; margin: 20px 0 0 0;}
#highlight div { float: left; width: 165px; height: 202px; margin: 0 0 0 15px; }
#highlight p { margin: 1em 0; line-height: 1.2 }
	
#search {float: right; width: 230px; padding-top: 6px; text-align: center; }
#search img {float: left; margin: 1px 0 0 0; border: none; }
#search input { width: 130px;}
#search #searchBut { float: right; display: block; width: 43px; height: 22px; }

div#front { float: left; position: relative; bottom: 0; left: 0; margin-left: 0; margin-top: 40px; width: 100%; height: 60px; text-align: center; }

/* - HEADER - */
.header { width: 100%;  padding: 7px 0; border-bottom: 1px solid #999;}


/* - MAIN COL - */
.main { float: right; width: 560px; padding-top: 20px; margin: 0 10px 0 0; }
.main h2 { margin: 2em 0 -1em 0; padding: 0; font-size: 1em; }
.main h2.altH1 { margin: 0 0 -1em 0; padding: 1em 0 0 0; clear: both; }
.main div h2 { margin: 0; padding: 0; clear: none; color: #EC731A;  }

.main h1 img, .main h2 img {float: none; margin: 0; border: none; }
.main p { margin: 1em 0; line-height: 1.2; }

.main ul { margin: 0 0 0 40px;}
.main li { list-style-type: disc; margin: 1em 0; line-height: 1.2; }

.main div { float: right; width: 100%; margin: 1em 0; }
.main img { float: right; display: inline; margin: 0 0 0 1em; border: 1px solid #666; }

.main div.breadcrumbs { margin: 0; word-spacing: .4em; }

div.compactList { float: left; display: inline; width: 250px; margin-left: 20px; }
div.compactList h2 { color: #666; margin-bottom: -1em; }
div.compactList ul { margin: 1em 0; }
div.compactList ul li { list-style-type:none; margin: 0; line-height: 1.3;}

div.airyList { margin-top: -1em;}
div.airyList h2 { color: #666; }
div.airyList ul { margin: 1em 0; }
div.airyList ul li { list-style-type:none; margin: 1em 0; line-height: 1.3;}

img.shrink { width: 160px; 120px;}

/* - NAV - */
.nav { float: left; width: 200px; height: 650px; padding: 5px 0 0 0; }

.nav dt, .nav li {  }
.nav li { margin: 10px 0; }
.nav dd ul { margin: 4px 0 2em 40px; }
.nav dd li { margin: 0 0 .75em 0;  }


/* - FOOTER - */
.footer { position: absolute; bottom: -95px; left: 50%; margin-left: -400px; width: 800px; height: 60px; text-align: center; }
.footer ul { position: absolute; width: 66em; top: 0; left: 50%; margin-left: -32em; }
.footer li { float: left; width: 8em; margin: 0 0 2em 0; border: 1px solid #999; border-width: 0 1px 0 0;}
.footer li.last { border: none; }
.footer li a { display: block; padding: 0 0 .25em 0; width: 8em; }
.footer p { position: relative; top: 2.2em; line-height: 1.5 }

/* - FORM - */
input, select, textarea { border: 1px solid #666; padding: 1px; }
input:focus, textarea:focus { background: #FFFFCC; border: 1px solid black; }
input.err { border: 1px solid #FFCC00; background: #FFFFCC; }
input.butt, input.butt:focus { border: none }

form.basic { margin: 2em 0 0 0;}
form.basic fieldset { display: block; width: 450px;  margin: 2em 20px 10px 0; border-top: none; }
form.basic legend { padding: 0; color: #666; }
form.basic label { color: #666; float: left; width: 110px; line-height: 1.8; vertical-align: top; clear: both; }
form.basic input { width: 225px; padding: 2px; color: #333;}
form.basic select { padding: 2px; color: #666; width: 230px; }

form.basic input:focus { background: #FFFFCC; border: 1px solid black; }
form.basic input.btTxt { margin: 1em 0 0 9px; width: auto; font-weight: bold; border: none; }
form.basic select:focus { background: #FFFFCC;}

form.basic  ol { margin: 0; padding: 0; list-style: none; }
form.basic  li { list-style: none; padding: 5px;  margin: 0 0 0 .5em; clear: both; }
form.basic textarea { margin: .5em 0 0 1em; width: 440px; height: 4em; padding: .25em; }
form.basic textarea:focus { background: #FFFFCC; border: 1px solid black; }
form.basic em { font-weight: bold; font-style: normal; color: #f00; }


#highlight div#nlSignUp { width: 215px; }
#highlight div#nlSignUp form { margin: 0; }
#highlight div#nlSignUp p { margin: 1px 0 1.5em  0; }
#highlight div#nlSignUp label { float: none; display: block; margin: .25em 0; line-height: normal; }
#highlight div#nlSignUp input { margin: .25em 0 .5em 0; width: 100%; }
#highlight div#nlSignUp input#transmitBut { float: right; width: auto; height: auto; border: none; }

/* - SEARCH - */
div#mainNav div#searchBox { float:right; margin-top:11px; width:230px; }
div.header div#searchBox { float: right; margin-top:11px; width:230px; }

div#searchBox form { float: none; width: 230px; text-align: left;}

div.main div#searchBox { float: left; margin: 2em 0; width: 305px; }
div.main div#searchBox form { width: 305px;}
div.main div#searchBox input#query { float: left; width: 205px;}

div.search div.url {margin: -.25em 0 2em 0;}