@charset "UTF-8"; 

/* Common catch all */
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, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0}
ul{list-style:none}
ol{list-style:none}
a, a:link, a:visited{text-decoration:none; color:#0079B8; font-size:14px}
a:hover{text-decoration:underline; color:#0079B8}
p{font-size:14px; text-decoration:none; text-align:center; line-height:21px; color:#454A4F}
.clearfix{clear:both; display:block; overflow:hidden; width:0; height:0}
body{color:#454A4F; font-size:12px; font-family:'Trebuchet MS',Geneva,Arial,Helvetica,sans-serif; line-height:175%; background-color:#8D979F}

/* header */
#header_wrapper{height:69px; background-repeat:repeat-x; min-width:871px; width:auto !important; width:871px; margin:0px auto; padding:0px 20px; background-image:url(../images/header_ground.png); background-color:#8C979E; position:relative; background-position:0px 0px}
#header{height:69px; position:relative; display:block; width:811px; margin:0px auto; padding-right:30px; padding-left:30px; background-image:url(../images/head_ground.png); background-repeat:no-repeat; background-position:center 0px; text-align:right}
#header h2{margin:0; font-family:'Trebuchet MS',Geneva,Arial,Helvetica,sans-serif; font-size:24px; font-weight:bold; color:#ECECEC; text-decoration:none; padding:0; line-height:50px}

/* content */
#content_wrapper{background-repeat:no-repeat; background-position:center top; min-width:871px; width:auto !important; width:871px; margin:0px auto; position:relative; padding:0px 20px; background-image:url(../images/ground.png); background-color:#ECECEC}
#container{position:relative; display:block; width:871px; margin:0px auto; padding-right:0px; padding-left:0px; background-image:url(../images/content_ground.png); background-repeat:no-repeat; background-position:center top}
#mainContent{padding:0px 0px; height:520px; width:849px; background-color:#FFF; margin-left:12px; margin-right:12px; margin-top:0px}
#mainContent p{display:block; margin-top:20px; margin-bottom:20px; padding-right:30px; padding-left:30px; margin-right:0px; margin-left:0px; padding-top:0px; padding-bottom:0px}
#logo{background-image:url(../images/jolin_logo_lg.png); display:block; height:198px; width:254px; text-indent:-9000px; margin-top:0px; margin-left:305px; margin-right:305px; margin-bottom:10px; background-repeat:no-repeat; background-position:center bottom; padding:0px; line-height:198px}
#logo h1 a{display:block; height:198px; width:254px; text-indent:-9000px; line-height:198px}

/* home page manufacturerlogos */
#row1, #row2{height:87px; width:811px; clear:none; float:left; padding-bottom:5px; padding-top:10px; padding-right:19px; padding-left:19px}
#row1 div, #row2 div{border-top-width:2px; border-bottom-width:2px; border-top-style:solid; border-bottom-style:solid; border-top-color:#FFFFFF; border-bottom-color:#FFFFFF; position:relative;}
#row1 div:hover, #row2 div:hover{border-top-width:2px; border-bottom-width:2px; border-top-style:solid; border-bottom-style:solid; border-top-color:#0079B8; border-bottom-color:#0079B8}
#row1 div.empty:hover, #row2 div.empty:hover{border-top-width:2px; border-bottom-width:2px; border-top-style:solid; border-bottom-style:solid; border-top-color:#FFFFFF !important; border-bottom-color:#FFFFFF !important;}
#row1 a, #row2 a, #row1 a:link, #row2 a:link, #row1 a:visited, #row2 a:visited{height:77px; line-height:87px; text-align:center; display:block; text-indent:-9000px; font-size:1px; color:#CCC}

/* nav */
#nav{background-image:url(../images/nav_ground.png); background-position:center top; height:43px; width:849px; margin:0px; text-align:center; padding:0px; position:absolute; top:470px}
#nav ul{display:inline; margin:0px 0px 0px 20px; padding:0px; text-align:center; text-indent:0px; height:36px}
#nav li{display:inline; font-size:18px; height:36px; margin:0px; padding:0px 0px 7px; position:relative;}
#nav li:hover{border-top-width:2px; border-top-style:solid; border-top-color:#0079B8; color:#0079B8; text-decoration:none}
#nav li a{color:#8C979E; text-transform:uppercase; font-weight:bold; text-decoration:none; height:36px; padding:10px 16px; line-height:29px; margin:0px}
#nav li a:hover{color:#0079B8; text-decoration:none}

/* footer */
#footer_wrapper{height:129px; background-repeat:repeat-x; min-width:871px; width:auto !important; width:871px; margin:0px auto; padding:0px 20px; background-image:url(../images/footer_ground.png); background-color:#8C979E; position:relative; background-position:0px 0px}
#footer{height:129px; position:relative; display:block; width:811px; margin:0px auto; background-image:url(../images/foot_ground.png); background-repeat:no-repeat; background-position:center top; padding-top:0px; padding-right:30px; padding-bottom:0px; padding-left:30px}
#footer p{font-size:11px; font-weight:normal; color:#8D979F; text-decoration:none; line-height:11px}
#footer p a{font-size:11px; font-weight:normal; color:#8D979F; text-decoration:none}
#footer p a:hover{color:#ECECEC; text-decoration:underline}
#footer p.copyright{float:left; height:20px; width:300px; text-align:left; margin:0px; padding:35px 0px 0px 15px; display:block; clear:both}
#footer p.byline{float:right; height:20px; width:300px; margin:0px; padding:35px 15px 0px 0px; clear:right; display:block; text-align:right}

/* home page manufacturer logo classes */
.anarchy, .angel, .helium, .oam, .endlessbreak, .cobian, .islanddaze, .austins, .remote, .company, .shakalaka, .empty, .custom, .boxercraft{display:block; clear:right; float:left; background-repeat:no-repeat; background-position:center center; padding:5px;}
/* row 1 */
.anarchy, .angel, .helium, .oam, .endlessbreak, .cobian, .custom, .boxercraft{width:125px; height: 77px;}
/* row 2 */
.islanddaze, .austins, .remote, .company, .shakalaka {width:151px; height: 77px;}
.empty {width:0px; height: 77px;}
/* logos */
.cobian{background-image:url(../images/cobian.png)}
.anarchy{background-image:url(../images/anarchy.png)}
.angel{background-image:url(../images/Angel.png)}
.helium{background-image:url(../images/Helium.png)}
.oam{background-image:url(../images/oam.png)}
.custom {background-image:url(../images/custom.png)}
.boxercraft{background-image:url(../images/boxercraft.png)}
.endlessbreak{background-image:url(../images/endlessbreak.png)}
.islanddaze{background-image:url(../images/islanddaze.png)}
.austins{background-image:url(../images/austins_icon.png)}
.remote{background-image:url(../images/remote.png)}
.company{background-image:url(../images/company.png)}
.shakalaka{background-image:url(../images/shakalaka_logo.png)}

/* misc classes */
.underline{border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#8D979F; font-size:14px; font-weight:bold}
/* Mac IE hack to hide leaking border \*/
.on{border-top-width:2px; border-top-style:solid; border-top-color:#0079B8; color:#0079B8 !important; text-decoration:none;}
/* */
#links {background-position: center; text-align: center; padding-top: 10px; padding-bottom: 10px; position: relative; height: 375px;}
#links img, #links object {padding: 0px 15px 20px;}
.links_nav {top:553px !important;}
.tb {margin-top: 10px;}
.links_page {height:603px !important;}