/* RESET! */

html { overflow: -moz-scrollbars-vertical !important; }


html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img, abbr, acronym { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/* ---------------------------------------------------------------------------
	
	STRUCTURE

--------------------------------------------------------------------------- */

html, body {
height: 100%;
}

body {
	font: small/1.5em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #00457c;
	text-align: center;
	background:#00457c url(/images/main-bg.jpg) repeat-y top center fixed;
	height:100%;
}

#container {
	
	position: relative;
	height:auto !important;
	min-height:100%;
	margin: 0 auto 0 auto;
	width: 900px;
	text-align: left;
}

#main_header {
	position: relative;
	height: 291px;
}

#header_photo {
	padding-top: 79px;
}

#header_logo {
	z-index: 20;
	top: 0;
	left: 0;
	position: absolute;
	background: url(/images/header_with_logo.png) no-repeat;
	width:900px;
	height:172px;
}

#header_logo a {
float:right;
background:url(../images/home-tab-bg.png) no-repeat center;
width:74px;
height:54px;
text-indent:-9999px;
display:block;
overflow:hidden;
}

#header_logo a:hover {
background:url(../images/home-tab-over.png) no-repeat;
}
	
#content {
	float: left;
	width: 615px;
	margin: 20px 40px 0 20px;
	padding-bottom:120px;
}


/* ---------------------------------------------------------------------------
	
	LINKS

--------------------------------------------------------------------------- */

a:link { color: #00457c; }
	
a:visited { color: #1c5079; }
	
a:hover { color: #1c5079; text-decoration: none; }

span#doohickey a {
color:#8CC63F;
}

span#doohickey a:hover {
text-decoration:none;
}

a.pdf {
background:url(../images/pdf-icon.gif) no-repeat left;
padding-left:30px;
padding-top:7px;
margin-right:15px;
height:30px;
display:block;
float:left;
}

/* ---------------------------------------------------------------------------
	
	TYPOGRAPHY

--------------------------------------------------------------------------- */
h3 {
	margin-bottom: 20px;
	font-size: 180%;
	font-weight: normal;
	color: #333;
	letter-spacing: 1px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
}

h4 {
	margin-bottom: 5px;
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	color: #80561b;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-style: italic;
}

h5 {
	margin-bottom: 5px;
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h6 {
	margin-bottom: 5px;
	font-size: 120%;
	line-height: 100%;
	font-weight: normal;
	color: #80561b;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p { margin-bottom: 25px; }

span.black {
color:#000;
}

/* ---------------------------------------------------------------------------
	
	LISTS

--------------------------------------------------------------------------- */

dl { margin-bottom: 25px; }

dt { 
	margin-bottom: 2px;
	font-size: 110%;
	font-weight: bold;
	color: #000;
}

dd { margin-bottom: 15px; }

ul, ol {
	
}

li {
	margin-bottom: 2px;
}

/* ---------------------------------------------------------------------------
	
	TABLES

--------------------------------------------------------------------------- */



td {
	padding: 0 12px 12px 0;
	vertical-align: top;
}

/* ---------------------------------------------------------------------------
	
	TOP NAVIGATION

--------------------------------------------------------------------------- */

#main_nav {
	position: relative;
	width: 900px;
}

#nav {
	margin: 0;
	width: 900px;
	height: 30px;
	list-style: none;
	overflow: hidden;
}

#nav li {
	float: left;
	margin: 0;
	height: 64px;
	text-indent: -9999px;
}

#nav li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#nav_about, #nav_about a {
	width: 103px;
	background: url(/images/nav_about.gif) no-repeat 0 0;
}

#nav_portfolio, #nav_portfolio a {
	width: 90px;
	background: url(/images/nav_portfolio.gif) no-repeat 0 0;
}

#nav_products, #nav_products a {
	width: 88px;
	background: url(/images/nav_products.gif) no-repeat 0 0;
}

#nav_whatsnew, #nav_whatsnew a {
	width: 102px;
	background: url(/images/nav_whatsnew.gif) no-repeat 0 0;
}

#nav_facts, #nav_facts a {
	width: 166px;
	background: url(/images/nav_facts.gif) no-repeat 0 0;
}

#nav_testimonials, #nav_testimonials a {
	width: 113px;
	background: url(/images/nav_testimonials.gif) no-repeat 0 0;
}

#nav_process, #nav_process a {
	width: 110px;
	background: url(/images/nav_process.gif) no-repeat 0 0;
}

#nav_advantages, #nav_advantages a {
	width: 128px;
	background: url(/images/nav_advantages.gif) no-repeat 0 0;
}


/* hover state */

#nav li a:hover {
	background-position: 0 -30px;
}


/* here state */

#nav li a.selected {
	background-position: 0 -60px;
}

/* ---------------------------------------------------------------------------
	
	SIDE NAVIGATION

--------------------------------------------------------------------------- */

#side_menu {
	padding-top: 20px;
	padding-left: 30px;
	width: 192px;
	background: url(/images/sidemenu_bg.jpg) no-repeat top;
	font: italic 14px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	height: 300px;
	padding-bottom:120px;
}

#side_menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#side_menu a {
	text-decoration: none;
	color: #407aa9;
}

#side_menu a:hover {
	color: #aca83a;
}

#side_menu a.selected {
	color: #9FCF67;
	font-weight: bold;
}

ul#sub-sidnav {
	margin-left:20px;
}


/* ---------------------------------------------------------------------------
	
	FOOT

--------------------------------------------------------------------------- */

#footer {
	margin: 0 auto;
	padding: 60px 0 10px 0;
	color: #999;
	background:url(../images/footer-bg.gif) no-repeat top center #f1f8fd;
	width: 900px;
	text-align: center;
	font-size: 10px;
	position:absolute;
	bottom:0;
}

.address_gold {
	font-weight: bold;
	color: #80561b;
}

.address_blue {
	font-weight: bold;
	color: #407aa9;
}

/* ---------------------------------------------------------------------------
	
	FORMS

--------------------------------------------------------------------------- */

label {
padding-right: 10px;
color: #333;
font-size: 90%;
}

span.notice {
padding: 0 2px;
background-color: #e2e171;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 90%;
font-weight: normal;
color: #333;
}

input, 
select, 
textarea {
font-size: 100%;
}

textarea { height: 100px; }

input#submit { font-size: 100%; }

#submit.right { float: right; }

dl.two_column { width: 100%; }

dl.two_column dt {
float: left;
width: 104px;
text-align: right;
}

dt label {
font-weight: bold;
}

dl.two_column dd {
margin-left:104px;
}

dl.two_column dd.clear {
clear: both;
margin: 0;
}

dl.two_column {
margin-bottom: 0;
}

.full { width: 505px; }

/* ---------------------------------------------------------------------------
	
	MISC

--------------------------------------------------------------------------- */

.clear {
clear:both;
}

ul.publications li {
list-style:none;
margin:0;
}

img.showroom {
border:3px inset #00457c;
margin-bottom:10px;
}