@charset "UTF-8";



/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }


/* Layout */
#homewrap { width: 100%; height: 730px; clear: both; background-image: url('../images/BackgroundHome.jpg'); background-position: center top; background-repeat: no-repeat; }
#brandwrap { width: 100%; height: 730px; background-image: url('../images/BackgroundBrand.jpg'); background-position: center top; background-repeat: no-repeat; }
#generalwrap { width: 100%; min-height: 730px; }
/* mac hide \*/
* html #generalwrap { height: 730px; }
/* end hide */


#centerwrap { width: 930px; margin: 0 auto; position: relative; }

#header { width: 100%; height: 170px; }
#headerimg { width: 100%; height: 170px; background-image: url('../images/JemAwake-sub.jpg'); background-position: center top; background-repeat: no-repeat; }

#navigation { height: 30px; width: 645px; margin: 0 auto; position: relative; top: 115px; }

#flash { width: 930px; height: 430px; }

#contentbackground { background-color: #fff; }

#content { width: 930px; margin: 0 auto; }
#inner { height: 390px; padding: 20px 60px 20px 115px; }
#clear { clear: both; }

#imageleft { float: left; }
#imageright { float: right; padding-right: 60px; }

#contacttext { float: left; width: 420px; position: relative; top: 60px; left: 30px; }
.contact { width: 200px; float: left; margin-right: 10px; }
.contact span.caps { text-transform: uppercase; font-weight: bold; }
#abouttext { float: left; width: 380px; position: relative; top: 60px; left: 30px; }
#brandlogos { width: 700px; height: 250px; position: relative; top: 40px; }

#footer { height: 130px; }
#footerimg { width: 100%; height: 170px; background-image: url('../images/Footer-sub.jpg'); background-position: center top; background-repeat: no-repeat; }

#copywrap { width: 930px; margin: 0 auto; }
#copyright { width: 200px; position: relative; top: 55px; left: 700px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #444; text-align: right; }


/* Brand Gallery */
#brands { width: 930px; height: 430px; position: relative; }
#brandimages { width: 465px; height: 420px; position: absolute; top: 15px; left: -55px; float: left; }
#brandinfo { width: 350px; height: 250px; position: absolute; top: 75px; left: 465px; float: left; }
#brandinfo p { font-size: 1.2em; margin-top: 1em; margin-bottom: 2em; }
#brandnav { width: 350px; position: absolute; top: 325px; left: 465px; float: left; }
#previous { float: left; width: 120px; font-size: 1.2em; }
#next { float: left; font-size: 1.2em; }
#brands a { color: #666; text-decoration: none; }


/* Press Gallery */
#gallery { width: 650px; height: 800px; padding: 40px 0 40px 165px; }
.galleryBox { width: 122px; height: 210px; float: left; margin-right: 25px; margin-bottom: 5px; }
.galleryBox img { border: solid 1px #999; margin-bottom: .5em; }
.galleryBox p { font-size: 1.2em; margin: 0; line-height: 1.2em; text-align: center; color: #666; }
#press { width: 300px; position: relative; top: 20px; left: 200px; }
#pressnav { position: relative; left: 210px; }
#pressnav a { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #333; }
.navbutton { width: 22px; height: 40px; vertical-align: middle; margin: 0 20px; }

#gallery li { float: left; width: 122px; height: 210px; margin-right: 25px; margin-bottom: 5px; list-style: none; }
#gallery img { border: solid 1px #999; margin-bottom: .5em; }
#gallery p { font-size: 1.2em; margin: 0; line-height: 1.2em; text-align: center; color: #666; }


#slideshow { width: 650px; padding: 20px 0 40px 100px; }


/* General Styles */
html { }
body { font-size: 62.5%; color: #333; background-color: #244465; width: 100%; }

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin-top: 2em; margin-bottom: 2em; line-height: 1.4em; }

a { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
a:link { color: #003366; text-decoration: none; }
a:visited { color: #003366; text-decoration: none; }
a:hover { color: #336699; text-decoration: none; }
a:active { }
a img { border: none; }

img, div { behavior: url(../iepngfix.htc) }