@charset "utf-8";
@import url(base.css);
@import url(common.css);
@import url(thickbox.css);
a { color: white; }
a:visited { color: #af6daf; }
a:hover { color: #fc0;}
body{ height:100%; color: #fff; background: #336699 url(../images/bg.png) repeat-x fixed 0 0px; text-align:justify;}
.wrapper{ width: 900px; height: 100%; margin: 0 auto; position: relative; background: url(../images/wrapper_bg.png) no-repeat fixed center -12px; }
.header{height: 280px; padding-top: 56px; color: #fff; background: url(../images/white_bg.png) repeat 0 0;}
.topbar {height: 35px;  margin-bottom: -10px; background: url(../images/header_bg.png) repeat-x 0 0;  position:relative; z-index: 1;}	
.topbar h2 {height: 25px; width:900px;margin:0 auto; line-height: 25px; font-family: Serif; font-style: italic; font-size:  11px; letter-spacing: 2px; text-align: left; }
h1.logo {margin: 0 auto 0 auto; padding-top: 50px; height: 180px; width: 724px; font-size:100%;  line-height: 100%;  background: url(../images/logo.png) no-repeat 0 0; }
h1.logo a{display: block; height: 110px; width: 625px; overflow: hidden; text-indent: -9999px;  margin: 0 auto; text-align: center;}
.contact_tab{ position: absolute; right: -14px; top: 0px;}
.contact_tab a {display: block; width: 113px; height: 38px; text-indent: -9999px; background: url(../images/contact_tab.png) no-repeat 0 -13px; overflow: hidden;}
.contact_tab a:hover { background-position: 0 -62px;}
.main_container{width: 840px; min-height: 500px; padding: 30px; padding-bottom: 60px;  background: url(../images/main_bg.png) repeat 0 0; color:#fff; position: relative; }
.main_inner1 {width: 400px; min-height:320px; position:static;}
.dotted {margin-top: 45px; }
.quote_container {padding: 15px; margin-bottom: 15px; background: url(../images/dot.png) repeat 0 0; }
.quote_container blockquote { font-size: 14px; padding-top: 15px; padding-left: 50px; font-family: Serif; font-style: italic; color: yellow; background: url(../images/quoteT.png) no-repeat top left; }
.quote_container blockquote p{ padding-right: 50px; padding-bottom: 15px; background: url(../images/quoteB.png) no-repeat bottom right; }
.tds {margin-top: 5	px; display: block; text-align: right; }
.feature {margin-bottom: 15px; }
.feature li {list-style: circle outside; margin-left: 1em; margin-bottom: 5px; }
.badge_demo a {display: block; width: 305px; height: 117px; text-indent: -9999px; overflow: hidden; background: url(../images/demo_button.png) no-repeat -30px 0; }
.badge_demo a:hover {background-position: -30px -116px; }
.main_container h3 { padding: 10px 15px; margin-bottom: 15px; background: url(../images/dot.png) repeat 0 0; color: yellow; font-size: 18px; letter-spacing: 3px; }
.star{ color: red; margin-right: 5px; font-weight: normal; font-size: 150%; line-height: 24px; vertical-align: bottom;}
.ss_container { width: 475px; position: absolute; top:300px; right: 5px;}
.badge {text-indent: -9999px; height: 202px; width: 196px; background: url(../images/break_badge.png) no-repeat 0 0;}
.ss_photo { position: absolute; top: -15px; right: 0;}
.menu {padding: 8px 15px; background: url(../images/menu_bg.png) repeat 0 0;}
.menu li { margin-right: 15px; padding-right:15px; font-size: 11px; line-height: 25px; font-weight: bold; letter-spacing: 1px; float: left; text-align: left; border-right: 1px dotted #ccc; }
.menu a {color: #fff; height: 30px; line-height: 30px; padding-left: 30px; display: block; overflow: hidden;}
.menu_home a { background: url(../images/menu_icon_home.png) no-repeat 0 0;}
.menu_video a { background: url(../images/menu_icon_demo.png) no-repeat 0 0;}
.menu_buy a { background: url(../images/menu_icon_buy.png) no-repeat 2px 0;}
.menu a:hover { color: #fc0; }
.demo1 { margin:0 auto; width: 746px;}
.description { float: left; width: 550px;}
.description h2 {font-size: 30px; line-height: 35px;}
.ss_set { float: right; width: 390px; margin-top: -150px; }
.paypal_icon { position: absolute; right: 5px ; top: -43px; }
.item_container { clear: both; margin-top: 30px; margin-bottom:15px; }
.item_container h4 {ont-size: 16px; margin-bottom: 15px;}
.left_container { float: left; width: 290px; }
.right_container { float: right; width: 550px; }
.right_container ul, .right_container p{border: 1px solid #999; margin-bottom: 10px; padding: 15px; }
.right_container ul h5{ padding-left: 5px; line-height: 13px; border-left: 13px solid red; margin-bottom: 5px; }
.right_container ul li { list-style: circle inside; margin-left: 18px; text-indent: -1em; }
.right_container ul li.border_top {border-top: 1px dotted #999; margin-top: 5px; padding-top: 5px; }
.purchase { text-align: right; }
.purchase h5 { margin-bottom: 10px; }
.view {line-height: 100%; clear: both; padding: 15px; margin-top: 30px; background: url(../images/menu_bg.png) repeat 0 0; }
.view_left_container { float: left; width: 100px; }
.view_right_container { float: right; line-height: 30px; text-align: right;}
.item_container a, .view_right_container a { border-bottom: 1px solid #fff; }
#privacy h4 {margin: 30px 0 5px; padding-left: 5px; line-height: 13px; border-left: 13px solid red; }
#privacy p {margin:0 0 15px 18px; }
#privacy ul { margin: 15px 0; }
.back_tab, .back_tab_index { clear:both; position: absolute; right: -10px; bottom: 0;}
.back_tab a, .back_tab_index a { display: block; width: 120px; height: 50px; text-indent:-9999px; background: url(../images/back_tab.png) no-repeat 0 0; overflow: hidden;}
.back_tab a:hover, .back_tab_index a:hover { background-position: 0 -68px;}
.footer { font-size:10px; letter-spacing: 1px;  margin-top: -10px; padding: 30px 0 5px 0; min-height: 30px; background: url(../images/footer_bg.png) repeat-x 0 -15px; position: relative; z-index: 0; }
.footer_inner { width: 900px; min-height: 30px; margin:0 auto;}
footer a { color: #fff;}
.footer a:visited { color: #fff; }
.footer a:hover { border-bottom: 1px solid #fff;}
.copyright {text-align: right; }
.copyright img{ vertical-align: middle;  }
.footer_menu { border-left: 1px dotted #999; padding-left: 15px; }
.footer_menu li {margin-right: 15px; padding-right:15px; font-weight: normal; float: left; text-align: center; border-right: 1px dotted #999;}
.footer_menu a {color: #fff; }