@charset "utf-8";
/* CSS Document */
body, p, label, ul, li, h1, h2, h3, h4, h5, h6, h7, input, textarea{ margin: 0; padding: 0; list-style: none;}

body{font: normal 15px/24px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: url(../images/body.gif);
	}
	
img, div, input { behavior: url("iepngfix.htc") }

html a{ outline: none;}
a{ text-decoration: none; color: #009d57;}
a:hover{ text-decoration: underline; color: #009d57;}

img{ border: none;}

p{ padding: 10px 0;}

h1{ font: normal 18px/25px Arial, Helvetica, sans-serif; color:#009d57; padding-bottom: 10px;}
h3{ font: bold 14px/25px Arial, Helvetica, sans-serif; color:#009d57;}

#blocker{background: url(../images/body-bgx.png) repeat-x; padding-top: 24px;}

#page{ width: 1003px; background: url(../images/container-bgy.png) repeat-y; margin: 0 auto;}

#header{ overflow: hidden; background:url(../images/top-bg.jpg) no-repeat; padding: 8px; height: 100%;}

#header .top-head { background: black url(../images/head-bg.jpg) right top no-repeat; overflow: hidden; padding: 40px 0 20px 44px; height: 100%; }
#header .top-head h1{ float:left;}
#header .top-head h1 a{ width: 455px; height: 84px; display: block; text-indent: -999999px; background: url(../images/logo.jpg) no-repeat;}

#header ul#top-nav{overflow: hidden; background:#015fb6; border-top: solid 2px #0289da; border-bottom: solid 2px #0289da; padding-left: 57px; height: 100%}
#header ul#top-nav li{ float: left; padding-right: 20px;}
#header ul#top-nav li a{ text-indent: -9999px; display:block; height: 38px;}
#header ul#top-nav li a.home{ background:url(../images/top-nav.gif) left bottom no-repeat; width: 97px;}
#header ul#top-nav li a.home:hover,#header ul#top-nav li a.home.active{ background:url(../images/top-nav.gif) no-repeat;}

#header ul#top-nav li a.about{ background:url(../images/top-nav.gif) -123px bottom no-repeat; width: 130px;}
#header ul#top-nav li a.about:hover,#header ul#top-nav li a.about.active{ background:url(../images/top-nav.gif) -123px top no-repeat;}

#header ul#top-nav li a.login{ background:url(../images/top-nav.gif) -271px bottom no-repeat; width: 101px;}
#header ul#top-nav li a.login:hover,#header ul#top-nav li a.login.active{ background:url(../images/top-nav.gif) -271px top no-repeat;}

#header ul#top-nav li a.how{ background:url(../images/top-nav.gif) -391px bottom no-repeat; width: 171px;}
#header ul#top-nav li a.how:hover,#header ul#top-nav li a.how.active{ background:url(../images/top-nav.gif) -391px top no-repeat;}

#header ul#top-nav li a.join{ background:url(../images/top-nav.gif) -580px bottom no-repeat; width: 110px;}
#header ul#top-nav li a.join:hover,#header ul#top-nav li a.join.active{ background:url(../images/top-nav.gif) -580px top no-repeat;}

#header ul#top-nav li a.contact{ background:url(../images/top-nav.gif) -708px bottom no-repeat; width: 148px;}
#header ul#top-nav li a.contact:hover,#header ul#top-nav li a.contact.active{ background:url(../images/top-nav.gif) -708px top no-repeat;}





#container{overflow: hidden; padding: 0 8px; min-height: 420px; height: 100%;}

#container .top-area{ overflow: hidden; background:url(../images/top-img-bg.jpg) right bottom no-repeat; padding-left: 40px; height: 100%;}
#container .top-area .welcome-text{ width: 377px; float: left; font: bold 17px/24px Arial, Helvetica, sans-serif ; color: #333333; padding: 30px 0 12px 0; }
#container .top-area .welcome-text a{ color: #006699; text-decoration: none;}

#container .top-area .welcome-text h2{ background: url(../images/welcome.gif) no-repeat; width: 339px; height: 69px; text-indent: -99999px; display:block;}
#container .top-area .welcome-text .sign a{ background:url(../images/signup.gif) no-repeat; height: 54px; width: 204px; text-indent: -9999px; display: block; margin-top: 8px;}
#container .top-area .welcome-text .sign a:hover{ background:url(../images/signup.gif) left bottom no-repeat;}

#container .top-area .light{ float: right; padding: 30px 53px 0 0;}
#container .click{ border-top: solid 1px #efefef; padding: 8px 230px 4px 0; color: #bb020d; font: normal 12px/22px Arial, Helvetica, sans-serif; overflow: hidden; height: 100%; }
#container .click a{background: url(../images/plus.gif) left 5px no-repeat; color: #bb020d; text-decoration: none; padding-left: 15px; display:block; width: 90px; float:right;}


#center-area{ padding: 12px 40px 8px 40px;}
#center-area h2{ background: url(../images/body-shop.gif) no-repeat; width: 332px; height: 37px; text-indent: -99999px; display:block; padding-bottom:5px;}


#center-area .bottom-area{ overflow: hidden; padding: 12px 0 0 0;}

#center-area .bottom-area .left{ width: 398px; float:left; padding-top:5px;}
#center-area .bottom-area .right{ width: 455px; float: right;}



#center-area .bottom-area .right .click{ font: normal 12px/19px Arial, Helvetica, sans-serif; background: url() 167px 12px no-repeat; color: #bb020d; text-decoration: none; width:100px; padding-left:170px;}


.learn a{ background:url(../images/learn-more.gif) no-repeat; width: 398px; height: 32px; text-indent: -99999px; display:block;}



#footer{ margin: 0px auto; background:url(../images/bot-bg.png) no-repeat; width: 1003px; padding: 20px 0 50px 0; overflow: hidden; color: #ededef; height: 100%;}

#footer #nav{ float: left; width: 500px;}

#footer ul.top{ overflow: hidden;  height: 100%;}
#footer ul.top li{ float: left; padding: 0px 11px; border-right: solid 1px #9299a0; font: normal 15px/18px Arial, Helvetica, sans-serif;}
#footer ul.top li a{ color: #ededef; text-decoration: none;}
#footer ul.top li.no-bor{ border: none;}
#footer ul.top li a:hover, #footer ul.top li a.active{ color: #000; text-decoration: none;}

#footer ul.bot{ overflow: hidden; padding-top: 15px; height: 100%;}
#footer ul.bot li{ float: left; padding: 0px 11px; border-right: solid 1px #9299a0; font: normal 11px/14px Arial, Helvetica, sans-serif;}
#footer ul.bot li a{ color: #ededef; text-decoration: none;}
#footer ul.bot li.no-bor{ border: none;}
#footer ul.bot li a:hover, #footer ul.bot li a.active{ color: #000; text-decoration: none;}


.copy{ background:url(../images/copy.png) no-repeat; padding: 0 0 0 55px; float: right; width: 200px; }