/* CSS Document - Vadis
 * Controls all front page elements
 *
 * $Id: frontpage.css, 001 2008-10-23 10:34:20 (Tue, 23 October 2008) steve Exp $
 * @copyright: Copyright (c) 2008 Vadis, Inc (http://www.vadis.org)
 * @version: 001 rev. 231008
 */
 
 body, html
 {
	margin: 0;
	padding: 0;
	font: 12px "Arial", "Helvetida", Tahoma, "Verdana", Sans-Serif;
	text-align: center; 
	background: #44606B;
	color: #000000;
 }
 
 /* Div's */
 #wrap { margin: 10px auto; width: 750px; text-align: left; position: relative; }
 #logo a { display: block; width: 182px; height: 40px; background: url(../images/vadis_logo.png) no-repeat; text-indent: -99em; overflow: hidden; }
 #navigation { width: 750px; height: 40px; line-height: 40px; background: url(../images/bg_sitenav.jpg) repeat-x; }
 #navigation .float_left a, #navigation .sizeup, #navigation .sizedown { padding: 0px 12px; font-weight: bold; color: #ffffff; }
 
 #navigation .float_right a.sizedown 
 { 
 	display: block; 
	width: 25px;
	height: 40px; 
	background: url(../images/font-dec.jpg) no-repeat 0 0; 
	text-indent: -999em; 
	overflow: hidden; 
 }
 
 #navigation .float_right a.sizeup 
 { 
 	display: block; 
	width: 25px;
	height: 40px;
	background: url(../images/font-inc.jpg) no-repeat 0 0; 
	text-indent: -999em; 
	overflow: hidden; 
 }
 
 #navigation .active
 {
 	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	background: #CC3300;
 }
 
 #banner
 {
 	margin: 10px auto;
	width: 750px;
	height: 222px;
 }
 
 .bannera { background: #000000 url(../images/img_bannera.jpg) no-repeat scroll right; }
 .bannerb {	background: #000000 url(../images/img_bannerb.jpg) no-repeat scroll right; }
 .bannerc {	background: #000000 url(../images/img_bannerc.jpg) no-repeat scroll right; }

 #banner .motto { padding-top: 40px; width: 212px; height: 182px; font-style: italic; text-align: center; color: #ffffff; }
 
 #content_main { width: 750px; background: #ffffff url(../images/bg_sitecontent.jpg) repeat-y; }
 #client_comments { padding: 5px; width: 190px; color: #ffffff; } 
 
 .comment
 {
 	padding: 5px 5px 10px 5px;
 	width: 189px;
	background: #990000 url(../images/bg_quotes.png) no-repeat;
	background-position: 140px 20px;
	position: relative;
 }
 
 .quotetail 
 {
 	position: absolute;
	top: auto;
	bottom: -7px;
	left: 10px;
	width: 11px;
	height: 8px;
 }
 
 h1 { color: #666666; }
 h2 { color: #ff0000; }
 h6 { font-style: italic; }
 
 .breadcrumb { }
 .breadcrumb a { color: #CB0000; }
 .breadcrumb a.current_page { font-weight: bold; }

 /* Job Style's */
 #joblisting { border-bottom: 4px double #666666; }
 #joblisting .jobtitle { color: #666666; }
 #joblisting .jobinfo { color: #000000; }

 /* Makes the quotes tail display correctly in IE 6 */
 * html .quotetail { bottom: -8px; }
 
 .comment_author { margin: 10px 0px; font-weight: bold; color: #ffffff; }

 
 #content { margin-left: 15px; padding-bottom: 15px; width: 518px; }
 
 .red { color:#f00!important; }
 
 .footer
 {
 	margin-top: 11px;
	color: #ffffff;
 }
 
 /* Icon's */
 a.pdf, a.doc, a.zip, a.excel { margin-left: 3px; padding: 0 0 0 19px; }
 a.pdf { background: url(../images/icons/icon_pdf.png) no-repeat 0 50%; }
 a.doc { background: url(../images/icons/icon_word.png) no-repeat 0 50%; }
 a.zip { background: url(../images/icons/icon_zip.png) no-repeat 0 50%; }
 a.excel { background: url(../images/icons/icon_excel.png) no-repeat 0 50%; }
 
 /* Lightbox CSS Styles */
 #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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; 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; }