body {padding:50px 0; background:#d7e7fc url("../design/bg.jpg") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif; text-align:center;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;}
a {color:#000;}
a:hover, a:active, a:focus {color:#1466C9;}
h1 {font-size:220%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
#main {width:920px; margin:0 auto; text-align:left;}
#header {position:relative; height:85px; background:url("../design/nav.png") 0 100% no-repeat; _z-index:200;}
#header a:hover {color:#0EB016;}
#header #logo {position:absolute; top:0; left:0; width:317px; height:19px; overflow:hidden; margin:0; background:url("../design/logo.png") 0 0 no-repeat; z-index:999;}
#header #logo a {display:block; width:317px; height:19px;}
#header #nav {position:absolute; top:35px; height:50px; overflow:hidden;}
#header #nav ul {position:relative; float:left; margin:0 0 0 5px; z-index:999;}
#header #nav ul li {display:inline;}
#header #nav ul li a {display:block; float:left; padding:0 12px; background:url("../design/nav-link.gif") 100% 50% no-repeat; line-height:40px;}
#header #nav ul li a#active {font-weight:bold; text-decoration:none; color:#0EB016;}
#header #nav ul li.last a {background:none;}
#header #custom {position:absolute; top:45px; right:10px; margin:0; z-index:999;}
#header #custom a {padding-top:12px; padding-right:10px; background:url("../design/new.png") 100% 7px no-repeat;}
#header #twitter {position:absolute; top:-23px; left:845px; z-index:999;}
#header #twitter a {padding:3px 7px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#000; color:#FFF; text-decoration:none;}
#header #twitter a:hover {background:#0EB016; color:#FFF;}
#header #pricetag {position:absolute; top:-5px; left:455px; width:49px; height:48px; overflow:hidden; background:url("../design/price.png") 0 0 no-repeat; z-index:999;}
#welcome {position:relative; top:-100px; left:0; height:450px; margin-bottom:-60px; background:url("../design/welcome.png") 50% 0 no-repeat; _z-index:100;}
#welcome ul {position:absolute; bottom:10px; left:0; margin:0;}
#welcome ul li {margin-top:15px; padding-left:50px; background:url("../design/ul.gif") 0 3px no-repeat; color:#555;}
#welcome ul li h3 {margin:0; font-size:120%; font-weight:bold; color:#000;}
#welcome #custom-banner {position:absolute; bottom:40px; right:20px; width:88px; height:88px; overflow:hidden; margin:0; z-index:999;}
#welcome #custom-banner a {display:block; width:88px; height:88px; background:url("../design/custom.png") 0 0 no-repeat;}
#welcome #custom-banner a:hover {background-position:0 -88px;}
#purchase {margin:20px 0 5px 0; padding:15px 0; border:1px solid #EDD36D; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#ffa; text-align:center;}
#purchase form, #purchase p {margin:0;}
#title {margin:0; font:normal 700%/1.5 "arial",sans-serif;}
#perex {font-size:120%;}
h2.join {position:relative; width:920px; height:77px; overflow:hidden; margin:0; padding:0;}
h2.join span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/join.png") 0 0 no-repeat; cursor:pointer;}
h2.join a:hover span {background-position:0 -77px;}
h3.title {padding-bottom:5px; background:url("../design/separator.gif") 0 100% repeat-x;}
ul.list {margin:25px 0 0 0;}
ul.list li {position:relative; display:block; float:left; width:290px; height:200px; overflow:hidden; margin-right:25px; margin-bottom:25px; -moz-box-shadow:0px 0px 4px #85B7F4; -webkit-box-shadow:0px 0px 4px #85B7F4; box-shadow:0px 0px 4px #85B7F4;}
ul.list li img {display:block; width:290px; height:200px;}
ul.list li.last {margin-right:0;}
ul.list li.free div {position:absolute; bottom:0; right:0; width:80px; height:80px; background:url("../design/free.png") 0 0 no-repeat;}
ul.ul li {margin-top:5px; padding-left:60px; background:url("../design/ul-02.gif") 20px 0 no-repeat; line-height:28px;}
dl.dl dt {padding-left:60px; background:url("../design/dt.gif") 20px 0 no-repeat; line-height:28px; font-size:120%; font-weight:bold;}
dl.dl dd {margin-bottom:15px; padding-left:60px; color:#555;}
form table {margin:0 0 15px 0;}
form table th, form table td {padding:2px 0; background:none; vertical-align:middle;}
form table th {padding-right:10px; color:#555; text-align:right;}
form table th strong {color:#000;}
input, select, textarea {font:100%/1.5 "arial", sans-serif;}
.input-text {padding:4px; border:1px solid #777; border-right:1px solid #aaa; border-bottom:1px solid #aaa;}
.input-submit, #content select.input-text {padding:3px;}
.ok {margin-bottom:30px; padding-left:45px; background:url("../design/ul.gif") 0 0 no-repeat;}
.msg {padding:10px; border:1px solid #BDD7FA; background:url("../design/msg.gif") 0 0 repeat-y; text-align:center; font-size:120%; font-weight:bold;}
.separator {width:920px; height:2px; overflow:hidden; margin:20px 0; background:url("../design/separator.gif") 0 0 repeat-x;}
.smaller {font-size:85%;}
