@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {background: #9a171d; font: normal 14px Tahoma, Geneva, sans-serif; color: #7c3a00;}

img {behavior: url("iepngfix.htc");}

.clear {clear: both;}

a:link {color: #7d1dc0; text-decoration: underline;}
a:visited {color: #61a223; text-decoration: none;}
a:hover {color: #9a171d; text-decoration: none;}
a:active {color: #ff0000; text-decoration: none;}

#container {background: url(../img/container.gif) top repeat-y; width: 1005px; margin: 0 auto;}
#container img {border: none;}

/* header */

#header {background: url(../img/header.jpg) top no-repeat; width: 1005px; height: 330px;}
#header span {position: relative; top: 0; left: 870px;}
#header span img {border: none;}

/* /header */

/* left */

#left {width: 295px; float: left; margin: 0 0 0 20px; padding: 0;}
*html #left {width: 295px; float: left; margin: 0 0 0 10px; padding: 0;}

#what_you_get {background: url(../img/pink_title.gif) top no-repeat; width: 295px; height: 45px; margin: 10px 0 0 0;}
#what_you_get h2 {font: bold 20px "Comic Sans MS", cursive; text-align: center; line-height: 40px; text-transform: uppercase; color: #9a171d;}

.small_box_1 {background: #f7f1d2 url(../img/plus.png) top left no-repeat; width: 295px;}
.small_box_1 p.desc {font-size: 11px; margin: 0 0 0 30px; padding: 5px 10px 10px 10px;}
.small_box_1 p.title {font-size: 18px; font-weight: bold; margin: 0 0 0 30px; padding: 0 0 0 10px; color: #7d1dc0;}

.small_box_2 {background: #fbd19c url(../img/plus.png) top left no-repeat; width: 295px;}
.small_box_2 p.desc {font-size: 11px; margin: 0 0 0 30px; padding: 5px 10px 10px 10px;}
.small_box_2 p.title {font-size: 18px; font-weight: bold; margin: 0 0 0 30px; padding: 0 0 0 10px; color: #7d1dc0;}

/* /left */

/* right */

#right {width: 660px; float: right; margin: 0 20px 0 0; padding: 0;}
*html #right {width: 660px; float: right; margin: 0 10px 0 0; padding: 0;}

.site_box {width: 660px; background: #f2f2f2; margin: 10px 0 0 0;}

.site_box .header {background: #3f3f3f; margin: 0; padding: 0 0 10px 0; width: 660px;}
.site_box .header ul {margin: 0; padding: 0;}
.site_box .header li {list-style: none; color: #fff; float: left;}
.site_box .header li {font-size: 11px; margin: 0; padding: 0;}
.site_box .header li img {vertical-align: middle;}
.site_box .header li.logo {width: 130px; margin: 0 0 0 10px;}
*html .site_box .header li.logo {width: 130px; margin: 0 0 0 5px;}
.site_box .header li.text {width: 495px; padding: 0 10px 0 10px; margin: 0;}
.site_box .header li.screenshot {width: 200px; margin: 0 0 0 10px;}
*html .site_box .header li.screenshot {width: 200px; margin: 0 0 0 5px;}
.site_box .header li.text2 h1 {font-size: 24px; margin: 0 0 10px 0;}
.site_box .header li.text2 {width: 425px; padding: 0 10px 0 10px; margin: 0;}
.site_box .header li.text2 h1 a {color: #fce982;}
.enter_site {width: 310px; display: block; margin: 20px auto 0 auto;}

.th {width: 640px; margin: 0 auto; padding: 0;}
.th ul {margin: 0; padding: 0;}
.th li {list-style: none; float: left; margin: 10px 20px 10px 0;}
.th li.fix {margin: 10px 0 10px 0;}

.video {position: relative; width: 200px; height: 135px;}
.video a span {position: absolute; display: none; width: 200px; height: 135px; background: url(../img/video_hover.png) top no-repeat;}
.video a:hover span {display: block; cursor: pointer;}
*html .video a span {display: none;}
*html .video a:hover {position: absolute; display: inline; width: 200px; height: 135px; background: url(../img/video_hover.png) top no-repeat; cursor: pointer;}

.hqimages {position: relative; width: 200px; height: 135px;}
.hqimages a span {position: absolute; display: none; width: 200px; height: 135px; background: url(../img/hqimages_hover.png) top no-repeat;}
.hqimages a:hover span {display: block; cursor: pointer;}
*html .hqimages a span {display: none;}
*html .hqimages a:hover {position: absolute; display: inline; width: 200px; height: 135px; background: url(../img/hqimages_hover.png) top no-repeat; cursor: pointer;}

.button {margin: 10px 0 0 0;}

/* /right */

#link {font: normal 52px "Comic Sans MS", cursive; padding: 20px 0 20px 0; margin: 0; text-align: center; text-transform: uppercase;}