@charset "utf-8";
* {margin:0; padding:0;}
body {
	background-color:#111111;

	color: #EEEEEE;
	
}
body, input, textarea { font-family: Candara, "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;}
table { border-collapse: collapse; border: none; }

a {
	color:#66CCFF;
	text-decoration: none;
	outline: none;

}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#header {
	font-family: Candara, "Myriad Pro", Tahoma, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	background-color: #333333;
	padding: 10px 10px 10px 40px;
}
#subheader {
	background-color: #222222;
	padding: 0 20px 0 40px;


}
#subheader #flashlink {
	float: right;
	
}
#subheader #menu {
	float: left; position: relative; behavior:url("javascript/csshover.htc"); 
	margin: -8px 0 0 -8px; padding: 8px 8px 0 8px; z-index: 1;
}
#subheader #menu img.openMenu {margin: 8px 0 0 0;  }

#subheader #menu:hover { background: #333333; }

#subheader #menu #hiddenmenu {

	position: absolute;
	z-index: 2;
	background-color: #333333;
	-moz-border-radius: 0 0 5px 5px;
	margin: 0 0 0 -8px;
	padding: 20px 20px 20px 25px;
	visibility: hidden;

	
}

#subheader #menu:hover #hiddenmenu { visibility: visible;  }


#subheader .crumbs {
	float: left; 
}
#subheader .crumbs a, #flashlink a{
	padding: 8px 10px; line-height: 30px;
}



#subheader .crumbs a.active{
}
#subheader .crumbs a:hover{
	background-color: #333333;
}
#content {
	padding: 10px 20px 10px 20px;

}
#content #folders {
}
#content #folders a{
	margin: 0px 0px 0px 0px;
	padding: 4px 12px 12px 12px;
	 display: block; float: left; line-height: 1px;
	text-align: center;	position: relative;
}
#content #folders a:hover{
	background-color:#333333;
}
#content #folders .textblock{
	font-size: 12px;
	padding: 10px 0 0 0;
	position:relative;
	bottom: 5px;
}
#content #folders img{
	border: none;
}
#thumbnails {
	clear: both;
}
#thumbnails a{
 display: block; float: left; line-height: 1px;
text-align: center;	position: relative; 
}
#thumbnails a span { border: solid 1px #AAAAAA; padding: 1px;
					background: center center no-repeat; 
					position: absolute; top: 8px; left: 8px; 
}
#thumbnails img{
	
	margin: 9px;
}
#thumbnails a:hover {
	background-color:#333333;
}
#thumbnails a:hover img{
	padding: 11px;
/*	margin: 0px;
*/	border: none;
}
#thumbnails a:hover span { border-color: #333; }
#image{
clear: both;
margin: 10px auto;
	/*margin: 0 auto;*/
}
#image #myimage{
	border: solid 1px #777777;
	padding: 1px;
	float: left;
}
#image #imagetext{
	width: 200px;
	margin: 10px 10px 10px 15px;
	float: left;
	font-size: 12px;
}
#image #imagetext .title, h1{
	font-weight: normal;
	font-size: 22px;
	margin: 0px 0px 3px 0px;
}
#image #imagetext .description{
	font-weight: normal;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}
#image #imagetext .filename{
}
#image #imagetext .date{
}
#navigation{
	float: right;
	font-size: 18px;
}

#navigation a {
	margin: 0px 1px 0px 0px;
	background-color: #222222;
	font-size: 24px;
	padding: 0px 15px 4px 15px;
}
#navigation a:hover {
	background-color: #333333;
}

.clrFlt { clear: both; height: 1px; line-height: 1px; font-size: 1px;}
#imageView {padding: 20px auto; text-align: center; }
.imageAttributes, .imageProperties {  margin: auto auto 10px auto;  }
.imageAttributes { color: #666; }
.imageProperties { color: #999; }
.naviCount { padding: 0 5px; }
.exifData { }
.exif_heading {display: none;}
#contactForm input, 
#contactForm textarea { width: 300px; padding: 2px;} 
#contactForm div { margin: 0 0 10px 0; position: relative;}
#contactForm label {  padding: 0 0 0 120px;   }
#contactForm label span { display: block; width: 100px; position: absolute; left:0; top: 0;}