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

* {margin: 0; padding: 0;}

body {background: url(../img/bg.gif); font: normal 14px Tahoma, Geneva, sans-serif; color: #000;}

.clear {clear: both;}

a:link {color: #288c7f; text-decoration: underline;}
a:visited {color: #5f3896; text-decoration: none;}
a:hover {color: #d94a66; text-decoration: none;}
a:active {color: #ff0000; text-decoration: none;}

#container {width: 985px; margin: 0 auto -10px auto; background: url(../img/container.gif) top repeat-y;}
#container_2 {width: 985px; margin: 0 auto; background: #fff;}

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

/* left */

#left {width: 660px; float: left; margin: 0; padding: 0;}

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

.header {background: #3f3f3f; margin: 0; padding: 0 0 10px 0; width: 660px;}
.header ul {margin: 0; padding: 0;}
.header li {list-style: none; color: #fff; float: left;}
.header li img {vertical-align: middle;}
.header li p {font-size: 11px; margin: 0; padding: 0;}
.header li p.sites {font: normal 9px Tahoma, Geneva, sans-serif; text-align: center;}
.header li p.link {text-transform: uppercase; font-weight: bold; text-align: center; margin: 5px 0 0 0;}
.header li p.link a:link {color: #fff; text-decoration: none;}
.header li p.link a:visited {color: #fff; text-decoration: none;}
.header li p.link a:hover {color: #999; text-decoration: none;}
.header li.site_logo {width: 120px; margin: 0 0 0 15px;}
*html .header li.site_logo {width: 120px; padding: 0 0 0 15px; margin: 0;}
.header li.text {width: 388px; margin: 0 0 0 15px;}
*html .header li.text {width: 388px; padding: 0 0 0 15px; margin: 0;}
.header li.logo {width: 107px; margin: 0 15px 0 0;}
*html .header li.logo {width: 107px; padding: 0 15px 0 0; margin: 0;}

.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;}

/* /left */

/* right */

#right {width: 295px; background: #dadada; float: right; margin: 0 10px 0 0;}
*html #right {margin: 0 5px 0 0; width: 275px;}

#why_join {background: url(../img/right_box_top.gif) top no-repeat; width: 295px; height: 72px;}
#why_join h2 {font: normal 36px "Impact", sans-serif; color: #fff; text-align: center; padding: 15px; margin: 0;}

.why_join_1 {background: #f2f2f2 url(../img/plus.png) top left no-repeat; margin: 0; padding: 10px;}
.why_join_1 p {font-size: 13px; padding: 0; margin: 0 0 0 40px;}
.why_join_1 p.caption {font: bold 18px Tahoma, Geneva, sans-serif; color: #5f3896; padding: 0; margin: 0 0 0 40px;}

.why_join_2 {background: #f9deb1 url(../img/plus.png) top left no-repeat; margin: 0; padding: 10px;}
.why_join_2 p {font-size: 13px; color: padding: 0; margin: 10px 0 0 40px;}
.why_join_2 p.caption {font: bold 18px Tahoma, Geneva, sans-serif; color: #bf415a; padding: 0; margin: 0 0 0 40px;}

/* /right */

#link {font: normal 118px "Impact", sans-serif; padding: 0 0 20px 0; margin: 0; text-align: center; text-transform: uppercase;}
#bottom {float: right; margin: 0 10px 0 0; position: relative; top: -10px;}
*html #bottom {float: right; margin: 0 5px 0 0;}