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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }

.clear { clear:both; }
.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:1px; font-size:1px; }


/* GENERAL */
html, body { height: 100%; }
body {  font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#101010; background-color:#FFFFFF;  }
h1 { font-size:22px; font-weight:bold; color:#6DBAFA; padding-bottom:5px; }
h2 { font-size:16px; font-weight:bold; color:#6DBAFA; padding-top:10px; }
h3 { font-size:14px; font-weight:bold; color:#6DBAFA; padding-bottom: 5px;}
p { font-size:12px; color:#101010; line-height:16px; }
a { font-weight:bold; color:#6DBAFA; text-decoration:underline; }
a:hover { color:#FF0000; }

#container { width:960px; min-height: 100%; margin-bottom: -330px; position: relative; margin-left:auto; margin-right:auto; }

.footer, .push { height:330px; /* .push must be the same height as .footer */ }
.clearfooter { height: 330px; clear: both; }


/* HEADER */
#background1 { background: url('images/header_01.jpg') no-repeat top; }
#background2 { background: url('images/header_02.jpg') no-repeat top; }
#header1 { height:368px; padding:0 0 25px 0; }
#header2 { height:200px; padding:0 0 25px 0; }

#logo { display:inline-block; width:270px; float:left; }

#btnLogin { display:block; float:right; padding:10px 0 0 0; vertical-align:top;}
#btnLogin a { display:block; width:104px; height:36px; background: url('images/btn_login.jpg') no-repeat; }
#btnLogin a:hover {  background-position: 0 -36px;  }
#btnLogin a:active {  background-position: 0 -72px;  }

#nav { padding:87px 0 0 340px; margin:0;}
#nav li { display:inline;  font-weight:bold; white-space:nowrap; float:left; }
#nav a { font-size:12px; color:#101010; text-decoration:none; padding:10px 20px;}
#nav a:hover { color:#101010; background-color:#dceffc; }
#active a { color:#101010; background-color:#bce0fa; }

#banner { display:inline-block; height:625px; width:251px; margin:0; padding:10px 0 0 0;} /* There is 10px of padding on top because of the padding on the #nav a */


/* SIDEBAR */
#sidebar { width:270px; float:left; display:inline; margin:0; padding:0; }
#sidebar img { padding:0px; margin:0px; }
#sidebarContent { width:240px; padding:0px 15px; margin:0px; background-color:#f2f2f2; vertical-align:top;}
#sidebarContent p { padding:0 0 20px 0; }
#btnBuy a { display:block; width:138px; height:47px; background: url('images/btn_buy.jpg') no-repeat; margin-left:auto; margin-right:auto; }
#btnBuy a:hover {  background-position: 0 -47px;  }
#btnBuy a:active {  background-position: 0 -94px;  }

#adMember {margin-bottom:25px; }
#adMember a { display:block; width:270px; height:296px; background: url('images/feat_membership.jpg') no-repeat; }
#adMember a:hover { background-position:0 -296px; }


/* MAIN */
#main { width:670px; float:right; display:inline-block; }
.divider { background:url('images/line_div_gray.jpg') no-repeat; width:670px; height:3px; margin:20px 0; }
.dividerNarrow { background:url('images/line_div_gray.jpg'); width:670px; height:3px; margin:0 0 10px 0; }
.list { list-style:disc; list-style-position:inside; line-height:20px; }
.form { padding:10px 0;}
.finePrint { font-size:10px; text-align:center; }
.finePrint a { font-size:10px; }
.finePrint a:hover {font-size:10px; }

#btnJoin a { display:block; width:138px; height:47px; background: url('images/btn_join.jpg') no-repeat; margin-left:auto; margin-right:auto; }
#btnJoin a:hover {  background-position: 0 -47px;  }
#btnJoin a:active {  background-position: 0 -94px;  }

#btnDownload { margin-top:25px; }
#btnDownload a { display:block; width:138px; height:47px; background: url('images/btn_download.jpg') no-repeat; margin-left:auto; margin-right:auto; }
#btnDownload a:hover {  background-position: 0 -47px;  }
#btnDownload a:active {  background-position: 0 -94px;  }


/* FOOTER */
#footer { height:330px; position:relative; background:#121212 url('images/footer_slice_01.jpg') repeat-x top; padding:75px 0 0 0; }
#footerContainer { width:960px; margin:0 auto; display:block; }
.navSubPadding { width:60px; }
.navSub { width:270px; display:inline-block; vertical-align:top;}
.navSub p { color:#FFFFFF; font-size:12px; }
.navSub ul {list-style:disc; list-style-position:inside; color:#FFFFFF; line-height:20px; }
.navSub a { color:#ffffff; font-weight:normal; text-decoration:none; font-size:12px;}
.navSub a:hover { color:#6DBAFA; text-decoration:underline; }
.navSubLine { width:270px; height:4px; background:url('images/line_div_black.jpg') no-repeat; padding-bottom:20px; }