@charset "UTF-8";
/* CSS Document */

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin:0 auto;}
.margin-bottom {margin-bottom:10px;}
.margin-right {margin-right:10px;}
.center {font-weight:bold;
text-align:center;}
.border-bottom {border-bottom:1px dotted;
padding-bottom:13px;}
.sample {}
.small {font-size:10px;
letter-spacing:-0.3px;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
a {color:#00A3D8;
text-decoration:none;}
a:hover {color:#1A1A1A;}


body {background:#242424 none repeat scroll 0 0;
color:#444444;
font-family:helvetica,arial,sans-serif;}

#header {background:#0C2640 none repeat scroll 0 0;
height:64px;
width:100%;}

#header-wrap {height:64px;
margin:0 auto;
width:700px;}

#billboard {background:#242424 url(images/background-billboard.jpg) repeat-x scroll left top;
border-top:1px solid;
width:100%;}

.billboard-index {height:311px;}

.billboard-index img {position:absolute;
top:6px;}

#billboard-wrap {
margin:0 auto;
position:relative;
width:700px;}

#logo {float:left;
width:294px;}

#logo a {background:transparent url(images/logo.jpg) no-repeat scroll left top;
display:block;
float:left;
height:64px;
text-indent:-9999px;
width:294px;}

ul#navigation {float:right;
padding-top:29px;}

ul#navigation li { 
display:inline;
}

ul#navigation li a {
color:#DAE8EC;
float:right;
font-family:helvetica;
font-size:12px;
margin-left:22px;
text-decoration:none;
text-transform:uppercase;
display:block;}

a.current-page {color:#73DAFB !important;}

ul#navigation li a:hover {color:#73DAFB !important;}

#content {background:#FFFFFF url(images/background-content.jpg) repeat-x scroll left top;
padding-bottom:50px;
width:100%;}

#content-wrap {margin:0 auto;
overflow:hidden;
padding-top:46px;
width:700px;}

#sidebar {float:right;
width:270px;}

#footer {background:#242424 url(images/background-footer.jpg) repeat-x scroll left top;
padding:20px 0 40px;}

#footer-wrap {margin:0 auto;
width:700px;}


/* TYPOGRAPHY */

h1 {border-bottom:1px dotted #CCCCCC;
color:#0C2641;
font-size:18px;
font-weight:bold;
margin-bottom:13px;
padding-bottom:10px;}

h2 {}

p {font-size:13px;
line-height:15px;
margin-bottom:14px;}

ul {list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding-left:14px;}

li {font-size:13px;
line-height:15px;
padding-bottom:7px;}

.copyright {color:#CCCCCC;
font-size:11px;
font-weight:normal;}

.callout {background:#EDFAFD none repeat scroll 0 0;
color:#000000;
font-size:13px;
font-weight:bold;
padding:12px;}

.content-small {float:left;
width:394px;}

.button-samples {background:transparent url(images/button-view-samples.jpg) no-repeat scroll 0 0;
display:block;
height:35px;
margin-top:18px;
text-indent:-9999px;
width:183px;
cursor:pointer;}

.button-order-now {background:transparent url(images/button-order-now.jpg) no-repeat scroll 0 0;
display:block;
height:35px;
margin-top:18px;
text-indent:-9999px;
width:183px;
cursor:pointer;}

.button-order-now:hover, .button-samples:hover {background-position:0 -35px;}

/* FAQ STYLES */

#FAQ h3 {background:#E5F1F4 url(images/background-answer.jpg) no-repeat scroll 6px 10px;
color:#1B1B1B;
cursor:pointer;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
padding:10px 10px 10px 30px;}

#FAQ h3:hover {color:#13B0E3;}

#FAQ h3.open {background:#E5F1F4 url(images/background-answer-open.jpg) no-repeat scroll 6px 10px;}

div.answer {}

/* FORM STYLES */

.order-form {border-right:1px dotted #CCCCCC;
float:left;
margin-right:40px;
padding-right:40px;}

form {}

form#contact input {background:transparent url(images/background-input.jpg) no-repeat scroll left top;
border:0 none;
font-size:15px;
font-weight:bold;
height:20px;
margin-bottom:10px;
padding:7px;
width:276px;}

form label {font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#3a3a3a;}

textarea {background:transparent url(images/background-textarea.jpg) no-repeat scroll 0 0;
border:medium none;
font-family:helvetica;
font-size:13px;
font-weight:bold;
height:132px;
margin-bottom:10px;
padding:10px;
width:301px;}

form#contact #signup-btn1 {background:transparent url(images/background-button.jpg) no-repeat scroll 0 0;
color:#3A3A3A;
font-size:14px;
height:29px;
padding:0 0 2px;
width:82px;}

.required { color:#FF0000;}

.thankyou {background:#CDFFCF none repeat scroll 0 0;
border:1px solid #56FF5E;
padding:10px;}