@charset "UTF-8";

/*-------------!!!!!CSS HIGH REZ SITE!!!!!!-----------------*/




/*-------------UNIVERSAL TEXT ITEMS-----------------*/

.body_text {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	color:#C9BEAE;
	text-align:left;
	vertical-align:top;
	line-height:13.5pt
	}
	
	
.brown_text {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	color:#AC9B81;
	text-align:left;
	vertical-align:top;
	line-height:12pt
	}
	
	
.white_name_headers {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
	font-size: 10.5pt;
	color:#FFFFFF;
	text-align:left;
	vertical-align:top;
	line-height:12pt;
	}	
	
	
.email_links {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	color:#6B6B6B;
	text-align:left;
	vertical-align:top;
	line-height:12pt
	}	
	
	
.email_links a:link{
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	color:#6B6B6B;
	text-align:left;
	vertical-align:top;
	line-height:12pt
	}		

.email_links a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10.5pt;
	color:#FFFFFF;
	text-align:left;
	vertical-align:top;
	line-height:12pt
	}	
	
	
.white_description {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	text-align:left;
	
	}	


.green_description {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 8pt;
	color:#A3BF1F;
	text-align:left;
	
	}	
	
.green_description a:link {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 8pt;
	color:#A3BF1F;
	text-align:left;
	
	}	
	
.green_description a:hover {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	text-align:left;
	}	
	
	
.green_description a:visited {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 8pt;
	color:#A3BF1F;
	text-align:left;
	}	
	
	
.green_description a:active {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 8pt;
	color:#A3BF1F;
	text-align:left;
	}		
			

.page_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18pt;
	color:#C9BEAE;
	text-align:left;
	vertical-align:top;
	
	}					



body {
	background-color: #3b3b3b;
	font-family: Lucida Grande, Helvetica, Trebuchet MS, Arial, sans-serif;
	size:8px;
	
	}
html>body { font-size: small; } /* be nice to Opera */



a:link {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #C9BEAE;
	text-decoration: none;
	font-size: 9.5pt;
	outline:0;
}
a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #C9BEAE;
	text-decoration: none;
	font-size: 9.5pt;
	outline:0;
	}	

a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #E76417;
	text-decoration: none;
	font-size: 9.5pt;
	outline:0;
}
a:active {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #C9BEAE;
	text-decoration: none;
	font-size: 9.5pt;
	outline:0;
}








/*----------HOME PAGE TEXT--------------*/


.home_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #FF9F00;
	text-align:center;
	line-height:20pt;
	}	
	
.home_text {
	font-family: Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 9pt;
	color: #6B6B6B;
	text-align:center;}	
	
.home_content {
	font-family: Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-align:center;}
	
	
/*----------WORK PAGE TEXT--------------*/	
	
	
.work_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	color:#999999;
	text-align:left;
	vertical-align:top;
	
	}
	
	

			
			
				
	
/*----------CASE STUDIES PAGE TEXT--------------*/		
	
.case_orange_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #FF9F00;
	text-align:left;
	line-height:18pt;
	}	


/*----------CONTACT PAGE TEXT--------------*/		
.contact_orange_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 28pt;
	color: #FF9F00;
	text-align:left;
	line-height:1pt;

	}	




/*----------ABOUT PAGE TEXT--------------*/	
.about_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #FF9F00;
	text-align:left;
	
	}			
		

.aboutHover {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	
	font-size: 8pt;
	color:#FFFFFF;
	text-align:left;
	
	cursor:pointer;}

.aboutSelected {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	
	font-size: 8pt;
	color:#FFFFFF;
	text-align:left;
	
	cursor:pointer;}
	
.aboutSelect {
	font-family:Helvetica, Trebuchet MS, Arial, sans-serif;
	
	font-size: 8pt;
	color:#FFFFFF;
	text-align:left;
	
	cursor:pointer;}	





/* MAIN NAVIGATION
----------------------------------------------- */	
.friction_logo {
	position:absolute;
	width: 100px;
	margin: 0 auto;
	text-align: left;
	z-index: 4;
	left:787px;
	top:563px;
}	

#menutext {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #E76417;
	line-height:14pt;
	vertical-align:top;
	position:absolute;
	left:674px;
	top:568px;
	width:99px;
	height:74px;
	z-index:99;
	border-left:dotted 1px;
	border-color:#C9BEAE;
	padding-left: 11px;
	}

		

.menutext_parent {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#E76417;
	font-size: 9.5pt;
	}

/*--------LAYER MODES----------------*/


/* universal layers*/


#gallerywindow {
	position:relative;
	width:1100px;
	height:600px;
	z-index: 1;
	left:10px;
	top:50px;
	
}

.gallerywindow{
background: #3b3b3b;
	margin:auto;
	background-color: #3b3b3b;
	}

#top_desc_link{
	position:absolute;
	left:161px;
	top:8px;
	width:644px;
	height:31px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	padding-right: 13px;
	}	
	
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	overflow: hidden; 
	width: 0px;
	height: 0px;
}	






/* HOME PAGE layers
----------------------------------------------- */

#home_desc_div{
	position:absolute;
	left:64px;
	top:469px;
	width:1002px;
	height:38px;
	z-index:5;
	text-align:center;
	}
	
	

	
	
/* WORK PAGE layers
----------------------------------------------- */	
	

#work_desc_div{
	position:absolute;
	left:46px;
	top:491px;
	width:615px;
	height:76px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:right;
	border-right:dotted 1px;
	border-color:#C9BEAE;
	padding-right: 13px;
	}
	
	
