body{margin:0;padding:0; position:relative; color:#fff;background: #3b0000 url('../images/general/body_page_bg.jpg') repeat-y 50% 0; font-size:75%; font-family:Verdana,Arial;}
#header-gradient-container {background: url('../images/general/header_gradient_bg.jpg') repeat-x 0 0; margin:0; padding:0;}
#bg-header-container {margin:0; padding: 191px 0 0; background: url('../images/general/header_display.jpg') no-repeat 50% 0; position:relative;}
#content-container {width: 546px; margin: 0 auto; padding: 0; position:relative;}
#content-inner {padding:10px 10px 5px;margin:0; clear:both;zoom:1; background-color:#fff; color:#600;}
#nav {margin:0 20px 0 0; padding:0; list-style:none; float:right; display:inline;}
#nav li {display: inline; margin:0 1px 0 0; float:left;}
#nav li a {display:block; margin:0; padding:5px 10px; color:#fff; font-size:90%; text-decoration:none;}
#nav li a:hover {background-color:#6b0000;}

div.web #nav li.nav-web a {background-color:#6b0000;}
div.graphic #nav li.nav-graphic a {background-color:#6b0000;}
div.about-me #nav li.nav-about-me a {background-color:#6b0000;}
div.contact #nav li.nav-contact a {background-color:#6b0000;}

#content {background-color:#fff; color:#000; margin:0; padding:10px 0 0; position:relative; zoom:1;}
#content h1 {margin:0 auto 15px; padding:0 5px 10px; font-size:125%; font-weight:bold; letter-spacing:2px; border-bottom:1px solid #ddd;}
#content h1 span {background-color:#fff; color:#900; letter-spacing:-1px; text-transform: uppercase;}

#contact-me {margin:0 0 0 290px;padding: 90px 12px;width:150px;background: url('../images/general/contact-me-ornament.jpg') no-repeat 50% 21px;color:#fff; font-size:90%;position:absolute;top:260px;left:50%;z-index:3;}
#contact-me ul {margin:0 auto; padding:0; list-style:none;}
#contact-me ul li {display:block; margin:0; padding:1px 0;}
#contact-me ul li a {color:#fc0; text-decoration:underline;}
#contact-me ul li a:hover {text-decoration:none;}
#contact-me ul li.description {padding-bottom:10px;}

/* FOLIO STYLE - WEB */
#content ul.folio {margin:0; padding:0; list-style:none; position:relative;}
#content ul.folio li {display:block;margin-bottom:1px; padding:3px 0 16px; background:#fff url('../images/general/ornament-seperator.gif') no-repeat 50% 100%}
#content ul.folio li.last {background-image:none; padding:3px 0;}
#content ul.folio li a { width:508px;height:86px;display:block; margin:0 auto; padding:0; text-align:center; border:5px solid #ddd; text-decoration:none;}
#content ul.folio li a img {display:block; margin:0 auto; text-align:center; border:none;}
#content ul.folio li a:hover {border: 5px solid #bbb;}
/* END FOLIO STYLE - WEB */

/* FOLIO STYLE - GRAPHIC */
#content ul.folio-graphic {margin: 10px 0 0; padding:0; list-style:none; position:relative; clear:both; zoom:1;}
#content ul.folio-graphic li {width:131px;margin: 0; padding:0;float:left; display:inline; position:relative; zoom:1;}
#content ul.folio-graphic li.last {}
#content ul.folio-graphic li a { zoom:1;position:relative;width:115px;height:115px;display:block; margin:0 auto; padding:0; text-align:center; border:5px solid #ddd; text-decoration:none;}
#content ul.folio-graphic li a:hover {border: 5px solid #bbb; zoom:1;}
#content ul.folio-graphic li a img {display:block;position:relative;margin:0 auto; text-align:center; border:none; zoom:1; width:115px;height:115px;}

#content h2 {zoom:1; clear:both; margin:20px auto 0; padding:0 0 10px; height:35px; text-indent:-999em;}
#content h2.print {background:#fff url('../images/graphic/heading-print.gif') no-repeat 50% 100%;}
#content h2.logos {background:#fff url('../images/graphic/heading-logos.gif') no-repeat 50% 100%;}
#content h2.misc {background:#fff url('../images/graphic/heading-misc.gif') no-repeat 50% 100%;}
#content ul.second-level {cear:both; padding-top:5px; margin-top:0;}
/* END FOLIO STYLE - GRAPHIC */

/* ABOUT ME CSS */
#about-me {margin:0; padding:0 5px; font-size:90%}
#about-me a {text-decoration:underline; background-color:#fff; color:#00f;}
#about-me a:hover {text-decoration:none;}
#about-me p { margin:0 0 15px; padding:0}
#about-me img {float:right; display:block; border:5px solid #ddd; margin:0 0 20px 10px;}
#about-me dl {margin:0 0 20px; padding:0;}
#about-me dl dt {margin:0; padding:0 0 7px; font-weight:bold}
#about-me dl dd {background: #fff url('../images/general/list-leaf.gif') no-repeat 0 4px; margin:0 0 0 20px; padding:2px 0 2px 25px;}
/* END ABOUT ME CSS */

/* CONTACT PAGE CSS */
#footer {clear:both;margin:0 0; padding:0; min-height:450px; _height:450px;font-size:90%;color:#700;position:relative; background: url('../images/general/footer_display.jpg') no-repeat 50% 100%;}
#footer ul {color:#ddd;list-style:none;}
#footer ul li {margin: 0 auto 4px;}
#footer ul li a {color:#fff; background-color:#700; padding:3px}
#footer ul.footer-copy{display:none;background:url('../images/general/footer-seperator.gif') no-repeat 52% 0;list-style:none;margin:0;padding:0 0 10px;text-align:center;}
#footer ul.footer-copy li {display:block; text-align:center; margin:0 0 11px; padding:0;}
#footer ul.footer-copy li a {background-color:#fff; color:#00d;}
#footer #footer-inner{margin:0 auto;padding:60px 0 0;color:#600;width:550px;}
#footer #contact-form {width:85%;margin:0 auto; padding:0; position:relative; display:block;}
#footer #contact-form #contact {margin:0; padding:0; font-size:100%; position:relative;}
#footer #contact-form #contact fieldset {border:none; padding: 0 0 10px; margin:0; clear:both;}
#footer #contact-form #contact fieldset legend {display:block; margin:0 auto 0 0; padding:0;}
#footer #contact-form #contact fieldset legend span { position:absolute; left:-999em;}
#footer #contact-form #contact fieldset ol {list-style:none; margin:0; padding:0; display:inline;}
#footer #contact-form #contact fieldset ol.message-field {width:60%;}
#footer #contact-form #contact fieldset ol li {margin: 0; padding: 1px 0; display: block; clear:both;}
#footer #contact-form #contact fieldset ol li label {display:inline; width:20%; float:left; margin: 0 10px 0 0;padding:4px 0; text-align:left; position:relative; font-size:90%; color:#fff}
#footer #contact-form #contact fieldset ol li input {display:block; width:30%; float:left; margin:0; padding:3px; font-size:100%; font-weight:bold;  border:1px solid #bbb; background:#fff url('../images/general/input-backg.jpg') repeat-x 0 0}
#footer #contact-form #contact fieldset ol li textarea {padding:3px; font-size:90%; font-family:Verdana, Arial; width:60%; height:53px; display:block; float:left; border:1px solid #bbb; background:#fff url('../images/general/input-backg.jpg') repeat-x 0 0}
#footer #contact-form #contact fieldset.formSubmit {padding:10px 0 0 105px;}
#footer #contact-form #contact fieldset.formSubmit input {background:#700 url('../images/general/input-submit-bg.jpg') repeat-x 0 0; color:#fff; font-weight:bold;  border-width:3px; border-style:double; border-color:#a33 #400 #400 #a33; padding:3px; cursor:pointer; font-size:100%;}
#errorContainer {margin:0; padding:10px; background-color:#ddd; color:#000;}
/* END CONTACT PAGE CSS */


#errorContainer {width:205px; margin:0;position:absolute; right:0; top:0px; padding:2px; background-color:#600; color:#fff; border:1px solid #900;}
#errorContainer .errors {display:block; margin:0; padding:0;}
p.thankyou {margin:0 30px; padding: 10px; color:#fff; border:1px solid #600;}

.clear {clear:both; font-size:0; line-height:0; margin:0; padding:0; height:0;}
*{outline:none;}


/* LIGHTBOX CSS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#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-image:url(data:image/gif;base64,AAAA);/* 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/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color:#fff;border-top:1px solid #ccc; padding-top:4px;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;}

#imageData {padding:0 10px;color:#666;}
#imageData #imageDetails {width: 70%; float: left; text-align: left; }	
#imageData #caption {font-weight: bold;	}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose {width:66px;float:right;padding-bottom:0.7em;outline: none;}	 	

#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
/* END LIGHTBOX CSS */