/* --- Main Page Container --- */
body { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #a7a7a7; background-color:#131313; background:url(../images/bg.gif);}
#body-wrapper { width:965px; text-align:left; }

/* --- Global Margins --- */
h1, h2, h3, h4, h5, h6, form { margin:0;}
h2 { font-size:14px; }
h3 { font-size:12px; }
h4 { font-size:11px; }
p { margin:10px 0 0 0;}

/* --- Text Styles --- */
.blueTxt, .blueTxt a, a.blueTxt { color:#1A92C0; }
.greyTxt, .greyTxt a { color:#818181; }
.tealTxt { color:#0ff; }
.whiteTxt { color:#fff; }
.font10 { font-size:10px; }
.noU { text-decoration:none; }

.checked { list-style-type:none; margin:12px 0 18px 0; padding:0; }
.checked li { background:url(../images/bullet-check.gif) 0 2px no-repeat; padding-left:18px; margin-bottom:3px; }

/* --- Main Link Styles --- */
a { color:#0ff; text-decoration:none; }
a img { border:0; }
a:hover { color:#FFFFFF; }

/* --- Form Fields --- */
.txtArea, .txtField { border:2px solid #A7A7A7; background-color:#A7A7A7; color:#131313; font-size:11px; font-family:Verdana;  }
.txtField:focus { border-color:#f00; }
.select { border:0; font-size:10px; background-color:#A7A7A7;  }
.select option { background-color:#A7A7A7; color:#131313; font-size:10px; }

.floatLeft { float:left; margin-right:7px; }
.floatRight { float:right; margin-left:7px; }

#body-col-1 { float:left; width:550px; margin-right:20px; }
 #body-header { padding:21px 0 19px 41px; background:url(../images/body-head-bg.gif) bottom left no-repeat; }
 #body-logo { float:left; width:90px;}
 #body-head {float:left; padding:0 0 0 186px; background:url(../images/body-version.gif) right 13px no-repeat; }
 #body-topNav { margin-top:40px; width:219px; background:url(../images/body-nav.gif) top right no-repeat; }
  #body-topNav div { float:left; height:13px; white-space: nowrap; overflow:hidden; }
  #body-topNav div a { display:block; width:100%; height:13px; background-image:url(../images/body-nav.gif); }
  #body-topNav div a span { display:none; }
  #body-topNav div a img { height:13px; border:0; }
  #body-topNav #nav-home { width:37px; background-position: 0 0; }
  #body-topNav #nav-home a { width:37px; background-position: 0 0; }
  #body-topNav #nav-home a:hover { background-position: 0 -13px; }
  #body-topNav #nav-show { width:58px; background-position: -37px 0; }
  #body-topNav #nav-show a { width:58px; background-position: -37px 0; }
  #body-topNav #nav-show a:hover { background-position: -37px -13px; }
  #body-topNav #nav-client { width:46px; background-position: -95px 0; }
  #body-topNav #nav-client a { width:46px; background-position: -95px 0; }
  #body-topNav #nav-client a:hover { background-position: -95px -13px; }
  #body-topNav #nav-about { width:38px; background-position: -141px 0; }
  #body-topNav #nav-about a { width:38px; background-position: -141px 0; }
  #body-topNav #nav-about a:hover { background-position: -141px -13px; }
  #body-topNav #nav-contact { width:40px; background-position: -179px 0; }
  #body-topNav #nav-contact a { width:40px; background-position: -179px 0; }
  #body-topNav #nav-contact a:hover { background-position: -179px -13px; }
 #home-top { padding-top:27px; }
 .stripes { padding-left:41px; }
 .content { padding:17px 0 17px 41px; }
 .h-line { height:0px; overflow:hidden; border-top:1px solid #4B4B4B; margin-top:20px; }
 #feat-showcase { background:url(../images/label-fs.gif) 0 63px no-repeat; padding-bottom:0; }
 #featured { padding:15px 0; }
 #client-showcase { background:url(../images/label-cs.gif) 0 63px no-repeat; padding-bottom:0; }
 #showcase-grid { padding-top:15px;}
 #showcase-grid img { float:left; margin:0 1px 1px 0; }
 #client-brand { background:url(../images/label-cb.gif) 0 63px no-repeat; padding-bottom:0; }
 #brand-grid { margin-top:15px; border:1px solid #212121; border-width:1px 0 0 1px; }
 #brand-grid a { position:relative; }
 #brand-grid img { border:1px solid #212121; border-width:0 1px 1px 0; float:left; }
 #about-soft { background:url(../images/label-cs.gif) 0 63px no-repeat; padding-bottom:0; }
 #about-soft div.cf { padding-top:22px; }
 #about-soft ul { margin:0; padding:0; width:32%; float:left; list-style-type:none; }
 #about-soft ul li { padding-left:14px; background:url(../images/bullet-dot.gif) 4px 3px no-repeat; }
 #about-img { margin:15px 0;}
 #contact-soft form { margin:6px 0 0 0; }
 #contact-soft label { color:#0ff; display:block; margin:8px 0; font-size:10px;}
#body-col-2 { float:left; width:229px; margin-right:30px; font-size:10px; }
#body-col-2 h4 { width:190px; height:14px; }
 .greyBox { background-color:#212121; padding:15px 19px; margin-bottom:1px; }
 .greyBox strong { color:#fff; }
#body-col-3 { float:left; width:122px; }
#body-col-3 a img { background-color:#4B4B4B;}
#body-col-3 a:hover img { background-color:#0FF;}
#datebox { color:#4B4B4B; padding:60px 0 8px 0; font-size:9px; font-family:Arial; text-align:right; border-bottom:1px solid #4B4B4B; }
#body-footer { clear:both; padding:10px 0 0 40px; color:#4B4B4B; font-size:10px; }
/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-hasFlash h2.rep-teal,
.sIFR-hasFlash h2.rep-grey { visibility: hidden; font-size:14px; }
.sIFR-hasFlash h3.rep-teal,
.sIFR-hasFlash h3.rep-grey { visibility: hidden; font-size:12px; }
.sIFR-hasFlash h4.rep-teal,
.sIFR-hasFlash h4.rep-grey { visibility: hidden; font-size:11px; }
#lightbox{ position: absolute; top: 10px; left: 0; width: 100%; z-index: 100; text-align: center; }
#lightbox a img{ border: none; background-color: #FFF;}
#outerImageContainer{ position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; background-color: #FFF;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 53% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 53% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #FFF;margin: 0 auto;line-height: 1.4em;height: 38px;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left;	}			
#imageData #bottomNavClose{ width: 36px; float: right;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}