/****************************************
| ** Fishing Cactus Layout CSS **
|
| Created by: Adam Foster
| Date Created: 04-03-2009
| Copyright 2009 Fully Illustrated
|
****************************************/

/** CSS RESET **/

* {	margin: 0px; padding: 0px; text-indent: 0px; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }

/** GLOBAL STYLES **/

a, a:visited { color: #7F3220; text-decoration: none; outline: 0 none!important; }
a:hover { color: #a3421c!important; }
a:active { border: none!important; outline: 0 none!important; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.last { }
.end { margin-right: 0px!important; border: none!important;  }
.blank { background: none!important; }

h1 { font-size: 30px; line-height: 32px; color: #000000; text-transform: uppercase; padding-bottom: 8px; }
h2 { font-size: 30px; line-height: 32px; color: #000000; text-transform: uppercase; padding-bottom: 8px; }
h3 { font-size: 14px; color: #000000; line-height: 16px; padding-bottom: 8px; }


/** MAIN LAYOUT **/

body { background: #e6d79e url(../img/background-body.jpg) top no-repeat; color: #554d2c; font-family:Arial, Helvetica, sans-serif; line-height: 13px; font-size: 11px; -webkit-text-size-adjust: none; }
p, strong, em { font-size: 11px; }
#feature { width: 913px; margin-bottom: 15px; padding: 0 40px; }
#main { width: 913px; padding: 0 40px; }
#footer { width: 929px; padding: 20px 34px 0; margin-top: 20px; background: url(../img/background-footer.gif) top no-repeat; height: 30px; position: relative; }
#footer-nav li { float: left; }
#footer-nav li a, #footer-nav li a:visited { color: #342f1d; padding: 0px 8px; border-right: 1px solid #c3b683;  }
#footer-nav li a:hover { text-decoration: none; color: #a3421c; }
.fullyillustrated { position: absolute; right:45px; top:18px; }
.fullyillustrated a, .fullyillustrated a:visited { background: url(../img/logo-fullyillustrated.gif) right no-repeat; padding:2px 37px; color: #8b7e4e!important; display: block; }
.fullyillustrated span { color: #342f1d; }
.fullyillustrated a:hover span { color: #a3421c; }

/** HEADER **/

#wrapper { width: 993px; margin: 0 auto; }
#header { width: 913px; height: 161px; padding: 0 40px; }
#logo { float: left; width: 244px; }
#navigation { float: right; width: 520px; }
#navigation li { float: left; }
#navigation li a, #navigation li a:visited { background-image: url(../img/navigation.png); height: 116px; display: block; text-indent: -3000px; position: relative; top: 0px; background-repeat: no-repeat; }
.nav-g a, .nav-g a:visited { background-position: 0px 0px; width: 105px; left: 5px; }
.nav-s a, .nav-s a:visited { background-position: -113px 0; width: 97px; left: -5px; }
.nav-a a, .nav-a a:visited { background-position: -240px 0px; width: 80px; }
.nav-b a, .nav-b a:visited { background-position: -345px 0px; width: 78px; }
.nav-j a, .nav-j a:visited { background-position: -441px 0px; width: 77px; }
.nav-c a, .nav-c a:visited { background-position: -534px 0px; width: 81px; }
#navigation li a:hover, #navigation li.nav-selected a, #navigation li.nav-selected a:visited { top: -10px; padding-bottom: 10px; }

/* BOXES & WIDTHS */

.box { background: #ebdfb1; border: 9px solid #cdc090; padding: 15px; width: 865px; }
.box a, .box a:visited { color: #7F3220; }
.box strong { color: #7f3220; padding-bottom: 8px; display: block; }

.boxbig { background: #ebdfb1; border: 9px solid #cdc090; padding: 15px; width: 560px; }
.boxbig a, .boxbig a:visited { color: #7F3220; }
.boxbig strong { color: #7f3220; padding-bottom: 8px; display: block; }

.boxbig2 { background: #ebdfb1; border: 9px solid #cdc090; padding: 15px; width: 640px; }
.boxbig2 a, .boxbig2 a:visited { color: #7F3220; }
.boxbig2 strong { color: #7f3220; padding-bottom: 8px; display: block; }

.boxjobs { background: #ebdfb1; border: 9px solid #cdc090; padding: 15px; width: 865px; }
.boxjobs a, .boxjobs a:visited { color: #7F3220; }
.boxjobs strong { color: #7f3220; padding-bottom: 8px; display: block; }

.width346 { width: 346px; }
.width643 { width: 643px; }
.width402 { width: 402px; }

/** JOBS **/

.jobs-row { width: 913px; padding-top: 15px; }
.jobs-row .box { min-height: 135px; }
.jobs-pic { width: 194px; height: 163px; background: url(../img/background-profiles.jpg) top no-repeat; padding: 10px; } 

.jobs .boxbig { padding: 15px 15px 15px 320px; min-height: 150px; position: relative; }
.jobs .boxbig .imgleft { position: absolute; left: -9px; top: 0px; }

.jobs .boxbig2 { padding: 15px 240px 15px 15px; min-height: 150px; position: relative; }
.jobs .boxbig2 .imgright { position: absolute; right: -70px; top: 0px; }

.jobs .box { padding: 15px 15px 15px 15px; min-height: 90px; position: relative; }
.jobs .boxjobs { min-height: 135px; }
.jobs .box .imgleft { position: absolute; left: -9px; top: 29px; }

.jobsboard { background: url(../img/jobs-wanted.png) top left no-repeat; left: -60px; width: 390px; height: 175px; padding: 60px 300px 80px 340px; position: relative; margin: 50px 150px 0px 0px; }
.jobsboard .imgtext { position: absolute; top: -60px; right: 0px; }

/** HOMEPAGE **/

.home .box { padding: 15px 15px 15px 70px; min-height: 150px; position: relative; }
.home .box.right { padding-left: 105px; width: 311px; }
.home .box .imgleft { position: absolute; left: -9px; top: 29px; }
.home .box .h2 {position: relative;}

/** ABOUT PAGE **/

.board { background: url(../img/background-board.png) top left no-repeat; width: 543px; height: 168px; padding: 60px 175px 80px 75px; position: relative; margin: 30px 0 15px 20px; }
.about .board .imgtext { position: absolute; top: -30px; right: -110px; }
.value-row { width: 865px; padding-top: 10px; }
.value { background-image: url(../img/background-values.jpg); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 0px 105px; width: 327px; float: left; min-height:105px; }
.v2 { background-position: 0 -173px; } .v3 { background-position: 0 -346px; } .v4 { background-position: 0 -522px; } .v5 { background-position: 0 -692px; } .v6 { background-position: 0 -867px; }
.value p { padding-bottom: 8px; }
.h2-underline { border-bottom: 1px solid #b3a46b; padding: 20px 0 0 50px; background: url(../img/background-cactus.gif) left bottom no-repeat; margin-bottom: 5px; }
.about-row { width: 913px; padding-top: 15px; }
.about-row .box { min-height: 135px; }
.about-pic { width: 194px; height: 163px; background: url(../img/background-profiles.jpg) top no-repeat; padding: 10px; } 

/** GAME OVERVIEW **/
.project-pic { width: 259px; height: 199px; background: url(../img/background-projects.png) top no-repeat; padding-top: 21px; padding-left:11px;} 
.project img {
	position: absolute;
	padding-top: 148px;
	padding-left:0px;
	margin-left:-38px;
}

/** GAMES PAGE **/

.games .box { min-height: 180px; }
.games .box h2 { margin-bottom: 10px; }
.games .box p { padding-bottom: 8px; }
.games .box strong { display: inline; }
.star-bullets strong { padding: 0; }
.star-bullets li { padding: 0 0 8px 25px; background: url(../img/icon-star.gif) top left no-repeat; }
.sign { float: left; width: 297px; height: 183px; background: url(../img/background-sign.gif); margin: 0 11px 20px 0; }
.sign .star-bullets { margin: 34px 20px 0 38px; }
.site-button, .game-button { text-indent: -3000px; display: block; background-image: url(../img/games-buttons.png); width: 257px; height: 147px; background-repeat: no-repeat; margin: 21px 0 0 32px; }
a.site-button:hover { background-position: 0 -150px; }
.game-button { background-position: -287px 0; margin: 18px 0 0 12px; }
a.game-button:hover { background-position: -287px -150px; }
/* screenshots */
#screenshots { background: url(../img/background-screenshots.jpg); width: 912px; height: 402px; margin-bottom: 20px; position: relative; }
#screenshot { width: 615px; height: 346px; margin: 30px 0 0 24px; z-index:5; position: relative; }
#thumb-holder { width:233px; height:272px; position: relative; overflow: hidden; margin:71px 20px 0 0; }
#thumb-scroller { height:272px; width: 9999px; position: relative; top: 0px; left: 0px; }
.thumbnails { float: left; width:237px; height:272px; background: url(../img/background-thumbs.gif); }
.thumbnails li { float: left; width:75px; height:42px; margin: 0 4px 4px 0; overflow:hidden; position:relative; }
.thumbnails li span { display:block; height:36px; left:0; position:absolute; top:0; width:69px; }
.thumbnails li a:hover span, .thumbnails li .activethumbnail span { border: 3px solid #ffffff; }
#screen-prev, #screen-next { background-image: url(../img/background-scroll.jpg); width:119px; height:38px; position: absolute; right:136px; top:349px; display: block; overflow: hidden; text-indent: -3000px; }
.pag-active { cursor: default; }
a#screen-prev:hover, #screen-prev.pag-active { background-position: 0 -38px; }
#screen-next { right:15px; background-position: -119px 0; }
a#screen-next:hover, #screen-next.pag-active { background-position: -119px -38px; }
#ajaxloader { left:309px; position:absolute; top:182px; z-index:2; }

/** SIFR **/

@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; }
  h2.sIFR-replaced { padding-bottom: 0px; }
}