@charset "utf-8";
/* CSS Stylesheet for Vitality Gaming */

body { background: #181818; font-family: Tahoma; font-size: 11px; color: #c2c2c2; margin: 0; padding: 0;}
a { color: #389af6; text-decoration: none;}
a:hover { color: #fff;}
img { border: 0;}
ul { margin: 0; padding: 0;}

/* page framework divs //////////////////////////////////////////////////////////////*/
#container { background: #000; border: 8px solid #fff; width: 800px; margin: 5px auto; padding: 0;}
#header { background: url(../images/header-bg.png) no-repeat; width: 800px; height: 120px;}
#navigation { background: url(../images/navigation-bg.png) repeat-x; height: 54px;}
#navigation ul { list-style-type: none; margin: 0; padding: 0;}
#navigation ul li { display: inline;}
#navigation ul li a { background: url(../images/nav-button-bg.png) no-repeat; border-bottom: 1px solid #525252; float: left; font-size: xx-small; font-weight: bolder; color: #e98b00; display: block; letter-spacing: 2px; width: 127px; height: 30px; text-align: center; text-transform: uppercase; margin: 0 1px 0 0; padding: 23px 0 0 0;}
#navigation ul li a:hover { border-bottom-color: #999; color: #fff;}
#banner { background: url(../images/banner.png) no-repeat; width: 800px; height: 240px;}
#content { padding: 10px;}
#footer { background: #181818 url(../images/footer-bg.png) repeat-x; border-top: 5px solid #525252; color: #666; clear: both; padding: 16px 10px 10px 10px;}
#footer a { text-decoration: underline;}
#footer-left, #footer-right { width: 49%;}
#footer-left { float: left;}
#footer-right { float: right; text-align: right;}
#footer-phone { background: url(../images/phone.gif) no-repeat left 3px; padding: 0 17px;}
#footer-email { background: url(../images/email.gif) no-repeat left 3px; padding: 0 17px;}

/* content styles //////////////////////////////////////////////////////////////////*/
h1 { font-size: 18px; color: #fff; border-bottom: 1px solid #535353; letter-spacing: -1px; line-height: normal; margin: 0 0 10px 0; padding: 0;}
h2 { font-size: 18px; font-weight: bolder; color: #e98b00; border-bottom: 2px solid #535353; margin: 0 0 12px 0; padding: 0 0 7px 0;}
.clear { float: none; clear: both;}
.foot-h { font-weight: bolder; display: block; margin: 0 0 3px 0;}
#announcement { background: #000; border: 1px solid #242424; line-height: 15px; width: 396px; height: 164px; margin: 0 0 0 -45px; padding: 8px 10px; position: absolute; top: 215px; left: 50%; z-index: 1; filter: alpha(opacity:70); KHTMLOpacity: 0.70; MozOpacity: 0.70; opacity: 0.70; text-align: justify;}
#announcement img { display: block; margin: 20px 0 0 0;}

/* for home page ///////////////////////////////////////////////////////////////////*/
#featured { background: #181818; width: 780px; height: 172px; margin: 0 0 12px 0;}
.f-left, .f-middle, .f-right { background: url(../images/featured-bg.gif) repeat-x; border-bottom: 1px solid #525252; float: left; padding: 8px; width: 237px; height: 156px; line-height: 15px;}
.f-left, .f-middle { border-right: 10px solid #000;}
.f-right ul { margin: 5px 0 0 15px;}
#news-partners { border-bottom: 1px solid #fff; width: 780px; margin: 0;}
.top { background: url(../images/top-bg.png) no-repeat; float: none; clear: both; height: 23px;}
.np-left, .np-right { background: #181818 url(../images/fade.png) repeat-x top; padding: 0 15px 15px 15px;}
.np-left { float: left; border-left: 8px solid #fff; border-right: 1px solid #fff; width: 351px;}
.np-right { float: right; width: 352px; border-right: 8px solid #fff;}
.np-left ul { list-style-type: none; margin: 0; padding: 0;}
.np-left ul li a { background: url(../images/icn-news.gif) no-repeat 2px; display: block; border-bottom: 1px solid #535353; color: #999; margin: 0; padding: 4px 0 4px 25px; width: 326px; text-decoration: none;}
.np-left ul li a:hover { color: #fff; text-decoration: underline;}
.bg { background: url(../images/np-repeat.png) repeat-y; width: 780px;}