/* ========================================
BASE (reset all basic html tags)
========================================== */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td {
    margin: 0;
    padding: 0;
	line-height: 1.5em;
	font: normal Georgia, Times, Verdana, "Trebuchet MS", Arial, Helvetica;
	text-decoration: none;
	border: none;
}
img { border: none; }

li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}

table {border-collapse: collapse; border-spacing: 0;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup {font-style: inherit; font-weight: inherit;}
del, ins {text-decoration: none;}

abbr,acronym {border: 0; font-variant: normal;}
sup {vertical-align: baseline;}
sub {vertical-align: baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

pre, code {
			font:100.1% Monaco,"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace,serif;
}
blockquote, pre {
		padding:0.25em 40px;
}
em {font-style: italic;}


/* ========================================
STRUCTURE (position, width, height, margin, padding, etc.)
========================================== */

/* basics
--------------------------------------------------------------------------------------- */
	
html {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	
	}
	
body { 
	padding:0; 
	margin:0; 
	font-style:normal;
	font-family:   Arial, Helvetica, Georgia, Times, "Trebuchet MS" ,Verdana ;
    font-size: 1.1em;
	color: #ffffff;
	
	
	background-repeat: repeat-x;
	background-position: 50% 100%;
	
	/*outback road*/
	/* background-attachment: fixed;
	background-color:#33aae4; 
	background-image:url('../images/DSC_2659.jpg');*/
	
		
	/*water edge*/
	/*background-color:#060b2d; 
	background-attachment: fixed;
	background-image:url('../images/DSC_0317.jpg');*/
	
	/*Sunset waves*/	
	background-color:#070707; 
	background-image:url('../images/DSC_0558.jpg');
	background-position: center top; 
	
}
	
	
span#spaceTitle {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	}
	

	
/* MARGINS AND FLOATS
--------------------------------------------------------------------------------------- */

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.pl40 { padding-left: 40px; }
.pr40 { padding-left: 40px; }
.pl720 {padding-left: 720px;}
.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mt15 { margin-top: 15px; }
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left: 15px; }
.mt20 { margin-top: 20px; }
.half { width: 234px; }
.full { width: 520px; }
.tiny { color: #3C312F; font-size: .01em; line-height: .01em;}
.bt {border-top: 1px solid #564A45;}
.rdb { border: 1px solid red;}
.grb { border: 1px solid green;}
.nothing {display: none;}
	
/* Page Structure
--------------------------------------------------------------------------------------- */
	
#pageWrapper {
	margin: 0 auto;
	width: 100%;
	}

#verytop {
    width: 532px;
    /*background-color: #000000;*/
	padding:5px 0 5px 0;
	text-align: left;
	/* for IE */
	 /*filter:alpha(opacity=80);*/
	/* CSS3 standard */
	 /*opacity:0.8;*/
	text-transform: uppercase;
	font-size: .8em;
	position: absolute;	
	left: 418px;
	}
	
#holderz{ 
	display: block; 
	z-index: 100; 
	margin:0 auto; 
	width: 980px; 
	position: relative;
	top: 0;
	}
	
/* #holder{ display: block; z-index: 100; position: fixed; top: 30px; left: 25%; width: 980px; height: 100%} */

#leftbanner {
	width: 388px;
	/*background-color: #000000;*/ /*#233442*/
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	position: absolute;	
	height: 500px;
	border: none;
	}

#leftcontainer {position: absolute; top: 100px; left: 0; display: block; width: 388px;}

#rightbanner {
	width: 562px;
	background-color: #000000; /*#233442*/
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	position: absolute;	
	height: 576px;
	border: none;
	top: 100px;
	left: 418px;
	margin-bottom: 20px;
	}
#rightcontainer {position: absolute; left: 418px; }

#content {padding-top: 140px; padding-left: 30px; font-size: .8em;	width: 507px;}
		#content p {width: 489px;}
		#content p.first {margin-top: 0.8em;}
		#content p.last {margin-bottom: 3em;}
	
	#content.std_textHeavy {padding-top: 115px; padding-left: 30px; }
		#content.std_textHeavy p {color: #999999; width: 499px;}
		#content.std_textHeavy p strong {color: #ffffff;}
		
		#content.std_textHeavy ul {margin-left: 30px;}
		#content.std_textHeavy ul li {list-style:disc;}
		
	#content.clientList {padding-top: 115px; padding-left: 30px;}
		#content.clientList p {color: #999999; width: 499px;}
		#content.clientList p strong {color: #ffffff;}
		
		#content.clientList ul {}
		#content.clientList ul li {display:inline-block; width:250px;}
	
	#content.workLanding {padding-top: 100px; padding-left: 0; font-size: .8em; width: 561px;}
			
	#content.std_textHeavy a, #content.std_textHeavy a:visited {
		color: #ffffff;
		text-decoration: none;
		}
	#content.std_textHeavy a:hover { 
		color: #bebebd;
		text-decoration: underline;
		}
	

#column01 {float: left; margin-right: 30px; clear:left;}

#column02 {float: left; margin-right: 30px;}

#column03 {float: right;}

	
/* Design Specifics
--------------------------------------------------------------------------------------- */
#overview {
	width: 378px;
	margin: -1px 10px 0 0;
	text-align: right;
	}
	
div.miniEdge {
	border-left: 1px solid #958e8c;
	border-top: 1px solid #958e8c;
	border-right: 1px solid #1d1716;
	border-bottom: 1px solid #1d1716;
	width: 165px;
	}
	
