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

/* Universals */
* {margin:0; padding:0;} /* Removes Browser placed margins */
img {border-style:none;} /* Removes blue box around images */
a {outline:none;} /* Removes dotted line around clicked images */
body {background:#FFF;}
p {font-family:Verdana, Geneva, sans-serif; font-size:16px; line-height:19px; color:#000;}
p a:link, p a:visited, p a:active {text-decoration:underline; color:#8586ce;}
p a:hover {text-decoration:underline; color:#000;}
.lineHeight24 {line-height:24px;}
.redText {color:#c36a6a;}
#container {width:920px; margin:auto;}
.clear {clear:both;}

/* Top Navigation */
#navBox {width:820px; margin:auto; height:50px; padding:0px 0px 0px 100px;}
.navHome a:link, .navHome a:visited, .navHome a:active {background:url(../images/navHome.jpg) top; height:50px; width:80px; display:block; float:left;}
.navHome a:hover {background:url(../images/navHome.jpg) bottom; height:50px; width:80px; display:block; float:left;}
#navHome2 {background:url(../images/navHome2.jpg); height:50px; width:80px; float:left;}
.navHowTo a:link, .navHowTo a:visited, .navHowTo a:active {background:url(../images/navHowTo.jpg) top; height:50px; width:268px; display:block; float:left;}
.navHowTo a:hover {background:url(../images/navHowTo.jpg) bottom; height:50px; width:268px; display:block; float:left;}
#navHowTo2 {background:url(../images/navHowTo2.jpg); height:50px; width:268px; float:left;}
.navGallery a:link, .navGallery a:visited, .navGallery a:active {background:url(../images/navGallery.jpg) top; height:50px; width:143px; display:block; float:left;}
.navGallery a:hover {background:url(../images/navGallery.jpg) bottom; height:50px; width:143px; display:block; float:left;}
#navGallery2 {background:url(../images/navGallery2.jpg); height:50px; width:143px; float:left;}
.navAbout a:link, .navAbout a:visited, .navAbout a:active {background:url(../images/navAbout.jpg) top; height:50px; width:230px; display:block; float:left;}
.navAbout a:hover {background:url(../images/navAbout.jpg) bottom; height:50px; width:230px; display:block; float:left;}
#navAbout2 {background:url(../images/navAbout2.jpg) top; height:50px; width:230px; float:left;}
.fbSml a:link, .fbSml a:visited, .fbSml a:active {background:url(../images/fbSml.png) top; height:31px; width:33px; display:block; float:left; margin:10px 0px 0px 30px;}
.fbSml a:hover {background:url(../images/fbSml.png) bottom; height:31px; width:33px; display:block; float:left; margin:10px 0px 0px 30px;}

/* Footer */
#footer {width:920px; height:275px; background:url(../images/footerBg.png) no-repeat;}
#footerIndex {width:920px; height:275px; background:url(../images/footerBg.png) no-repeat; margin-top:-63px;}
.footerText {font-size:10px; text-align:center;}
.footerText a:link, .footerText a:visited, .footerText a:active {text-decoration:none; color:#000;}
.footerText a:hover {text-decoration:none; color:#c36a6a;}
.footerText1 {margin:125px 0px 0px 280px; float:left;}
.footerText2 {margin:125px 0px 0px 98px; float:left;}
.footerText3 {margin:2px 0px 0px 0px; float:left; width:920px;}
.footerTextBtm {padding:40px 0px 0px 0px; width:920px; color:#b0b0b0; font-size:10px; text-align:center; clear:both; }

/* index page */
#topBarBox {height:34px; text-align:center;}
#topBarBox p {margin:5px 0 0 0; font-size:11px; color:#fff; font-weight:bold;}
#contentIndex {background:url(../images/contentIndexBg.jpg); height:893px;}
#indexTextBox {width:289px; height:60px; padding:325px 0px 0px 560px;}
#getBtnBox {width:255px; height:136px; margin:9px 0px 0px 591px;}
.getBtn a:link, .getBtn a:visited, .getBtn a:active {width:255px; height:136px; background:url(../images/getBtn.png) top; display:block;}
.getBtn a:hover {width:255px; height:136px; background:url(../images/getBtn.png) bottom; display:block;}
#fbLrgBox {width:131px; height:156px; margin:101px 0px 0px 140px;}
.fbLrg a:link, .fbLrg a:visited, .fbLrg a:active {background:url(../images/fbLrg.jpg) top; height:156px; width:131px; display:block;}
.fbLrg a:hover {background:url(../images/fbLrg.jpg) bottom; height:156px; width:131px; display:block; }

/* about page */
#contentAbout {background:url(../images/contentAboutBg.jpg); height:694px; margin-bottom:30px;}
#aboutNavBox {height:33px; width:110px; padding:75px 0px 0px 570px;}
.aboutNav1 a:link, .aboutNav1 a:visited, .aboutNav1 a:active {background:url(../images/aboutNav1.gif) bottom; width:28px; height:33px; display:block; float:left;}
.aboutNav1 a:hover {background:url(../images/aboutNav1.gif) top; width:28px; height:33px; display:block; float:left;}
#aboutNav1b {background:url(../images/aboutNav1b.gif); width:28px; height:33px; float:left;}
.aboutNav2 a:link, .aboutNav2 a:visited, .aboutNav2 a:active {background:url(../images/aboutNav2.gif) bottom; width:31px; height:33px; display:block; float:left;}
.aboutNav2 a:hover {background:url(../images/aboutNav2.gif) top; width:31px; height:33px; display:block; float:left;}
#aboutNav2b {background:url(../images/aboutNav2b.gif); width:31px; height:33px; float:left;}
.aboutNav3 a:link, .aboutNav3 a:visited, .aboutNav3 a:active {background:url(../images/aboutNav3.gif) bottom; width:23px; height:33px; display:block; float:left;}
.aboutNav3 a:hover {background:url(../images/aboutNav3.gif) top; width:23px; height:33px; display:block; float:left;}
#aboutNav3b {background:url(../images/aboutNav3b.gif); width:23px; height:33px; float:left;}
.aboutNav4 a:link, .aboutNav4 a:visited, .aboutNav4 a:active {background:url(../images/aboutNav4.gif) bottom; width:28px; height:33px; display:block; float:left;}
.aboutNav4 a:hover {background:url(../images/aboutNav4.gif) top; width:28px; height:33px; display:block; float:left;}
#aboutNav4b {background:url(../images/aboutNav4b.gif); width:28px; height:33px; float:left;}
#aboutTextBox {width:355px; margin:25px 0px 0px 500px;}
#aboutNextBtnBox {width:111px; height:71px; margin:30px 0px 0px 125px;}
.aboutNextBtn a:link, .aboutNextBtn a:visited, .aboutNextBtn a:active {width:111px; height:71px; background:url(../images/aboutNextBtn.jpg) top; display:block;}
.aboutNextBtn a:hover {width:111px; height:71px; background:url(../images/aboutNextBtn.jpg) bottom; display:block;}
#aboutTextBoxRight {width:212px; float:left;}
.aboutTextBoxRightText {line-height:24px;}
#aboutTextBoxLeft {width:130px; float:left; margin-bottom:26px;}
.aboutTextBoxLeftText {line-height:24px; color:#c36a6a;}

/* chest page */
#contentChest {background:url(../images/contentChestBg2.jpg) no-repeat; height:1172px; margin-bottom:30px;}
#chestTextBox {width:360px; margin:617px 0px 0px 80px; float:left;}
#howToTextBox {width:355px; margin:75px 60px 0px 0px; float:right;}
.titleInstructionsBump {margin:30px 0px 4px 0px;}
#howtoNavBox {width:210px; height:62px; margin:auto; margin-bottom:30px;}
.howtoPrevBtn a:link, .howtoPrevBtn a:visited, .howtoPrevBtn a:active {width:105px; height:62px; display:block; float:left; background:url(../images/howtoPrevBtn.jpg) top;}
.howtoPrevBtn a:hover {width:105px; height:62px; display:block; float:left; background:url(../images/howtoPrevBtn.jpg) bottom;}
.howtoNextBtn a:link, .howtoNextBtn a:visited, .howtoNextBtn a:active {width:105px; height:62px; display:block; float:left; background:url(../images/howtoNextBtn.jpg) top;}
.howtoNextBtn a:hover {width:105px; height:62px; display:block; float:left; background:url(../images/howtoNextBtn.jpg) bottom;}
/* helmet page */
#contentHelmet {background:url(../images/contentHelmetBg.jpg); height:1321px; margin-bottom:30px;}
#helmetTextBox {width:360px; margin:748px 0px 0px 80px; float:left;}

/* shield page */
#contentShield {background:url(../images/contentShieldBg.jpg); height:908px; margin-bottom:30px;}
#shieldTextBox {width:360px; margin:518px 0px 0px 80px; float:left;}

/* weapons page */
#contentWeapons {background:url(../images/contentWeaponsBg3.jpg); height:1540px; margin-bottom:30px;}
#weaponsTextBox {width:360px; margin:637px 0px 0px 80px; float:left;}

/* HOW page */
#contentHow {background:url(../images/contentHowBg4.jpg); height:1321px; margin-bottom:30px;}
#helmetTextBox {width:360px; margin:748px 0px 0px 80px; float:left;}
#howToTextBox2 {width:355px; margin:115px 60px 0px 0px; float:right;}
#howNextBtnBox {width:111px; height:71px; margin:auto; margin-top:10px;}
.howNextBtn a:link, .howNextBtn a:visited, .howNextBtn a:active {width:111px; height:71px; display:block; background:url(../images/aboutNextBtn.jpg) top;}
.howNextBtn a:hover {width:111px; height:71px; display:block; background:url(../images/aboutNextBtn.jpg) bottom;}

/* gallery page */
#contentGallery {background:url(../images/contentGalleryBg.jpg); height:799px; margin:0px 0px 30px 0px;}
#contentGallery2 {background:url(../images/contentGalleryBg2.jpg); height:799px; margin:0px 0px 30px 0px;}
#friendsBtn {width:138px; height:118px; margin:0px 100px 0px 0px; float:right;}
#photoArchiveBlock1 { width:456px; height:93px; padding:135px 0px 0px 385px;}
#photoArchiveBlock2 {margin:0px 0px 0px 83px; width:755px; height:381px;}
#photoArchiveBlock3 { width:456px; height:122px; padding:106px 0px 0px 385px;}
.ie7 #photoArchiveBlock2 {margin:3px 0px 0px 83px; width:755px; height:381px;}
.archivePhoto {float:left; margin:29px 24px 28px 25px; border:#6865c2 2px solid;}
.ie7 .archivePhoto {float:left; margin:29px 24px 29px 25px; border:#6865c2 2px solid;}
.archivePhoto2 {float:left; margin:0px 24px 28px 25px; border:#6865c2 2px solid;}
#gallerySendBtnBox {width:172px; height:83px; margin:89px 0px 0px 368px;}
.sendPicBtn a:link, .sendPicBtn a:visited, .sendPicBtn a:active {width:172px; height:83px; background:url(../images/sendPicBtn.png) top; display:block;}
.sendPicBtn a:hover {width:172px; height:83px; background:url(../images/sendPicBtn.png) bottom; display:block;}

/* creative page */
#contentCreative {background:url(../images/contentCreativeBg.jpg) no-repeat; height:1571px; margin-bottom:30px; position:relative;}
#contentCreativeTextBox {width:360px; margin:848px 0px 0px 80px; float:left;}