/* @override http://localhost/~ricky/anim8.biz/css/main.css */
/* @group Global */
body {background-color:#1e1e1e;}
.hiddenText {display:none;}
strong {font-weight:bold;}
a {color:#b4925f;font-weight:bold;font-family:Helvetica, Arial, sans-serif;text-decoration:none;}
a:hover {color:#fff489;}
.clear {clear:both;}
.widthConstraint {width:980px;height:100%;margin:0 auto;}
#warningBand {background:url(../images/warningBand.png) repeat-x;width:100%;height:22px;}
#warningTextBacker {width:631px;height:22px;margin:0 auto;background:url(../images/warningTextBack.png) no-repeat;}
#warningText {color:black;font:bold 12px Helvetica, Arial, sans-serif;display:block;width:600px;height:22px;margin:0 auto;text-align:center;padding-top:4px;}
/* @end */
/* @group Top */
#topBar {width:100%;height:64px;background:url(../images/topBar.png) repeat-x;}
#namePlacard {background:url(../images/namePlacard.png) no-repeat;float:left;width:310px;height:81px;display:block;position:absolute;}
#navigationMargin {width:600px;overflow:auto;height:40px;padding-left:317px;padding-top:20px;}
#introText {color:#edeee5;font:12px Helvetica, Arial, sans-serif;}
#navigation {margin-top:3px;}
.topLink {display:inline;margin-right:30px;}
.topLink a {font-size:15px;}
#activeSection a {color:#fff489;}
/* @end */
/* @group Middle Band */
#middleBase {width:100%;min-height:400px;background:#cc7a00 url(../images/orangeBandShading.png) repeat-x 0 bottom;}
#yellowBand {width:492px;min-height:400px;background-image:url(../images/yellowBand.png);float:right;margin-right:62px;}
#yellowShading {min-height:400px;background:url(../images/yellowShading.png) repeat-x 0 bottom;width:476px;margin:0 auto;}
#imageBox {width:378px;height:268px;float:left;margin-top:30px;margin-left:28px;}
/* @group Image Box (JavaScript Off) */
#noScriptListing {width:378px;height:268px;}
#noScriptHeader {background:url(../images/portfolio/noScriptTop.png) no-repeat;width:378px;height:34px;}
#noScriptText {color:white;font:12px Helvetica, Arial, sans-serif;display:block;padding-top:14px;padding-left:18px;}
#noScriptImageListBack {width:378px;height:209px;background:url(../images/portfolio/noScriptMiddle.png) no-repeat;}
#noScriptImageList {width:358px;margin-left:10px;height:209px;overflow:auto;}
#noScriptImageContainer {width:332px;margin:0 auto;}
#noScriptBottom {background-image:url(../images/portfolio/noScriptBottom.png);width:378px;height:25px;}
/* @end */
/* @group Image Box (JavaScript On) */
.emptyPage {width:7px;height:7px;background:url(../images/portfolio/pager.png) no-repeat right;cursor:pointer;float:left;margin:1px;position:relative;top:0;}
.filledPage {width:7px;height:7px;background:url(../images/portfolio/pager.png) no-repeat;float:left;margin:1px;z-index:0;position:relative;}
#galleryBoxContainer {width:378px;height:268px;}
#backgroundPlacard {background:url(../images/portfolio/placard.png) no-repeat;width:354px;height:228px;overflow:hidden;position:relative;}
#imageScroll {height:228px;position:relative;white-space:nowrap;width:10000px;padding-top:70px;padding-left:135px;}
#imageScroll a {width:354px;display:block;float:left;}
#pageContainer {height:18px;width:90px;position:relative;float:left;}
#previous {width:23px;height:23px;background:url(../images/portfolio/previous.png) no-repeat;cursor:pointer;float:left;position:relative;left:100px;}
#next {width:23px;height:23px;background:url(../images/portfolio/next.png) no-repeat;cursor:pointer;position:relative;z-index:1;float:right;right:100px;}
/* @end */
.supplimentaryLink, .supplimentaryLink:hover {color:#191918;text-shadow:#cfd0cd 0 1px 0;font-size:14px;display:block;width:189px;height:25px;background:url(../images/supplementaryLink.png) no-repeat;padding-top:9px;text-align:center;margin:0 auto;}
#pageCopy {margin-left:36px;margin-top:8px;margin-right:36px;}
#pageCopy p {color:black;font:12px Helvetica, Arial, sans-serif;padding-bottom:15px;}
/* @end */
/* @group Bottom */
#bottomCap {background:url(../images/bottomShadow.png) repeat-x;height:50px;}
#bottomLinks {float:right;margin-right:73px;padding-top:5px;}
#contact {color:#9e9f99;font:12px Helvetica, Arial, sans-serif;}
#resumeLink {font:12px Helvetica, Arial, sans-serif;margin-left:20px;}
.copyright {color:#9e9f99;font:10px Helvetica, Arial, sans-serif;display:block;}
#copyrightBlock {width:400px;height:20px;text-align:center;margin:0 auto;padding-top:22px;opacity:0.45;padding-bottom:22px;}
/* @end */