div.miniFrame {
	border: 4px solid #666666;
	width: 157px;
	}
		div.miniHover {
		border: 4px solid #990000;
		}
	
div.miniHolder{
	border: 2px solid #000000;
	width: 153px;
	height: 86px;
	}
	
	
#frameEdge {
	border-left: 1px solid #958e8c;
	border-top: 1px solid #958e8c;
	border-right: 1px solid #1d1716;
	border-bottom: 1px solid #1d1716;
	width: 507px;
	}
	
#frame {
	border: 9px solid #666666;
	width: 489px;
	}
	
#imageHolder{
	border: 5px solid #000000;
	width: 480px;
	height: 270px;
	}

.hiBar {
	width: 480px;
	background-color: #000000; /*#233442*/
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	position: absolute;	
	height: 30px;
	border: none;
	top: 240px;
	left: 0;
	}

	
/* Content
--------------------------------------------------------------------------------------- */
h1 {
	width:958px;
	height:66px;
	padding-left: 31px;
	padding-top: 10px;
	font-family:  Georgia, Times, Arial, Helvetica,Verdana, "Trebuchet MS" ;
	font-weight: normal;
	}
	
h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.5em;
	margin-top: 10px;
	}
	
	h3.jtitle {
		margin-bottom: 10px;
		}
	h3.subtitle {
		margin-bottom: 10px;
		margin-left:-10px;
		background-color: #000000; padding: 5px 10px;
		display:inline;
		}
		
		div.workLanding h3.subtitle { 	
			float: left;
			margin-left: 0px;
			}
	
h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	margin-top: 0;
	}
	
h5 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
#verytop p {margin: 0px;}



#specs {margin:0;margin: 0.8em 0 0.8em 0.8em; padding:0 0 0 10px; float: right; border-left: 1px dashed white; }

div#specs a, div.specs a:visited {
	color: #bebebd;
	text-decoration: none;
	font-size: .9em;
	}
div#specs a:hover { 
	color: #ffffff;
	text-decoration: underline;
	}
	
div.tiny span {display: none;}
	
a[href^="http:"] {
	background:transparent url(../images/icon_url.gif) no-repeat scroll right center;
	padding:0 20px 0 0;
	}
a[href$="pdf"] {
	background:transparent url(../images/icon_pdf_small.gif) no-repeat scroll right center;
	padding:0 25px 0 0;
	}
	
/* Lists
--------------------------------------------------------------------------------------- */
#overview ul#nav01, #overview ul#nav03 {font-size: 1.5em; margin:0;}
#overview ul#nav03 {margin-top: 10px;}
	/*turns it off 
		#overview ul#nav03 {display: none;}
	*/

		
		#overview li a {color: #ffffff; background-color: #000000; padding-left: 15px; padding-right: 10px; text-decoration: none; text-transform: uppercase;  outline: none;}
		#overview li a:hover {color: #cc0000; background-color: #8b8b8a; outline: none;}
		
		#overview ul#nav02 li a {color: #8b8b8a;}
		#overview ul#nav02 li a:hover {color: #990000;} /*cc0000*/
			#overview ul#nav02 li a.hot {color: #990000;}
			#overview ul#nav02 li a.hot:hover {color: #990000;} /*cc0000*/
		
		#overview ul#nav01 li a {padding-top: 2px; padding-bottom: 5px;}
		#overview ul#nav02 li a {padding-top: 3px; padding-bottom: 3px;}
		#overview ul#nav03 li a {padding-top: 2px; padding-bottom: 2px;}
		
div#specs ul {font-size: .9em; color: #bebebd; margin:0;}



	
/*looped slider
--------------------------------------------------------------------------------------- */
#imageHolder {overflow:hidden; position:relative; cursor:pointer; }
#imageHolder .slides { position:absolute; top:0; left:0; }
#imageHolder .slides div { position:absolute; top:0; width:480px; }

	#imageHolder .slides blockquote.hiBar {
		width: 470px;
		background-color: #000000; /*#233442*/
		/* for IE */
		filter:alpha(opacity=60);
		/* CSS3 standard */
		opacity:0.6;
		position: absolute;	
		border: none;
		top: 240px;
		left: 0;
		padding: 5px 0 5px 10px;
		}


#loopedSlider .prev-wrap, #loopedSlider .next-wrap{ width:80px;	height:254px;	position:absolute; left:20px;	top:214px;	}	
#loopedSlider .next-wrap { 	left:920px; width:40px	}														
#loopedSlider .previous, #loopedSlider .next { display:block; width:40px;	height:40px;	text-indent:-9999px;	background:url(../images/Arrow_Left_Large.png) no-repeat 0 -40px;	}	
#loopedSlider .next{	background:url(../images/Arrow_Right_Large.png) no-repeat 0 -40px;	}
#loopedSlider a.previous:hover, #loopedSlider a.next:hover {background-position:0 0;}

#frame ul.pagination {list-style:none; margin:0; padding:0; position:absolute; left:30px; top:120px}
#frame ul.pagination li {float:left;}
#frame ul.pagination a {display:block; width:20px; height:8px; text-indent:-9999px; background:url(../images/graphic_ImageDot.gif) 0 0 no-repeat; outline: none;}
#frame ul.pagination li.active a {background-position:0 -8px; outline: none;}