/*STONE*/
.S_light{color:#E8E5D6}
.S_mid{color:#A6A699}
.S_dark{color:#40423E}

/*GREEN*/
.G_light{color:#B0B566}
.G_mid{color:#6E7D4A}
.G_dark{color:#383D26}

/*ORANGE*/
.O_light{color:#F59740}
.O_mid{color:#B8612B}
.O_dark{color:#51330C}

/*PINK*/
.P_light{color:#CF8FAB}
.P_mid{color:#99597D}
.P_dark{color:#472E3D}

/*BLUE*/
.B_light{color:#78A8BD}
.B_mid{color:#407387}
.B_dark{color:#2E404C}

/*SPECIALS*/
.dGrey{color:#52534E}
.dBrown{color:#302412}
.lGrey{color:#cac8bb}
.white{color:#ffffff}
.black{color:#000000}

/*CURRENt HIGHLIGHT*/
#work #main_nav .work a{border-bottom:2px dotted #99597D}
#about #main_nav .about a{border-bottom:2px dotted #6E7D4A}
#news #main_nav .news a{border-bottom:2px dotted #B8612B}
#contact #main_nav .contact a{border-bottom:2px dotted #407387}


	



/*reset css*/
*{margin:0; padding:0; }
h1, h2, h3, h3, h4, h5, h6{font-weight:normal}
img{border:0}
html{overflow-y: scroll}
.clear:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;	}
* html .clear           { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
	
	
body{background-color:#E8E5D6;font-family:'georgia'; font-size:12px; color:#52534E; margin:40px 0}
	

#wrapper{width:960px; margin:auto; padding:0 20px; position:relative}

/*default links*/
a{text-decoration:none; color:#52534E}
a:hover{border-bottom:2px dotted}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*HEADER*/
#header{height:100px}
	
	#header h1 a{display:block; width:360px; height:28px; text-indent:-5000px; background:url(/assets/logo.gif) no-repeat; position:absolute; top:8px}
	#header h1 a:hover{border:none}
	#header div.address{margin:0 0 0 20px; border-left:1px dotted #52534E; padding:0 0 0 10px; float:right}
		#header div.address p{line-height:1.5em; font-style:italic}
		#header div.address a{line-height:1.5em}
		
	
	#header h2{font-size:1em; color:#99597D; position:relative; top:99px; left:-361px}

	#header div.underline{border-bottom:1px dotted #52534E; height:1px; margin:10px 0}
	
	
	#header #main_nav{list-style-type:none; font-size:16px; position:relative; left:615px; width:340px; height:25px}

	
		#header #main_nav li{display:inline; margin-right:20px}
			#main_nav a{text-decoration:none}
			#main_nav .pink a{color:#99597D}
			#main_nav .green a{color:#6E7D4A}
			#main_nav .orange a{color:#B8612B}
			#main_nav .blue a{color:#407387}
			
			#main_nav .pink a:hover{border-bottom:2px dotted #99597D}
			#main_nav .green a:hover{border-bottom:2px dotted #6E7D4A}
			#main_nav .orange a:hover{border-bottom:2px dotted #B8612B}
			#main_nav .blue a:hover{border-bottom:2px dotted #407387}

	
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/	
/*BANNER*/		
#banner{width:960px; position:relative}

#banner a:hover{border:none}
	
	#banner .floatingText{position:absolute; z-index:50000}
	#banner .floatingText h1{font-size:3.5em; line-height:1.2em}
	#banner .floatingText h2{font-size:2.2em; line-height:1.2em}
	#banner .floatingText p{font-size:1.5em; font-style:italic; line-height:1.2em}
	#banner .floatingText span{color:#fff; font-style:normal; font-size:0.8em}
	
	/*STYLING FOR STOKES
	#banner.stokes .floatingText{position:absolute; top:59px; left:620px; z-index:50000}
	#banner.stokes .floatingText h1{font-size:3.5em; line-height:1.2em}
	#banner.stokes .floatingText h2{font-size:1.5em; line-height:1.2em}
	
	#banner.stokes .floatingText p{font-size:1.5em;  line-height:1.2em}
	#banner.stokes .floatingText span{color:#fff; font-style:normal; font-size:0.8em}*/
	
	/*VIDEO LINK
	#banner div.videoLink{position:absolute; right:10px; top:10px; text-align:center; width:80px; height:80px; overflow:hidden}
		
	#banner div.videoLink a{
		display:block; 
		width:80px; 
		height:70px;
		background:url(/assets/videoRound_buts.png) no-repeat top left;
		border:none;
		color:#fff;
		cursor:pointer;
		padding-top:10px}
		
	#banner div.videoLink a:hover{text-decoration:none; background-position:bottom left}*/
	
	/*ALDER TREE*/
	#banner .floatingText{
	   color:#7e7e7e;
	   position:absolute;
	   right:70px; top:100px;
	   width:200px;
    }
    
    #banner .floatingText h2{font-size:18px}


/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*CONTENT*/
#content{margin-top:2em; padding-bottom:40px}
#content.revised{margin-top:2em; border-bottom:1px dotted #52534E; padding-bottom:40px}
	#content div{float:left} 
	
	/*COLUMS 1, 3*/
	#content #left_col, #content #right_col{width:150px; text-align:center}
	/*#content #left_col{margin-right:10px}
	#content #right_col{margin-left:10px}*/
	
	
	#content h3, #content  h4, #content  h5{line-height:1.5em}
	#content ul{list-style-type:none}
	#content ul li{float:left}
	.first{font-style:italic}	
	
	
	#content #left_col h1, #content #right_col h1{font-size:1.8em; line-height:1.5em}
	#content #left_col h2, #content #right_col h2{font-size:1em; line-height:1.5em}
	#content #left_col p, #content #right_col p{font-size:1.2em; line-height:1.5em}
	#content #left_col a, #content #right_col a{font-size:1em; line-height:1.5em; text-decoration:none}
	#content #left_col a:hover, #content #right_col a:hover{border-bottom:2px dotted}
	
	#content #left_col img, #content #right_col img{margin:10px 0}
	
	/*sub menu*/
	#content #left_col ul{list-style:none; text-align:left; font-size:1.5em; border-top:2px dotted; padding:1em 0 2em 0}
	#content #left_col ul li{float:none; margin-bottom:0.5em}

	
	/*COLUMN 2*/
	/*#content #center_col{width:596px; padding:0 20px; border-left:2px dotted; border-right:2px dotted} 640px*/
	#content #center_col{width:500px; padding:0 80px; background:url(/assets/BG_content.gif) no-repeat bottom} /*640px*/
	#content #center_col h2{font-size:2em; line-height:1.5em; margin-bottom:2em}
	#content #center_col .first{font-size:2em; line-height:1.5em; font-style:normal; margin-bottom:0.5em}
	#content #center_col p{line-height:1.5em; margin-bottom:0.5em}
	#content #center_col img{margin:20px 0}	
	#content #center_col a{text-decoration:none}
	#content #center_col a:hover{border-bottom:2px dotted}
	
		/*BIG TEXT*/
		p.scalr{font-size: 21px; overflow: visible; word-spacing: 0.2em; text-transform:capitalize}	
		.scalr b{font-weight:normal}
		.scalr span{line-height:23px; text-transform:capitalize}
		
	
	
	
	
	
	
	
		
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER*/	

#footer.revised{padding-top:40px; clear:both; background:url(/assets/bg_footer.gif) top no-repeat}	
#footer{padding-top:40px; clear:both;}

#footer div {border:0px solid #000}
	#footer ul{list-style:none}
	#footer ul li.left{width:370px; float:left; border-top:1px dotted #52534E; margin-top:25px}
	#footer ul li.center{width:220px; float:left; text-align:center}
	#footer ul li.right{width:370px; float:right; border-top:1px dotted #52534E; margin-top:25px}
	
	#footer p.terms, #footer h6.terms{position:relative; top:-20px}
	#footer p.terms{float:left; line-height:22px; font-size:12px}
	#footer h6.terms{float:right; color:#6E7D4A; font-size:18px}
	
	
	/*GENERAL FOOTER FORMATTING*/
	#footer h2{font-size:2em; color:#99597D}
	#footer p{line-height:150%; margin:0.5em 0}
	
	/*TWITTER FEED*/
	#footer #twitter_div {width:150px; text-align:center; float:left}
	#footer #twitter_div ul{margin:0}
	#footer #twitter_div li{margin-bottom:20px; line-height:150%}
		
	/*COPY*/
	#footer #footerCopy{width:500px; float:left; padding:0 80px; background:url(/assets/BG_footerStrip.gif) bottom no-repeat}
	
	#footer #footerCopy  a:hover{border:none !important}
	#footer #footerCopy p {font-size:1.2em; text-align:justify; line-height:175%}
	#footer #footerCopy img{margin:1em 0}
		
	/*NEWS LATEST*/
	#footer #newsLatest{width:150px; float:left; text-align:center}
	#footer #newsLatest .index_news{margin: 0px 0 20px 0}
	#footer #newsLatest div.index_news a{line-height:150%}
	#footer #newsLatest h4{font-weight:bold; line-height:150%}
	#footer #newsLatest div{margin-bottom:20px}
	
	/*SPINNAKER*/
	#footer #spin{position:relative; text-align:center; padding-top:4em}
	#footer #spin p{margin-top:2em; font-style:italic; text-align:center}
	#footer #spin img{float:right; position:relative; top:-75px}
	/*#footer #spin img{position:absolute; left:380px; top:0px}*/





/* COMP lINK */

.comp_link{
	 z-index: 9999999; width:100px; height:110px; 
	
}

a#comp_link{
	display:block; width:100px; height:110px;
	position:absolute; top:10px; right:20px; background:url(/images/link_trans.gif);
}