@charset "utf-8";


/*global default styles*/
html {height: 100%;}
.hide {display: none;}
.logo {display: block; text-decoration: none; text-indent: -9999px; height: 100px;}
img {border: 0;}
.clearspace {padding: 0; margin: 0;}
.floatleft {float: left;}
.floatright {float: right;}
.clearfloat {clear: both; line-height: 0px; height: 0px; display: block;}
.noborder {border: 0;}
ul {padding: 0; margin: 0;}
li {padding: 0; margin: 0;}

/*base default font size, type, and line height*/
body {font: 76%/1.4em "Lucida Grande", Arial, Helvetica, sans-serif; background:#0A46AD; color:#052459; height: 100%; padding: 0; margin: 0; text-align: center;}

/*add selectors here for font sizing*/
p {font-size: 1.0em}

/*base links*/
a {outline: none;}
a:link {color: #0A46AD; text-decoration: underline;}
a:visited {color: #750042; text-decoration: underline;}
a:hover {color: #00254A; text-decoration: underline;}
a:active {color: #FCFF00; text-decoration: underline;}

/*Global Style*/
div#container {margin: 0 auto; width: 774px;background: url(../images/bg_page.jpg) repeat-y #fff; height: 100%; text-align: left;}
html>body div#container {height: auto;}


/*Header*/

div#header {margin: 0 13px;}
div#header h1 {padding: 0; margin: 0; background: url(../images/top.gif) no-repeat; height: 30px; text-indent: -9999px; line-height: 0.8em;}
div#header h2 {background: url(../images/logo.jpg) no-repeat; height: 175px; text-indent: -9999px;}
h2 { padding: 0; margin:0;}
div#header p.intro {font-size: 1.em; line-height: 1.2em; background: url(../images/header4.jpg) no-repeat; height: 135px; padding: 2px 400px 0 30px; text-indent: 0px; margin: 0;}
div#header h2.title2 {background: url(../images/t_freesamples.gif) no-repeat; height: 36px; text-indent: -9999px;}
div#header h2.title2 a {display: block; height: 36px; text-indent: -9999px;}

/*Middle*/

div#middle {}
div#middle h3.middle-links {padding: 0.5em 100px; margin: 0; text-align: center; font-size: 1.4em; line-height: 1.2em;}
div#middle h3.middle-links a{color: red;}

div#box {}
div#box-inner {background: url(../images/bg_box.gif) repeat-y #4FB6F4;margin: 0 36px; width: 702px;}
div#contentbox {position: relative; background: url(../images/top_box.jpg) no-repeat; height: 640px; padding: 20px 30px;}

div#model-description {width: 200px; position: absolute; top: 110px; left: 33px; font-size: 1em; line-height: 1.1em; text-decoration: none;}
div#model-description h4.model-name {padding: 10px 0 0 0; margin: 0; font-size: 2em; text-align: center;}
div#button-freevideo {position: absolute; top: 235px; left: 5px; background: url(../images/button_freevideo.gif) no-repeat; height: 46px; width: 195px; text-indent: -9999px;}
div#button-freevideo a{display: block; height: 46px; width: 195px; text-decoration: none;}

div#model-bigpic {position: absolute; top: 23px; right: 23px;}
div#model-bigpic img {border: solid 2px #fff;}

div#model-thumbs {position: absolute; top: 410px; right: 20px; width: 660px;}
div#model-thumbs img {margin: 4px; border: solid 2px #fff; float: left;}

div#bottombox {background: url(../images/bottom_box.gif) no-repeat; height: 40px; text-align: center;}
div#bottombox h3 {padding: 0; margin: 0; color: #fff; font-size: 1.2em;}
div#bottom {background: url(../images/bottom_link.gif) no-repeat;margin: 0 36px; height: 80px; text-indent: -9999px;}
div#bottom h1 {padding: 0; margin: 0; line-height: 1em;}
div#bottom a{display: block; height: 80px; width: 702px;}

/*join Box*/

div#joinbox1 {background: url(../images/bg_joinbox.jpg) no-repeat; width: 700px; height: 400px; padding: 0; margin: 0 0 0 37px;}
div#joinbox2 {background: url(../images/bg_joinbox.jpg) no-repeat; width: 700px; height: 400px; padding: 0; margin: 0 0 0 37px;}


/*Footer*/

div#footer {text-align: center; font-size: 1em; margin: 20px 30px; color: #666666; padding-bottom: 30px;}
div#footer p {padding: 0; margin: 0;font-size: 1em}
.warning {font-weight: bold; font-size: 1.4em; text-transform:uppercase;}
div#footer ul {list-style-type: none; margin: 1em 0 0 0; padding: 0 0 10px 0; }
div#footer ul li {border-right: #dcdcdc 1px solid; display:inline; line-height: 1em; margin:0 0.5em 0 0; padding: 0 0.5em 0 0; background: none;}
div#footer ul li.last {border-right-width: 0; margin-right: 0; padding-right: 0;}
div#footer a { color: red; }
div#footer a:hover { color: #000; }