#work_desc_link{
	position:absolute;
	left:342px;
	top:469px;
	width:332px;
	height:20px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:right;
	padding-right: 13px;
	}	
	
				
#work_slideshow_player{
	position:absolute;
	left:420px;
	top:570px;
	width:48px;
	height:48px;
	z-index:45;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	}	
		

				

	
	
	
/* CASE STUDIES PAGE layers
----------------------------------------------- */	


#case_column_one{
	position:absolute;
	left:54px;
	top:254px;
	width:243px;
	height:226px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	}
	
.case_logo_one{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	position:absolute;
	left:54px;
	top:107px;
	width:243px;
	height:139px;
	z-index:45;
	vertical-align:bottom;
	text-align:center;
	valign:bottom;
	}	
	

	
#case_column_two{
	position:absolute;
	left:311px;
	top:253px;
	width:243px;
	height:226px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	}	
	
	
#case_logo_two{
	position:absolute;
	left:311px;
	top:107px;
	width:243px;
	height:139px;
	z-index:45;
	vertical-align:bottom;
	valign:bottom;
	text-align:center;
	}		
	
#case_column_three{
	position:absolute;
	left:568px;
	top:252px;
	width:243px;
	height:226px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	}
	
	
#case_logo_three{
	position:absolute;
	left:568px;
	top:107px;
	width:243px;
	height:139px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:right;
	}			
	
	
	
#case_column_four{
	position:absolute;
	left:825px;
	top:253px;
	width:243px;
	height:226px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	}	
	
	
	
#case_logo_four{
	position:absolute;
	left:825px;
	top:107px;
	width:243px;
	height:139px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:right;
	}					
	
		
		
	
	
	
/* CONTACT PAGE layers
----------------------------------------------- */	
	
	



#contact_map_link{
	position:absolute;
	left:147px;
	top:40px;
	width:504px;
	height:31px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	padding-right: 13px;
	}
	
#contact_list_link{
	position:absolute;
	left:670px;
	top:85px;
	width:402px;
	height:403px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	padding-right: 13px;
	}	
	
#contact_phone{
	position:absolute;
	left:670px;
	top:30px;
	width:402px;
	height:40px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	padding-right: 13px;
	}	
	
#contact_adress_link{
	position:absolute;
	left:161px;
	top:446px;
	width:402px;
	height:198px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	padding-right: 13px;
	}		
	
	




	
/* ------------ ABOUT  PAGE layers
----------------------------------------------- */	




#about_column_one{
	position:absolute;
	left:111px;
	top:80px;
	width:535px;
	height:478px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	}
	

	
#about_column_two{
	position:absolute;
	left:13px;
	top:1px;
	width:258px;
	height:112px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	}	
		
	
#about_column_three{
	position:absolute;
	left:13px;
	top:399px;
	width:253px;
	height:76px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	border-top:dotted 1px;
	border-color:#C9BEAE;
	padding-top:20px;
	}
	
	
	
	
#about_column_four{
	position:absolute;
	left:674px;
	top:9px;
	width:281px;
	height:558px;
	z-index:40;
	vertical-align:top;
	valign:top;
	text-align:left;
	border-left:dotted 1px;
	border-color:#C9BEAE;
	}	

#about_column_five{
	position:absolute;
	left:13px;
	top:123px;
	width:258px;
	height:221px;
	z-index:40;
	vertical-align:top;
	valign:top;
	text-align:left;
	}		
	
#about_desc_link{
	position:absolute;
	left:111px;
	top:8px;
	width:644px;
	height:31px;
	z-index:45;
	vertical-align:top;
	valign:top;
	text-align:left;
	padding-right: 13px;
	}	


/* Layout Rules
----------------------------------------------- */
#wrap {
	padding-top: 20px;
	margin: 0 20px;
}

#codesample #wrap { width: auto; }



.SpryHiddenRegion {
   visibility: hidden;
}



.jsEnabled #productListing {
	display: none;
}

/* Gallery and Playback Controls
----------------------------------------------- */


#transport_left {
	position:absolute;
	left:0px;
	top:1px;
	z-index:99;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 111px;
	border:none;
	br
}


#transport_right {
	position:absolute;
	left:916px;
	top:0px;
	z-index:10;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 111px;
}


#previews {
	position:absolute;
	left: 498px;
	top: 556px;
	z-index:2;
	
	width: 161px;
	float: left;
	margin-right: 10px;
}
#thumbnails {
	clear: both;
	
	
}

#thumbnails div {
	position: relative;
	width: 16px;
	height: 17px;
	float: left;
	background-color:#4a4a4a;
	
	padding: 0;
	float: left;
	
}
#thumbnails img {
	width: 16px;
	height: 17px;
	position: absolute;
	}
#picture {
	position:absolute;
	left: 47px;
	top: 0px;
	z-index:1;
	width: 1000px;
	padding: 0px;
}



.rowVisisted {
background-image:url(../../galleries/home/thumbnails/thumb_but_over.gif);}

.rowHover {
background-image:url(../../galleries/home/thumbnails/thumb_but_over.gif);

cursor:pointer;}


.selectedThumbnail { background-color:#ff9f00; !important; }

.inFocus {  border: solid 1px #fc0 !important; }

.jsEnabled #gallery {
	display: none;
}



img {
  /* Silly IE...  Doesn't use bicubic by default... */
  -ms-interpolation-mode: bicubic;
}