@charset "UTF-8";







#picture {
	position:absolute;
	left: 0px;
	top: 154px;
	z-index:4;
	width: 923px;
	padding: 0px;
	height: 450px;
}


#previews {
	position:absolute;
	left:182px;
	top:264px;
	z-index:2;
	padding:0;
	width:1000px;
	height:100%; /* works only if parent container is assigned a height value */
	float: left;
}


#logo {
	position:absolute;
	
	
	z-index:2;
	padding:0;
	
	 /* works only if parent container is assigned a height value */
	
} 


html>body { font-size: small; } /* be nice to Opera */







	
	

#work_desc_div{
	position:absolute;
	left:603px;
	top:563px;
	width:369px;
	height:32px;
	z-index:2;
	vertical-align:top;
	valign:top;
	text-align:left; overflow:hidden
	}
	
	

	



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

#codesample #wrap { width: auto; }



.SpryHiddenRegion {
	visibility: hidden;
}







.jsEnabled #productListing {
	display: none;
}

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


#bottom_nav_links {
	position:absolute;
	left:98px;
	top:541px;
	z-index:6;
	padding:0;
	width:397px;
	height:55px; /* works only if parent container is assigned a height value */
	color:#999999;
	text-align: left;
	vertical-align:top;
} 



#top_nav_links {
	position:absolute;
	left:104px;
	top:35px;
	z-index:6;
	padding:0;
	width:397px;
	height:41px; /* works only if parent container is assigned a height value */
	color:#999999;
	text-align: left;
	vertical-align:top;
} 

#transport_left {
	position:absolute;
	left:417px;
	top:558px;
	z-index:11;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 60px;
	width: 50px;
	border:none;
	}


#transport_right {
	position:absolute;
	left:469px;
	top:559px;
	z-index:10;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 60px;
	width: 50px;
	border:none;
}

#select_div {
	position:absolute;
	left:42px;
	top:214px;
	z-index:50;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 15px;
	width: 1px;
}

#thumb_back{
position:absolute;
	left:0px;
	top:0px;
	z-index:25;
	height: 426px;
	width: 35px;
	
	
	
}

#thumbnails {
	position:absolute;
	top:560px;
	z-index:99;
	width:58px;
	height: 166px;
	right: 420px; border:none; padding:0 0 0 0; margin:0 0 0 0;
}

#thumbnails div {
	position: relative;
	width: 18px;
	height: 17px;
	float: left;
	background-color:#4a4a4a;
	z-index:26;
	padding: 0;
	float: left;border:none; padding:0 0 0 0; margin:0 0 0 0;
	
}
#thumbnails img {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0px;
	z-index:26;border:none; padding:0 0 0 0; margin:0 0 0 0;
	}

.rowEven { background-color:#333333;padding:0; border:none; margin:0 }

.rowHover {
	
	background-color:#c1272d;
	cursor: pointer;padding:0; border:none; margin:0
	
	
}

.rowVisited {
	
	background-color: ##c1272d;
	cursor: pointer;padding:0; border:none; margin:0
	
	
}

.rowSelected { 
	
	background-color: #c1272d; padding:0; border:none; margin:0}

.selected {

	
}



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

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

.jsEnabled #gallery {
	display: none;
}










.pic_description {
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size:14pt;
line-height:14pt;
	color:#666666;
	padding:0; margin:0;

	vertical-align:top;

	}
	
.pic_description_link {
font-family: 'Old Standard TT', arial, serif;
font-size:12pt;
color: #999999;line-height:12pt;
vertical-align:top;padding:0; margin:0;
}


.pic_description_link a:link, .pic_description_link a:active,  .pic_description_link a:visited {
font-family: 'Old Standard TT', arial, serif;
font-size:12pt;
color: #c1272d;line-height:12pt;
vertical-align:top;padding:0; margin:0;
}	




.pic_description_link a:hover{
font-family: 'Old Standard TT', arial, serif;
font-size:12pt;
color: #999999;
vertical-align:top;
text-decoration:none;
}	
	


.inside_nav {
font-family: "Lucida Grande" Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#999999;
vertical-align:top; text-align:left

}	


.inside_nav a:link{
font-family:  "Lucida Grande" Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#CCCCCC;
vertical-align:top;
text-decoration:none;
}			

.inside_nav a:hover{
font-family: "Lucida Grande" Geneva, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
vertical-align:top;
text-decoration:none;
}			







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

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

.menutext_parent a:visited{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
	font-size: 9.5pt;
	}		
	
	
.menutext_parent a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#c1272d;
	font-size: 9.5pt;
	}	
	
.menutext_parent a:active{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
	font-size: 9.5pt;
	}		

#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:69px;
	z-index:99;
	border-left:dotted 1px;
	border-color:#C9BEAE;
	padding-left: 11px;
	}
	
a:link {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	text-decoration: none;
	font-size: 11pt;outline:none;
}
a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	text-decoration: none;
	font-size: 11pt;outline:none;
	}	

a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
	text-decoration: none;
	font-size: 11pt;outline:none;
}
a:active {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	text-decoration: none;
	font-size: 11pt;outline:none;
}



	
	
		

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