@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////////////////
CSS Stylesheet for Impulse Gaming | Last updated 11/11/2008
/////////////////////////////////////////////////////////////////////////////////////*/
body { background: #fff url(../images/bg.png) repeat-x top; font-family: Tahoma, sans-serif; font-size: 11px; color: #fff; margin: 0; padding: 0;}
h1,h2,h3,h4,a,img,p,table,form { margin: 0; padding: 0; text-decoration: none; border: 0;}
a { color: #439cc6;}
a:hover { color: #99ccff; text-decoration: underline;}
table { width: 100%;}

/*/////////////////////////////////////////////////////////////////////////////////////
Page framework divs
/////////////////////////////////////////////////////////////////////////////////////*/
#container { background: url(../images/main-bg.png) repeat-y; margin: 0 auto; width: 924px;}
#wrapper { background: url(../images/bottom-grad.jpg) repeat-x bottom; width: 860px; margin: 0 32px;}
#banner { background: #000 url(../images/banner.jpg); width: 860px; height: 120px;}
#navigation { background: #0e0e0e; border-top: 1px solid #333; border-bottom: 2px solid #333; height: 41px;}
#navigation ul { list-style-type: none; margin: 0; padding: 0;}
#navigation ul li { display: inline;}
#navigation ul li a { display: block; float: left; color: #999; margin: 0; padding: 14px 12px; text-transform: uppercase;}
#navigation ul li a:hover { background: #202020; color: #fff; text-decoration: none;}
#info-header { background: #171717 url(../images/header.jpg) no-repeat; height: 300px;}
.info-header-l { height: 100%; width: 220px;}
#left { background: #090909; float: left; color: #999; margin: 0 0 0 10px; padding: 20px 10px; width: 180px;}
#right { float: right; width: 650px;}
#content { padding: 20px 15px 75px 15px; line-height: 18px;}
#footer { background: #fff url(../images/bottom-drop-shadow.jpg) no-repeat center top; color: #666; padding: 40px 32px; width: 860px; text-align: center;}
#footer ul { list-style-type: none; padding: 0;}
#footer ul li { display: inline;}
#footer ul li a { display:inline; font-weight: bolder; border-right: 1px solid #333; height: 13px; padding: 0 6px; text-decoration: underline;}
#footer ul li a.last { border: 0;}
#footer p { display: block; float: none; clear: left; padding: 15px 0 0 0;}
#footer div.links { text-align: right; padding: 15px 0 0 0;}
#footer div.links span { float: left;}

/*/////////////////////////////////////////////////////////////////////////////////////
Content styles
/////////////////////////////////////////////////////////////////////////////////////*/
.clear { float: none; clear: both;}
h1 { border-bottom: 1px solid #2e2e2e; font-family: Tahoma; font-size: 11px; font-weight: bolder; color: #92b700; padding: 0 0 4px 2px; margin: 0 0 15px 0; text-transform: uppercase;}
h2 { font-family: Arial, sans-serif; font-size: 16px; font-weight: bolder; color: #fff; margin: 0 0 10px 0;}
h3, h4 { font-family: Tahoma; font-size: 11px; color: #92b700; margin: 0 0 15px 0; padding: 0;}
h4 { display: block; background: #202020 url(../images/arrow.gif) no-repeat 600px; color: #fff; margin: 0; padding: 5px 8px;}
h4:hover { color: #999;}
p { padding: 0 0 12px 0;}
.green { color: #92b700;}
.blue { color: #439cc6;}
#banner h1 { display: none;}
.announcement { background: #202020 url(../images/info.png) no-repeat left top; font-family: Arial; font-size: 11px; color: #555; line-height: 14px; border: 1px solid #333333; padding: 6px 7px 7px 28px;}
#payment-methods { background: url(../images/payment-methods.png) no-repeat center center; width: 620px; height: 64px; margin: 50px 0 0 0;}
#server-locations { background: url(../images/server-locations.png) no-repeat top; color: #999; width: 180px; padding: 140px 0 10px 0; margin: 0 0 0 20px;}
#server-locations .ip-addr { display: block; float: left; padding: 6px 0 0 0;}
.info-header-l h3 { margin: 0 0 0 20px; padding: 12px 0;}
.box { border-bottom: 1px solid #2e2e2e; margin: 5px 0 15px 0;}
.box-heading { background: #171717 url(../images/dollar-sign.png) no-repeat 5px 6px; border-bottom: 1px solid #2e2e2e; font-weight: bolder; color: #92b700; line-height: 13px; padding: 5px 5px 5px 40px; width: 135px;}
.box-desc { font-size: 11px; color: #999; padding: 6px 5px; text-align: justify;}
.box-desc:hover { background: url(../images/nav-bg.png) repeat-y;}
.box-desc img { margin: 0 0 15px 0;}

/*/////////////////////////////////////////////////////////////////////////////////////
For home page
/////////////////////////////////////////////////////////////////////////////////////*/
.news-container { background: url(../images/news-bg.png) no-repeat top; border-bottom: 1px solid #2e2e2e; margin: 0 0 20px 0; padding: 15px; width: 590px;}
.date { display: inline; font-size: 11px; margin: 0 0 0 15px;}

/*/////////////////////////////////////////////////////////////////////////////////////
For game servers page
/////////////////////////////////////////////////////////////////////////////////////*/
table#game-servers { margin: 15px 0;}
table#game-servers tr td { border-bottom: 1px solid #333; padding: 4px;}
table#game-servers tr td.title { background: url(../images/title-bg.gif) repeat-x; font-weight: bolder; color: #92b700; height: 28px; padding: 0 4px;}
table#game-servers tr td.game { background: url(../images/favicon.ico) no-repeat 4px 4px; padding: 0 0 0 28px;}
table#game-servers tr:hover { background: #202020;}

/*/////////////////////////////////////////////////////////////////////////////////////
For faqs page
/////////////////////////////////////////////////////////////////////////////////////*/
.question { color: #92b700;}
.answer { color: #c2c2c2; padding: 0 0 12px 15px; text-align: justify;}

/*/////////////////////////////////////////////////////////////////////////////////////
For contact page
/////////////////////////////////////////////////////////////////////////////////////*/
#contact-bg { background: #2e2e2e; width: 100%; margin: 20px 0 25px 0; padding: 5px;}
#contactFrame { width: 630px; height: 177px; margin: 15px 0 25px 0; overflow: hidden;}
.text-field, .textarea, .button, .drop-down { background: #090909; font-family: Arial; font-size: 12px; color: #ccc; border: 1px solid #fff; margin: 0 0 2px 0; padding: 2px;}
.drop-down { width: 160px;}
.text-field { width: 160px;}
.textarea { width: 300px; height: 90px; margin: 0;}

/*/////////////////////////////////////////////////////////////////////////////////////
For site map page
/////////////////////////////////////////////////////////////////////////////////////*/
ul.sitemap { list-style-type: square;}

/*/////////////////////////////////////////////////////////////////////////////////////
For links (link to us) page
/////////////////////////////////////////////////////////////////////////////////////*/
.linktousform { background:  url(../images/link-bg.png) repeat-x; height: 135px; margin: 0 80px; text-align: center;}
.linktousform { padding: 25px;}
.txtField1 { background: #171717; border: 1px solid #555; color: #c2c2c2; width:410px; height: 125px;}
html * txtField1 { margin: 0 100px 0 0;}
