/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote,  pre, form, fieldset, table, th, td, img, label{ 
margin: 0; 
padding: 0; 
border: 0;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
body{
background: url(/img/bg_body.png) repeat-x 0 50px;
}
body, p, div, li, h1, h2, h3, h4, h5, input, textarea{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #656565;
line-height: 20px;
}
p{
margin: 20px 0px 20px 0px;
}
h1{
color: #3993c2;
font-size: 17px;
margin-bottom: 10px;
}
h2{
color: #3993c2;
font-size: 17px;
margin: 40px 0px 10px 0px;
}
h3{
color: #4a4a4a;
font-size: 15px;
margin-bottom: 10px;
}
h4{
color: #4a4a4a;
font-size: 14px;
border-bottom: 1px solid #CCCCCC;
margin: 30px 0 0 0;
}
h5{
color: #4a4a4a;
font-size: 15px;
margin: 30px 0px 10px 0px;
}
a:link, a:visited, a:active{
text-decoration: none;
color: #000;
}
a:hover{
text-decoration:underline;
}
.screeninfo a:hover{
border-bottom: 2px solid #3993c2;
text-decoration: none;
}
#homeright p{
margin-top: 20px;
}
#wrapper{
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -160px;
}
#footer {
height: 130px;
width: 950px;
margin: 0 auto;
padding: 20px 0px 10px 0px;
border-top: 1px solid #c4c4c4;
}
#push{
height: 160px;
width: 950px;
margin: 0 auto;
}
#footer div{
width: 250px;
padding: 0px 10px 0px 10px;
float: left;
font-weight: bold;
font-size: 11px;
line-height: 16px;
}
#footer div a{
color: #a0a0a0;
}
.altfooter{
margin-left: 53px;
}
#headerholder{
width: 100%;
border-bottom: 1px solid #429ec5;
background: #3993c2;
}
#header{
height: 92px;
background: #3993c2;
width: 960px;
margin: 0 auto;
}
#logo{
width: 302px;
float: left;
padding-top: 32px;
}
#nav{
height: 23px;
padding-top: 36px;
width: 504px;
float: right;
}
#homeheader{
width: 100%;
height: 320px;
background: url(/img/bg_homeheader.png) repeat-x;
}
#homeabout{
width: 950px;
height: 265px;
padding: 45px 5px 5px 5px;
background: url(/img/bg_hometexture.png) no-repeat;
margin: 0 auto;
font-size: 17px;
color: #c5d8e2;
text-shadow: #3381aa 1px 1px 0px;
text-align: justify;
line-height: 22px;
}
#homescreens{
margin: 0 auto;
margin-top: -169px;
width: 960px;
}
#homescreens > div{
width: 304px;
float: left;
}
.altscreen{
margin-left: 19px;
margin-right: 19px;
}
#homeleft{
float: left;
width: 605px;
padding-left: 10px;
}
#homeright{
float: right;
width: 283px;
padding-right: 10px;
}
.screenshot{
width: 304px;
height: 202px;
padding: 0px 5px 5px 5px;
background: url(/img/bg_screenshot.png) no-repeat bottom center;
}
.screeninfo h1{
color: #4a4a4a;
font-size: 17px;
line-height: 25px;
margin: 0;
}
.screeninfo{
padding: 10px 10px 0px 10px;
border-bottom: 1px solid #dadada;
color: #4a4a4a;
font-size: 13px;
width: 284px;
margin-left: 5px;
}
.screeninfo p{
margin-top: 13px;
}
.screeninfo a{
color: #45afe1;
font-weight: bold;
}
#contenthome{
width: 950px;
margin: 355px auto 30px auto;
}
#content{
width: 950px;
margin: 30px auto 30px auto;
}
#contentleft{
float: left;
width: 616px;
}
#contentright{
float: right;
width: 284px;
}
#contentright p{
margin-top: 30px;
}
.about{
font-size: 14px;
line-height: 22px;
}
.homelists {
margin-left: 0;
padding-left: 0;
list-style: none;
}
.homelists li {
padding-left: 20px;
padding-bottom: 4px;
background: url(/img/checkmark.png) no-repeat 0px 5px;
}
#homeright ul, #contentright ul{
margin-top: 10px;
}
.white{
color: #FFF;
}
.clear{
clear: both;
}
.clearleft{
clear: left;
}
a.pricing {
background: url(/img/ordernow.png) no-repeat 0 0;
width: 234px;
height: 36px;
display: block;
text-indent: -9999px;
text-decoration: none;
border: 0;
}
a.pricing:hover { background-position: 0 -36px; }
#navsprites {
padding: 0;
margin: 0;
list-style: none;
width: 504px;
height: 23px;
overflow: hidden;
}
#navsprites li {
float: left;
margin-left: 31px;
}
#navsprites a {
display: block;
background-image: url(/img/nav.png);
padding-top: 23px;
text-decoration: none;
}
#nav1 {
width: 95px;
}
#nav1:hover {
background-position: 0px -23px;
}
#nav2 {
width: 96px;
background-position: -95px 0;
}
#nav2:hover {
background-position: -95px -23px;
}
#nav3 {
width: 38px;
background-position: -191px 0;
}
#nav3:hover {
background-position: -191px -23px;
}
#nav4 {
width: 50px;
background-position: -229px 0;
}
#nav4:hover {
background-position: -229px -23px;
}
#nav5 {
width: 68px;
background-position: -279px 0;
}
#nav5:hover {
background-position: -279px -23px;
}
/* Content pages */
label{
margin: 20px 0 5px 0;
display: block;
font-weight: bold;
font-size: 13px;
}

.logininput{
background: url(/streampromo/img/formbg.png) repeat-x #f9f9f9;
padding: 10px;
border: 1px solid #9a9a9a;
}
input.logininput{
font-size: 16px;
width: 275px;
}
textarea.logininput{
font-size: 14px;
width: 400px;
}
.orderinput{
background: url(/streampromo/img/formbg.png) repeat-x #f9f9f9;
padding: 5px;
border: 1px solid #9a9a9a;
}
input.orderinput{
font-size: 13px;
width: 275px;
}
textarea.orderinput{
font-size: 12px;
width: 400px;
}
label.error{
color: #da1717;
margin-top: 3px;
font-size: 11px;
}
input.error, textarea.error{
border: 1px solid #da1717;
}
.formfocus {
border: solid 1px black;
color: black;
}
.howleft{
float: left;
width: 350px;
}
.howright{
float: right;
width: 555px;
padding: 15px;
}
.howitworks{
margin-top: 35px;
}
.displaymessage{
background: #e0edda;
border: 1px solid #6b8461;
padding: 15px;
font-weight: bold;
}
#displaymessage{
background: #e0edda;
border: 1px solid #6b8461;
padding: 15px;
font-weight: bold;
display: none;
}
label.choice{
display:inline;
font-weight: normal;
font-size: 12px;
}
input.radio{
display: inline;
vertical-align: middle;
margin: 4px 5px 8px 0;
}
input.checkbox{
display: inline;
vertical-align: middle;
margin: 4px 5px 8px 0;
}
#vinylextra{
display: none;
}