html {
	background-color: #244383;
}

body {
font-family: verdana, arial, sans-serif;
font-size: .8em;
}

legend {
color: #244383;
font-size: 1.2em;

}

h3 {font-weight: bold}

a:focus {
outline-width: 0;
}

#main ul {
padding-left: 3em;
list-style-type: disc;
}

#main ol {
padding-left: 3em;
list-style-type: decimal;
}

#wrap1 {
background: #879abb url('../images/water-bg-repeater.jpg') center -35px repeat-x;
}

#wrap2 {
background: transparent url('../images/bottom-bg.gif') left bottom repeat-x;

}

#wrap3 {
width: 778px;
margin: 0 auto;
position: relative;
background: transparent url('../images/ski-trans.png') 80px -15px no-repeat;
}

#logo {
position: absolute;
top: -55px;
}

#ribbon {
position: absolute;
right: 75px;
top: -45px;
}

#top {
position: relative;
height: 185px;
}

#nav {
position: absolute;
bottom:0;
right: 0;
}

#nav li {
float: left;
margin: 0 1px;
}

#nav li a {
cursor: pointer;
background: transparent url('../images/tab-trans.png') left top no-repeat;
display: block;
overflow: hidden;
width: 69px;
height: 32px;
text-align: center;
line-height: 32px;
color: #244383;
text-decoration: none;
text-transform: lowercase;
padding: 0 10px;
position: relative;
}

#nav li a:hover, #nav li.current a, #nav li:hover a, #nav li.hover a {
background-image: url('../images/tab-hover-trans.png');
color: white;
}

#nav li ul {
display: none;
position: absolute;

background-color: #162a51;
z-index: 9999;
}

#nav li:hover ul {
display: block;
}

#nav li ul li {
float: none;
padding: 0;
}

#nav li li a {
background-image: none !important;
line-height: 1;
width: auto;
text-transform: none;
height: 1.2em;
padding: 5px 10px;
color: white;
}

#middle {
background: #d1dded url('../images/border-repeater-trans.png') left top repeat-y;
padding: 0 2px 0 2px;
}

#main {
background: transparent url('../images/grad-big.gif') left 274px repeat-x;
font-size: .85em;
color: #1c2a38;
}

#main.products {
background-position: left 180px;
padding-top: 3em;
}

#main.history {
background-position: left top;
}

#main a {
color: #1c68aa;
}

#main #flash {
border: 3px solid #d1dcec;
border-top-width: 20px;
border-left-width: 0;
margin: 0;
}

#main.products #flash {
background-color: #fff;
border-color: #fff;
padding-bottom: 1em;
}

#main .full {
margin-left: 2px;
}

#main .left {
width: 54%;
float: left;
margin-left: 2px;
}

#main .right {
width: 45%;
border-left: 2px solid #d1dded;
float: right;
margin-right: 2px;
}

#main img { margin: 0px; }

#main .section {
padding: 16px;
}

#main .section img {
	margin: 10px;
}

#main .darksection {
padding: 1em 1em 0 1em;
min-height: 160px;
margin-left: 2px;
background: transparent url('../images/grad-small.gif') left top repeat-x;
}

#main h2, .right label span {
display: block;
color: #244383;
font-size: 1.2em;
font-weight: bold;
}

#main p {
padding: .5em 1em;
}


#content {
position: relative;
}

#bottom {
padding-top: .5em;
text-align: center;
color: #d1dcec;
	background-color: #244383;
}

#bottom li {
	display: inline;
	padding: 0 20px;
}

#bottom ul {
	background-color: #244383;
}

.right select, .right input.text {
width: 200px;
border: 2px solid white;
color: #244383;
font-family: verdana, arial, sans-serif;
font-size: 1.2em;
}

.full h2 {
clear: both;
}

.right input.button {
	background: transparent url('../images/button-trans.png') center center no-repeat;
	color: white;
	text-transform: uppercase;
	border-width: 0;
	cursor: pointer;
	padding: 5px 10px;
}

.right label {display: block;padding-bottom: .75em;}

/* ============================================================
	Clearfix
============================================================ */

.clearfix:after, #main:after, #content:after, #middle:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #main, #content, #middle {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #main, * html #content, * html #middle {height: 1%;}
.clearfix, #main, #content, #middle {display: block;}
/* End hide from IE-mac */