body {
margin: 0px;
padding: 0px;
background: #222222 center 0 repeat-y;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height:130%;
color: #ffffff;
}
.clear {
clear:both;
position:relative;
font-size:0px;
height:0px;
line-height:0px
}
.clear2 {
clear:both;
position:relative;
font-size:0px;
height:100px;
line-height:0px
}
img {
padding:0; margin:0; line-height: 0;
}
#wrapper {
width: 995px;
margin: 0px auto;
padding: 0px;
background:#000000;
}
#masthead {
background:url('../img/masthead-bg.jpg') no-repeat;
width: 995px;
height: auto;
margin: 0;
padding: 0;
float: left;
text-align:left;
position:relative;
}
#logo {
float:left;
}
#strapLine {
float:right;
background:url('../img/masthead-eyes.gif') top right no-repeat;
height: 75px;
padding: 86px 20px 0 0;
}
a { color: #b2c800; font-weight:700; }
a:hover { color:#FFFFFF; }
h1#interactive {
background: url('../img/h1-interactive.gif') no-repeat 0 0px;
width: 434px;
height: 23px;
text-indent: -1000em;
padding:0;
margin:0;
}
h1#breakthrough { background: url('../img/h1-breakthrough.gif') no-repeat 0 0px; width: 493px; height: 28px; text-indent: -1000em; }
h1#breakthrough2 { background: url('../img/h1-breakthrough2.gif') no-repeat 0 0px; width: 493px; height: 28px; text-indent: -1000em; }
h1#missions { background: url('../img/h1-missions.gif') no-repeat 0 0px; width: 493px; height: 26px; text-indent: -1000em; }
h1#guns { background: url('../img/h1-gaming-guns.gif') no-repeat 0 0px; width: 493px; height: 26px; text-indent: -1000em; }
h1#league { background: url('../img/h1-league.gif') no-repeat 0 0px; width: 493px; height: 26px; text-indent: -1000em; }
h1#pricing { background: url('../img/h1-pricing.gif') no-repeat 0 0px; width: 493px; height: 26px; text-indent: -1000em; }
h1#gallery { background: url('../img/h1-gallery.gif') no-repeat 0 0px; width: 493px; height: 26px; text-indent: -1000em; }
h1#registration { background: url('../img/h1-registration.gif') no-repeat 0 0px; width: 493px; height: 26px; text-indent: -1000em; }
h2#about { background: url('../img/h2-about.gif') no-repeat 0 0px; width: 72px; height: 20px; text-indent: -1000em; }
h2#services { background: url('../img/h2-services.gif') no-repeat 0 0px; width: 102px; height: 20px; text-indent: -1000em; }
h2#book { background: url('../img/h2-book.gif') no-repeat 0 0px; width: 150x; height: 20px; text-indent: -1000em; }
h2#newsletter { background: url('../img/h2-newsletter.gif') no-repeat 0 0px; width: 96px; height: 20px; text-indent: -1000em; }
h2#capture { background: url('../img/h2-capture.gif') no-repeat 0 0px; width: 140px; height: 20px; text-indent: -1000em; }
h2#baseAssault { background: url('../img/h2-base-assault.gif') no-repeat 0 0px; width: 108px; height: 20px; text-indent: -1000em; }
h2#defend { background: url('../img/h2-defend.gif') no-repeat 0 0px; width: 130px; height: 20px; text-indent: -1000em; }
h2#escort { background: url('../img/h2-vip.gif') no-repeat 0 0px; width: 85px; height: 20px; text-indent: -1000em; }
h2#commando { background: url('../img/h2-commando.gif') no-repeat 0 0px; width: 88px; height: 20px; text-indent: -1000em; }
h2#scorpion { background: url('../img/h2-scorpion.gif') no-repeat 0 0px; width: 105px; height: 20px; text-indent: -1000em; }
h2#pulse { background: url('../img/h2-pulse.gif') no-repeat 0 0px; width: 47px; height: 20px; text-indent: -1000em; }
h2 { font-size: 16px; }
h3 { font-size: 12px; color: #b8cd21; padding:0; margin:0 }
/* 1 -------- COLUMN GRIDS -------
---------------------------------------------------------------------- */
#column1 {
float: left;
padding: 0 20px;
width: 290px;
}
#column2 {
float: left;
padding: 0 20px;
width: 290px;
}
#column3 {
float: right;
padding: 0 20px;
width: 290px;
}
#contentContainer {
padding: 0 20px 0 20px;
}
.formSuccess {
color:#8EE659;
font-weight:700;
}
.formError {
color:#FF0000;
font-weight:700;
}
/* 2 -------- MAIN NAVIGATION -------
---------------------------------------------------------------------- */
#navContainer {
width: 995px;
height: 50px;
margin: 0 5px 0 0;
padding: 0px;
float: left;
}
#nav {
width: 995px;
height: 50px;
padding: 0px;
margin: 0px;
position: relative;
}
#nav ul {
height: 50px;
margin: 0px;
padding: 0px;
background:url(../img/nav-combo.jpg) no-repeat left top;
}
#nav ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
float: left;
}
#nav ul li a {
float: left;
text-decoration: none;
border: 0px;
text-indent: -1000em;
font-size: 0.1em;
height: 50px;
overflow:hidden;
}
/* off states */
#nav #button1 a { width: 165px; }
#nav #button2 a { width: 98px; }
#nav #button3 a { width: 125px; }
#nav #button4 a { width: 155px; }
#nav #button5 a { width: 150px; }
#nav #button6 a { width: 88px; }
#nav #button7 a { width: 211px; }
/* over and active states */
#button1.active a { background: url(../img/nav-combo.jpg) no-repeat -0px -50px; }
#nav #button1 a:hover { background: url(../img/nav-combo.jpg) no-repeat -0px -50px; }
#button2.active a { background: url(../img/nav-combo.jpg) no-repeat -165px -50px; }
#nav #button2 a:hover { background: url(../img/nav-combo.jpg) no-repeat -165px -50px; }
#button3.active a { background: url(../img/nav-combo.jpg) no-repeat -264px -50px; }
#nav #button3 a:hover { background: url(../img/nav-combo.jpg) no-repeat -264px -50px; }
#button4.active a { background: url(../img/nav-combo.jpg) no-repeat -389px -50px; }
#nav #button4 a:hover { background: url(../img/nav-combo.jpg) no-repeat -389px -50px; }
#button5.active a { background: url(../img/nav-combo.jpg) no-repeat -544px -50px; }
#nav #button5 a:hover { background: url(../img/nav-combo.jpg) no-repeat -544px -50px; }
#button6.active a { background: url(../img/nav-combo.jpg) no-repeat -694px -50px; }
#nav #button6 a:hover { background: url(../img/nav-combo.jpg) no-repeat -694px -50px; }
#button7.active a { background: url(../img/nav-combo.jpg) no-repeat -782px -50px; }
#nav #button7 a:hover { background: url(../img/nav-combo.jpg) no-repeat -782px -50px; }
/* 3 -------- HOME -------
---------------------------------------------------------------------- */
.homeContent {
padding: 15px 0 0 0;
background:url(../img/home-content-bg.jpg) no-repeat;
}
.bookNow {
margin: 20px 0 20px 0;
}
.facebook {
position: relative;
width: 290px;
height: 172px;
background:url(../img/live-forums.gif) no-repeat;
}
.pltLink {
position: absolute;
display: block;
width: 106px;
height: 43px;
top: 20px;
right: 10px;
text-indent: -9999px;
}
.facebookLike {
position: absolute;
top: 85px;
left: 20px;
}
/* 3 -------- MISSIONS -------
---------------------------------------------------------------------- */
.missionContainer { border: 3px solid #333333; padding: 10px; margin-bottom: 20px }
/* 4 -------- GUNS -------
---------------------------------------------------------------------- */
/* initially all panes are hidden */
.panes .pane {
display:none;
}
.gunsContainer .pane {
display: none;
width: 600px;
height: auto;
padding: 15px;
}
div.wrap {
margin-bottom:20px;
}
.wrap .pane {
display:none;
height: 200px;
border-top:0;
}
.pane td {
padding: 5px 0;
border-bottom: 1px solid #333333;
}
.gunsContainer {
height: 327px;
padding: 0 0 0 0;
margin-bottom: 20px;
background:url(../img/gun-bg.jpg) bottom no-repeat;
}
.scorpion {
height: 327px;
background:url(../img/scorpion/sporpion-main.jpg) right 0px no-repeat;
}
.commando {
height: 327px;
background:url(../img/commando/commando-main.jpg) right 0px no-repeat;
}
.p90 {
height: 327px;
background:url(../img/p90/p90-main.jpg) right 0px no-repeat;
}
.spitfire {
height: 327px;
background:url(../img/spitfire/spitfire-main.jpg) right 0px no-repeat;
}
.pulse {
height: 327px;
background:url(../img/pulse/pulse-main.jpg) right 0px no-repeat;
}
.gunsDescription {
float:left;
width: 575px;
padding-right: 25px
}
.gunsImage {
float:right;
width:325px;
}
.gunsContainer h3 {
padding: 10px 15px;
text-transform: uppercase;
color: #FFF;
}
.gunsContainer ul.tabs {
margin: 14px 0 0 15px;
padding: 0;
list-style: none;
height: 40px;
}
.gunsContainer ul.tabs li {
float: left;
margin: 0 15px 0 0;
}
.gunsContainer ul.tabs li a {
display: block;
height: 27px;
text-indent: -999px;
}
.gunsContainer ul.tabs li a.description {
width: 66px;
background: url(../img/nav/tab-description.gif) no-repeat;
}
.gunsContainer ul.tabs li a.specs {
width: 57px;
background: url(../img/nav/tab-specs.gif) no-repeat;
}
.gunsContainer ul.tabs li a.specsOther {
width: 69px;
background: url(../img/nav/tab-other-specs.gif) no-repeat;
}
.gunsContainer ul.tabs li a.emulations {
width: 111px;
background: url(../img/nav/tab-emulations.gif) no-repeat;
}
.gunsContainer ul.tabs li a.images {
width: 39px;
background: url(../img/nav/tab-images.gif) no-repeat;
}
.gunsContainer ul.tabs li a:hover, .gunsContainer ul.tabs li a.current {
background-position: 0 -27px;
}
.gunsContainer .pane img {
float: left;
margin: 0 5px 0 0;
border: 3px solid #333333;
}
/* 5 -------- PRICING -------
---------------------------------------------------------------------- */
.divider { border-left: 1px dotted #666666; padding-left: 10px; }
.publicContainer { padding-right: 10px; }
.pricingTable td {
border-bottom: 1px solid #999999;
padding: 10px;
vertical-align: top;
}
ul.features {
font-size: 11px;
padding:0;
margin:0 0 0 10px;
}
ul.features li {
list-style:disc;
padding: 0 0 0 1px;
}
.heading {
background:#333333;
font-weight: 700;
}
/* 6 -------- REGISTRATION -------
---------------------------------------------------------------------- */
#registrationContainer {
width: 500px;
height: 250px;
border: 3px solid #333333;
padding: 10px;
margin-bottom: 20px;
background:url(../img/scractchBg.jpg) bottom no-repeat;
float:left;
}
#actionShot {
float:right;
}
/* 3-:------------------------------ Thumbnail Viewer -------------------------------- */
.gallery {
margin: 0;
padding: 0;
width: 952px;
}
.gallery li {
float: left;
margin: 8px;
padding: 0;
list-style-type: none;
height: 100px;
overflow: hidden;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}
#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/* 7 -------- FOOTER -------
---------------------------------------------------------------------- */
#footer {
background:url(../img/footer-bg.jpg) no-repeat;
text-align:center;
height: 30px;
padding: 44px 0 0 0;
font-size:11px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#footer a { color:#ffffff; padding: 0 2px 0 2px }
#footer a:hover { color:#000000; }
/* ---- sIFR ------
-------------------------------------------------------------------- */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2 { font-family: Verdana; visibility: hidden; }
}