* {font-size: 100.01%;}
html {font-size: 62.5%;}
body{
margin:0;
background:#e8d7e4;
font:1.3em Arial, Helvetica, sans-serif;
color:#1a1a18;
min-width:990px;
}
img{border-style:none;}
a{
text-decoration:none;
color:#572657;
}
a:hover{
text-decoration:underline;
cursor:default;
}
input, textarea, select{
font:100% Arial, Helvetica, sans-serif;
vertical-align:middle;
}
form, fieldset{
margin:0;
padding:0;
border-style:none;
}
#header {
background:url(../images/bg-header.jpg) repeat-x;
}
.header-holder {
height:138px;
margin:0 auto;
width:972px;
overflow:hidden;
padding:35px 0 0;
}
#header .logo {
float:left;
background:url(../images/logo.png) no-repeat;
width: 361px;
height: 66px;
text-indent:-9999px;
overflow:hidden;
margin:0;
}
#header .logo a {
display:block;
height:100%;
cursor:pointer;
}
#wrapper {
background:url(../images/bg-wrapper.gif) repeat-x;
padding:0 0 1px;
}
#main {
width:990px;
margin:0 auto;
position:relative;
}
.balls {
background:url(../images/balls.jpg) no-repeat;
width: 341px;
height: 289px;
position:absolute;
left:-79px;
top:12px;
text-indent:-9999px;
overflow:hidden;
}
.main-holder {
background:url(../images/line.gif) no-repeat;
padding:5px 0 0;
float:left;
position:relative;
margin:-53px 0 0;
z-index:10;
}
.main-frame {
border-right:1px solid #630060;
width:989px;
overflow:hidden;
padding:1px 0 0;
background:#180017 url(../images/bg-main.jpg) repeat-y 100% 0;
}
#main:after {
content:"";
display:block;
clear:both;
}
#content {
float:left;
width:690px;
border:1px solid #fff;
background:#fdfdfd url(../images/shadow.gif) repeat-x;
padding:15px 19px 0;
}
#content p {margin:0 0 15px;}
#content h2 {
font:14px "myriad_proregular", Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0 0 6px;
color:#390437;
}
#content h1 {
font:23px "myriad_proregular", Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0 0 6px;
color:#390437;
}
#content h2 {
font:18px "myriad_proregular", Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0 0 6px;
color:#390437;
}
#content h3 {
font:16px "myriad_proregular", Arial, Helvetica, sans-serif;
color:#3a0437;
margin:0 0 7px;
}
.posts {
background:url(../images/shadow2.gif) repeat-x 0 100%;
padding:0 19px 21px;
margin:0 -19px;
}
.post {padding:0 0 8px;}
#content .post a:link{text-decoration:underline; font-weight:bold; color:#FFFFFF;}
#content .post a:visited{text-decoration:underline; font-weight:bold; color:#FFFFFF;}
#content .posts .post p {margin:0 0 14px;}
#content .post h2,
#content .post h3 {
padding:0 0 4px;
}
#content .post h3 a:link{ color:#590059;}
#content .post h3 a:visited{ color:#590059;}
#content .post h3 {padding:0 0 6px;}
#content .post.alt h3 {
border:0;
padding:0;
margin:0 0 6px;
}
.post.alt {
margin:0 -10px;
}
.boxes {
overflow:hidden;
width:712px;
padding:4px 0 12px;
}
.boxes .box {
vertical-align:top;
width:144px;
padding:0 7px 0 5px;
float:left;
margin:0 22px 0 0;
}
.boxes .visual {
padding:6px 6px 22px;
background:url(../images/mask.png) no-repeat;
width: 144px;
height: 143px;
overflow:hidden;
margin:0 -7px -9px -5px;
}
.boxes .title {
font-size:14px;
line-height:17px;
display:inline-block;
vertical-align:top;
padding:0 22px 1px 0;
background:url(../images/arrow.png) no-repeat 100% 7px;
}
#content .boxes p {margin:0;}
.table {
margin:6px 0 -5px;
width:690px;
background:url(../images/bg-table.gif) repeat-y;
}
.table > .holder {background:url(../images/bg-table.gif) no-repeat 100% 100%; padding-bottom:10px;}
.table > .holder > .frame {
background:url(../images/bg-table-t.gif) no-repeat;
padding:0 10px 24px;
}
.table .title {
margin:0 -10px -9px;
text-align:center;
color:#fff;
text-transform:uppercase;
}
.table .title > .holder {
padding:0 0 9px;
}
.table .title .frame {
border-top:none;
}
#content .table .title h3 {
font:1.385em/1.333em "myriad_pro_lightbold", Arial, Helvetica, sans-serif;
border:0;
margin:0 -1px;
padding:5px 10px 3px;
color:#fff;
}
.table table {
text-align:center;
width:670px;
border-collapse: collapse;
border-spacing: 0;
}
.table thead th {
font-size:11px;
line-height:14px;
color:#fff;
padding:0 0 1px;
}
.table thead th div {
background:#5a0058 url(../images/gradient.gif) repeat-x;
border-left:1px solid #8a3587;
padding:3px 2px;
}
.table thead th:first-child div {border:none;}
.table th.cell1 {width:43px;}
.table th.cell2 {width:161px;}
.table th.cell3 {width:92px;}
.table th.cell4 {
text-align:left;
width:250px;
}
.table th.cell4 div {padding:3px 8px;}
.table th.cell5 {
width:121px;
color:#ff0;
border:0;
}
.table tbody td.cell1 {width:42px;}
.table tbody td.cell2 {width:161px;}
.table tbody td.cell3 {width:92px;}
.table tbody td.cell4 {width:251px;}
.table tbody td.cell5 {width:120px;}
.table td {
height:74px;
background:url(../images/bg-table-c.gif) repeat-x 0 1px;
vertical-align:middle;
padding:1px 0 0;
}
.table td.cell1 {
background:url(../images/bg-table-l.gif) no-repeat 0 1px;
vertical-align:top;
}
.table td.cell1 > div {
width:28px;
height:26px;
margin:2px -10px 2px 2px;
background:url(../images/bg-num.png) no-repeat;
float:left;
color:#fff;
padding:22px 14px 22px 9px;
text-align:center;
font:19px/25px Arial, Helvetica, sans-serif;
position:relative;
}
.table td.cell2 > div {
background:url(../images/lines.png) repeat-y;
height:67px;
margin:2px 0;
padding:3px 0 0 17px;
text-align:left;
}
.table td.cell3 > div {
background:url(../images/lines2.png) repeat-y;
height:60px;
margin:1px 0;
padding:12px 5px 0;
color:#333;
font:11px/14px Arial, Helvetica, sans-serif;
}
.table td.cell3 strong {
display:block;
color:#cc3b89;
font-size:28px;
line-height:36px;
margin:-2px 0 0;
}
.table td.cell4 {
color:#1a1a18;
font-size:13px;
line-height:18px;
}
.table ul {
padding:8px 0 0 9px;
margin:1px 0;
list-style:none;
text-align:left;
background:url(../images/divider2.gif) repeat-y;
height:64px;
overflow:hidden;
white-space:nowrap;
}
.table li {
background:url(../images/bullet2.png) no-repeat 0 4px;
margin:0 0 -2px;
padding: 2px 0 0 19px;
}
.table td.cell5 {
background:url(../images/bg-table-r.gif) no-repeat 0 1px;
}
.table td.cell5 > div {
background:url(../images/lines2.png) repeat-y;
height:68px;
margin:1px 0;
padding:4px 9px 0 13px;
}
.table td.cell5 a {
color:#572657;
font:11px/14px 'Trebuchet MS', Arial, sans-serif;
vertical-align:top;
}
#main .table .button {
background:url(../images/button.png) no-repeat;
display:block;
width:89px;
height:33px;
color:#fff;
text-align:center;
font: 15px/20px "myriad_probold", Arial, Helvetica, sans-serif;
padding:16px 7px 0 5px;
margin:0 0 4px;
}
#main .table .button:hover {
text-decoration:none;
background-position: -102px 0;
}
.table .logo {
text-align:center;
background:url(../images/mask.png) no-repeat 0 -172px;
width: 135px;
height: 63px;
display:table;
position:relative;
z-index:10;
float:left;
}
.table .logo span {
display:table-cell;
vertical-align:middle;
}
.table .logo img {vertical-align:middle; margin-top:18px;}
.table .logo:hover {cursor:pointer;}
.promo {
font-family:'Trebuchet MS', Arial, sans-serif;
margin:0 0 14px;
padding: 11px 0 0;
width:689px;
}
.promo .container {
background:#320527 url(../images/bg-container.gif) no-repeat -689px 100%;
padding:0 0 9px;
font-size:0.923em;
line-height:1.250em;
color:#fff;
margin:0 0 1px;
}
.promo .container > .holder {background:url(../images/bg-container.gif) repeat-y;}
.promo .container > .holder > .frame {
overflow:hidden;
background:url(../images/bg-container-t.gif) no-repeat;
padding:18px 19px 0;
}
.promo .col {
width:168px;
float:left;
background:url(../images/divider4.png) no-repeat 0 2px;
padding:0 14px 6px 17px;
min-height:185px;
}
.promo .col.first {
text-align:center;
font-size:1.167em;
line-height:1.286em;
padding-left:0;
background:none;
}
.promo .col.alt {width:189px;}
.promo .col.alt3 {width:429px;}
.promo .col.alt2 {
padding: 0 8px 0 22px;
width: 219px;
}
#content .promo a:link, a:visited, a:active, a:hover {
color:#f6b866;
text-decoration:underline;
}
#content .btn-box a:link {
color:#FFFFFF;
text-decoration:underline;
}
#content .btn-box a:visited {
color:#FFFFFF;
text-decoration:underline;
}
#content .btn-box a:hover {
text-decoration:none;
}
#content .btn-play a:link {
color:#ffffff;
text-decoration:underline;
}
.promo a:hover {text-decoration:none;}
.promo .logo {
cursor:pointer;
float:left;
display:table;
background:url(../images/mask.png) no-repeat -157px 0;
width: 167px;
height: 142px;
margin:0 0 9px;
position:relative;
text-align:center;
}
.promo .logo span {
display:table-cell;
vertical-align:middle;
}
.promo .logo img {vertical-align:middle;}
.promo .logo:hover {text-decoration:none;}
#content .promo h3 {
color:#fef9fa;
font:1.750em/1.333em "myriad_proregular", Arial, Helvetica, sans-serif;
text-align:center;
padding: 9px 0 4px;
letter-spacing:1px;
border:0;
}
.promo h3 em {
font-style:normal;
color:#f2b21b;
}
.promo .flag {
background:url(../images/ico1.png) no-repeat;
width:16px;
height:16px;
position:absolute;
right:22px;
bottom:10px;
}
.promo .link {
display:inline-block;
vertical-align:top;
margin:0 0 15px;
}
.btn-box {
width:163px;
margin: 35px auto 0;
padding: 32px 0 0;
background:url(../images/star.png) repeat-x;
}
.btn-box > .holder {
padding:0 0 46px;
background:url(../images/star.png) repeat-x 0 100%;
}
.promo .button {
width:220px;
height:40px;
color:#fff;
font:18px/24px "myriad_probold", Arial, Helvetica, sans-serif;
display:block;
text-align:center;
padding:11px 4px 0;
margin:0 -32px;
text-decoration:none;
}
.promo .button:hover {
text-decoration:none;
cursor:pointer;
}
.promo .section {
background:url(../images/shadow5.gif) no-repeat 0 100%;
padding:0 0 8px;
font:1em/1.308em 'Trebuchet MS', Arial, sans-serif;
}
.promo .section > .holder {
background:url(../images/shadow4.gif) repeat-x;
border:1px solid #aaa;
}
.promo .section > .holder > .frame {
overflow:hidden;
border:1px solid #fff;
background:url(../images/divider5.gif) no-repeat 50% 5px;
padding:16px 13px 17px;
}
.promo .section ul {
float:left;
margin:0;
list-style:none;
padding:1px 0 0 41px;
background:url(../images/ico4.png) no-repeat 1px -1px;
color:#020000;
min-height:30px;
width:258px;
}
.promo .section ul.first{
background:url(../images/ico3.png) no-repeat;
color:#400000;
width:278px;
margin:0 29px 0 0;
}
.promo .section ul.first li {background:url(../images/bullet3.gif) no-repeat 0 10px;}
.promo .section li {
background:url(../images/bullet4.gif) no-repeat 0 10px;
padding:0 0 0 8px;
}
.review {
overflow:hidden;
padding:0 0 5px;
}
#content .review h3 {
margin:0 0 3px;
border:0;
padding:0;
}
.columns {
width:100%;
padding:0 0 29px;
}
.columns:after{
content:"";
display:block;
clear:both;
}
.columns .column {
float:left;
width:420px;
}
.columns .column.alignright {
float:right;
padding: 0 1px 0 0;
width:232px;
}
.info-box {
color:#84847f;
font-size:0.923em;
line-height:1.250em;
padding:0 0 10px;
margin:0 0 10px;
background:url(../images/divider6.gif) repeat-x 0 100%;
}
.info-box > .holder {
border:1px solid #aaa;
}
.info-box .title {
background:#8e254e url(../images/bg-title.png) repeat-y -1160px 0;
}
.info-box .title h4 {
color:#fff;
font:1.333em/1.313em "myriad_pro_lightbold", Arial, Helvetica, sans-serif;
margin:0;
padding:6px 11px 3px;
background:url(../images/bg-title.png) no-repeat -928px 0;
}
.info-box dl {
margin:1px 1px 0;
padding: 9px 8px 17px;
background:url(../images/shadow4.gif) repeat-x;
}
.info-box dt {
float:left;
width:70px;
padding:0 10px 0 0;
}
.info-box dd {margin:0 0 1px;}
.info-box a {
color:#c30c00;
text-decoration:underline;
}
.info-box a:hover {text-decoration:none;}
.visual-block {
background:url(../images/shadow7.gif) no-repeat 50% 100%;
padding:0 0 6px;
}
.visual-block .holder {
border:1px solid #aaa;
background:url(../images/shadow4.gif) repeat-x;
}
.visual-block .frame {
background:url(../images/shadow6.gif) repeat-x 0 100%;
padding:8px 8px 9px;
border:1px solid #fff;
}
.visual-block img {
border:1px solid #aaa;
vertical-align:top;
}
.visual-block .button {
background:url(../images/button.png) no-repeat 0 -133px;
width:187px;
height:37px;
display:block;
padding:14px 5px 0;
text-align:center;
margin:2px 0 0 9px;
font:20px/26px "myriad_probold", Arial, Helvetica, sans-serif;
color:#fff;
}
.visual-block .button:hover {
cursor:pointer;
text-decoration:none;
}
.btn-play {
background:url(../images/button.png) no-repeat 0 -184px;
width:181px;
height:34px;
display:block;
margin:11px 0 0 105px;
color:#fff;
font:21px/27px "myriad_probold", Arial, Helvetica, sans-serif;
text-align:center;
cursor:pointer;
padding:11px 2px 0 8px;
}
.btn-play:hover {
text-decoration:underline;
cursor:pointer;
}
#sidebar {
background:url(../images/bg-sidebar.jpg) no-repeat 100% 0;
float:right;
width:236px;
padding:19px 11px 0 0;
margin:-1px 0 0;
}
#sidebar .block {
width:236px;
background:url(../images/line2.png) no-repeat 50% 100%;
padding:0 0 10px;
margin:0 0 7px;
}
#sidebar .block.alt {
padding:0;
background:none;
margin:8px 0 7px;
}
#sidebar .block .title {
background:url(../images/bg-title.png) no-repeat -691px 0;
padding:30px 0 0;
color:#fff;
margin:0 0 -1px;
}
#sidebar .block .title .holder {
background:url(../images/bg-title2.gif) no-repeat 100% 100%;
padding:0 0 3px;
}
#sidebar .block .title .frame {
background:url(../images/bg-title2.gif) repeat-y;
width:100%;
}
#sidebar .block .title .frame:after{
content:"";
display:block;
clear:both;
}
#sidebar .block .title h3 {
font:1.231em/1.313em "myriad_pro_lightbold", Arial, Helvetica, sans-serif;
margin:-24px 0 0;
padding:0 12px;
float:left;
}
#sidebar .block .content-block {
background:url(../images/bg-block.png) no-repeat 100% 100%;
padding:0 0 10px;
color:#572657;
font-size:1.077em;
line-height:1.286em;
}
#sidebar .block .content-block a {color:#572657;}
.block .content-block > .holder {
padding:177px 0 0;
background:url(../images/bg-block-t.png) no-repeat;
}
.block .content-block .holder .frame {
background:url(../images/bg-block.png) repeat-y;
width:100%;
min-height:30px;
}
.block .content-block > .holder > .frame:after{
content:"";
display:block;
clear:both;
}
.block .content-block > .holder > .frame > div {
float:left;
width:214px;
padding:0 11px;
margin:-172px 0 -1px;
}
#sidebar .list {
padding:0;
margin:0;
list-style:none;
}
#sidebar .list li {
background:url(../images/divider3.gif) repeat-x;
}
#sidebar .list li:first-child {background:none;}
#sidebar .list a {
padding:5px 0 3px 1px;
display:block;
background:url(../images/arrow.png) no-repeat 205px 9px;
}
#sidebar .listing {
width:236px;
margin:0;
padding:0;
list-style:none;
}
#sidebar .listing li {
margin:0 0 1px;
padding:24px 0 0;
background:url(../images/bg-listing.png) no-repeat;
vertical-align:top;
}
#sidebar .listing li > .holder {
padding:0 0 24px;
background:url(../images/bg-listing.png) no-repeat 100% 100%;
width:100%;
}
#sidebar .listing li > .holder > .frame {
background:url(../images/bg-listing.png) repeat-y -236px 0;
width:100%;
min-height:22px;
}
.listing .frame:after{
content:"";
display:block;
clear:both;
}
#sidebar .listing li > .holder > .frame > div {
float:left;
margin:-18px 0;
width:221px;
padding:0 8px 0 7px;
}
#sidebar .listing .logo {
float:left;
display:table;
background:url(../images/mask.png) no-repeat -136px -172px;
width: 75px;
height: 57px;
text-align:center;
cursor:pointer;
margin:1px 10px 0 0;
}
#sidebar .listing .logo span {
display:table-cell;
vertical-align:middle;
}
#sidebar .listing .logo img {vertical-align:middle;}
#sidebar .listing .text-block {
overflow:hidden;
color:#333;
font-size:0.923em;
line-height:1.250em;
padding:0 0 0 3px;
}
#sidebar .listing a {
color:#572657;
}
#sidebar .listing .text-block > a {
font-size:0.917em;
line-height:1.273em;
}
#sidebar .listing strong {
display:block;
padding:0 0 8px;
margin:0 0 0 -3px;
}
.listing strong em {
font-style:normal;
color:#cc3a88;
}
#sidebar .listing h4 {
color:#572657;
font:1.167em/1.286em Arial, Helvetica, sans-serif;
margin:0 0 -2px -3px;
}
#sidebar .listing .text-block .button {
float:right;
color:#fff;
background:url(../images/button.png) no-repeat 0 -50px;
width:55px;
margin:-3px 0 0;
padding:2px 3px 2px;
text-align:center;
font:13px/18px "myriad_probold", Arial, Helvetica, sans-serif;
}
#sidebar .listing .text-block .button:hover {
background-position:-62px -50px;
text-decoration:none;
}
#footer {
background:#350033 url(../images/bg-footer-s.jpg) no-repeat;
padding:50px 0 0;
width:988px;
margin:0 auto;
color:#fff;
border:1px solid;
border-color:#8f008c #ba00b6 #ba00b6 #8f008c;
}
.footer-holder {
padding:0 0 10px;
background:url(../images/bg-footer.gif) no-repeat 100% 100%;
}
.footer-frame {
background:url(../images/bg-footer.gif) repeat-y ;
width:100%;
}
.footer-frame:after{
content:"";
display:block;
clear:both;
}
#footer .container {
float:left;
width:685px;
margin:-150px 0 -10px;
padding:19px 280px 10px 22px;
}
#footer h4 {
margin:0 0 -1px;
font:bold 1em/1.308em Arial, Helvetica, sans-serif;
}
#footer a {
color:#ffb2fd;
}
#footer p {margin:0 0 17px;}
#footer .listing {
overflow:hidden;
padding:0 0 12px 2px;
margin:0;
list-style:none;
}
#footer .listing li {
float:left;
margin:0 9px 0 0;
padding:0 0 0 3px;
background:url(../images/bullet.png) no-repeat 0 11px;
}
#footer .block {
color:#f2f2f2;
margin:0 -270px 0 -13px;
padding:9px 3px 0 4px;
background:url(../images/divider.png) repeat-x;
overflow:hidden;
}
#footer .block p {margin:0;}
#footer .addnav {
float:right;
list-style:none;
padding:0;
margin:-1px 0 0;
line-height:1.385em;
}
#footer .addnav li {
float:left;
white-space:nowrap;
margin:0 0 0 12px;
}
#footer .addnav li:first-child {margin:0;}