* {
margin: 0;
padding: 0;
}
body {
background: #f2efef url('../img/bg/headgradient.jpg') repeat-x 0 40px;
font: 62.5%/2em Arial,Helvetica,sans-serif;
margin: 0;
text-align: center;
}
#topotheheap {
background: #d8d8d8;
height: 40px;
}
#date {
color: #f2efef;
font-size: 1.1em;
height: 20px;
margin: 0px auto;
padding: 10px 0;
text-align: left;
width: 900px;
}
#container {
color: #000;
margin: 0px auto;
text-align: left;
width: 900px;
}
#header {
background: url('../img/header/encoderdiscs.jpg') no-repeat top left;
height: 345px;
width: 900px;
}
#underdog {
background: #eae8e8;
height: 40px;
}
#copyright {
color: #acadae;
font-size: 1.0em;
height: 20px;
margin: 0px auto;
padding: 10px 0;
text-align: left;
width: 900px;
}
#logo {
margin: 16px 0;
}
/*--[ content divs ]--*/
#welcome {
color: #969797;
font-size: 1.4em;
margin: 30px 0;
}
#interiortop {
color: #969797;
font-size: 1.4em;
margin: 30px 0;
width: 600px;
}
#encoderdiscs {
color: #969797;
float: left;
font-size: 1.4em;
margin: 30px 0;
width: 450px;
}
#specsheet {
color: #969797;
float: left;
font-size: 1.4em;
margin: 30px 0;
padding-left: 100px;
width: 350px;
}
/*--[ main navigation ]--*/
#navcontainer {
background: #f2efef;
height: 71px;
padding: 10px 0 0 0;
text-align: center;
width: 900px;
}
#navlist li {
background: url('../img/bg/slash.png') no-repeat right 17px;
display: block;
float: left;
font-size: 1.3em;
height: 46px;
list-style-type: none;
padding: 10px 15px 0 15px;
text-align: center;
width: 120px;
}
#navlist li a:link {
color: #a2a1a1;
text-decoration: none;
}
#navlist li a:visited {
color: #a2a1a1;
text-decoration: none;
}
#navlist li a:hover {
color: #505050;
text-decoration: none;
}
#navlist li a#current {
color: #505050;
text-decoration: none;
}
/*--[ common links ]--*/
.mostlinks a:link {
border-bottom: 1px #1c5ad8 solid;
color: #1c5ad8;
text-decoration: none;
}
.mostlinks a:visited {
border-bottom: 1px #1c5ad8 solid;
color: #1c5ad8;
text-decoration: none;
}
.mostlinks a:hover {
border-bottom: 1px #545a5d solid;
color: #545a5d;
text-decoration: none;
}
/*--[ readmore link ]--*/
.readmore {
clear: both;
padding: 20px 0;
}
.readmore img {
float: left;
padding: 0 15px 0 0;
}
.readmore a:link {
border-bottom: 1px #1c5ad8 solid;
color: #1c5ad8;
text-decoration: none;
}
.readmore a:visited {
border-bottom: 1px #1c5ad8 solid;
color: #1c5ad8;
text-decoration: none;
}
.readmore a:hover {
border: 1px #545a5d solid;
color: #545a5d;
text-decoration: none;
}
/*--[ copyright link ]--*/
#copyright a:link {
border-bottom: 1px #acadae solid;
color: #acadae;
text-decoration: none;
}
#copyright a:visited {
border-bottom: 1px #acadae solid;
color: #acadae;
text-decoration: none;
}
#copyright a:hover {
border-bottom: 1px #545a5d solid;
color: #545a5d;
text-decoration: none;
}
/*--[ text stylie ]--*/
h2, h3 {
color: #545a5d;
font-weight: normal;
}
h2 {padding-bottom: 10px;}
h3 {
padding: 10px 0;
}
/*--[ forms ]--*/

fieldset {
border: none;
text-align: left;
margin: 0 auto;
width: 400px;
margin: 30px;
padding: 5px;
font-size: .9em;
}

legend {
font-weight: bold;
padding: 5px;
}

input, select, textarea {
font-weight: bold;
color: #333;
margin: 2px 0;
}

input {
width: 20em;
}
textarea {
width: 17em;
}
#city {
width: 8em;
}
#state {
width: 5em;
}
#zip {
width: 6em;
}
#submit {
margin-right: 18px;
width: 7em;
}
label {
width: 10em;
float: left;
padding: .2em .8em 0 0;
margin-right: .4em;
text-align: right;
font-size: 1.1em;
}


label span {
display: block;
color: #888;
font-size: 0.8em;
margin-bottom: 0.5em;
}

#message {
border: #ccc 1px solid;
background-color: #fff;
padding: 5px 8px;
}

input.invalid, textarea.invalid, select.invalid {
background-color: #bfd9f4;
}

label.invalid {
color: #F00;
}

.required {
color: #bfd9f4;
}
/*--[ stock ]--*/
img {
border: none;
}
.clear {
clear: both;
}
.imgpad10 {
padding: 10px 0;
}
.imgpad10l {
float: left;
padding: 0 10px 10px 0;
}
.imgpad10r {
float: right;
padding: 0 0 10px 10px;
}
.imgpad54 {
float: left;
padding: 5px 54px 5px 0;
}