/* page basics */ 
body {margin: 0; padding: 0; background: #000 url(../images/patern.gif) repeat; color: #999; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 12px; line-height: 1.7em; text-align: center;}
a, a:link, a:visited {color: #B64FE2; text-decoration: none;}
a:hover {color: #fff;}
strong {font-weight: normal; color: #fff;}
h1 {font-size: 15px; font-weight: normal; color: #fff; margin: 0;}
.content h1 {font-size: 18px; font-weight: normal; color: #fff; margin: 0; padding-bottom:6px; text-align: center; text-transform: uppercase;}
h2 {font-size: 12px; font-weight: normal; color: #ccc; margin: 0; padding-bottom: 8px;}
h3 {font-size: 11px; font-weight: normal; color: #fff; margin: 0;}
.center {font-size: 12px; font-weight: normal; color: #ccc; margin: 0; padding-bottom: 8px; text-align: center;}
sup {color : #fff; font-size : 8px; }
img {border:0; }
.image_inline {float: left; padding: 5px 10px 0 0;}
.image_inline_framed {float: left; margin: 5px 10px 0 0; padding: 1px; border: 1px solid #222;}
.image_large_framed {padding: 1px; border: 1px solid #222;}
.image_inline_framed_center {margin: 5px 10px 0 0; padding: 1px; border: 1px solid #222;}
.image_inline_framed_right {float: right; margin: 5px 10px 0 0; padding: 1px; border: 1px solid #222;}
/* main page styles */
#content_center {
		position: relative;
		width: 934px; 
		margin: auto; 
		text-align: left;
		}
		
#maincontent {float:left; background-color: #000; border-left: 2px solid #111; border-right: 2px solid #111; border-bottom: 2px solid #111; margin-bottom: 30px; }

/* start header item */
#header { height: 121px; width: 930px; background: url(../images/header.jpg);  }
	.header_sec_1{ width:415px; float:left; height:56px; }
	.header_sec_2{ width:100px; float:left; height:56px; text-align : center; }
	.header_sec_3{ width:415px; float:left; height:56px; }

#nav { height: 56px; width: 930px; background: url(../images/nav.jpg);  }

/* left menu */ 
#left_menu { 
	position: relative; 
	top: 2px; 
	left: 30px;
	font-size: 12px;
	text-shadow: #444 1px 1px 1px;			
	}
a.header_left { 
	padding: 5px 10px;
	text-shadow: #fff 0px -1px 1px;		
	color: #2B1335;
	}
a.header_left:hover { 
	text-shadow: none;		
	color: #B64FE2;
	}

/* tag line(s) */ 
#subtitle {position : relative; top :67px; color : #999;}
#subtitle:hover {color: #fff; text-decoration: underline;}

/* right menu */ 
.right_menu {
	position: relative;
	text-align: right; 
	top: 2px; 
	right: 30px;
	font-size: 12px;
	text-shadow: #444 1px 1px 1px;			
	}
a.header_right { 
	padding: 5px 10px;
	text-shadow: #fff 0px -1px 1px;		
	color: #2B1335;
	}
a.header_right:hover { 
	text-shadow: none;		
	color: #B64FE2;
	}	

/* subheader */ 
#subheader {margin: 25px 25px 35px 25px; float: left; width: 880px; height: 290px;}

/* start main content */ 
.features {float:left; margin-bottom:35px; }
.three_column {padding: 0px 25px 0px 25px; position: relative; float: left; width: 260px;}
.two_column {padding: 0px 25px 0px 25px; position: relative; float: left; width: 390px;}
.content {margin: 10px 25px 35px 25px; }
a.preview {position:absolute; right:25px; top:0px; background: url(../images/preview.gif) no-repeat left center; padding: 0px 0px 0px 15px; color:#444;}
a.preview:hover {background: url(../images/preview_hover.gif) no-repeat left center; color:#fff;}




/* bottom menu */
#bottom_menu {float:left; background-color:#0b0b0b; border-top:1px solid #222; border-bottom:1px solid #222;}
a.bottom_column {display:block; padding: 10px 25px; position:relative; float:left; width: 181px; border-left:1px solid #222;}
	a.bottom_column:first-child {border-left:none; width: 184px;}
	a.bottom_column:hover {background-color:#111;}
	a.bottom_column:active {background-color:#000;}
.bottom_label { color: #888; }

/* footer */ 
#footer { padding: 28px 0 32px 0; 
		  text-align: center;
		  font-size: 11px; 
		  float: left; 
		  width: 930px; 
		  margin: auto; 
		  border-top: 1px solid #222;
		  background-color: #0b0b0b; 
		  color: #777; 
		  }
		  
#footer a:hover{ text-decoration:underline; }


/* lists */
ul {
	padding: 2px 0px 10px 18px; 
	list-style:circle; 
	}
ul li {
	margin:0; 
	padding: 0 0 16px 0;
	line-height: 1.5em;
	}
ol {
	padding: 2px 0px 10px 18px;
	}
ol li {
	margin:0; 
	padding: 0 0 16px 0;
	line-height: 1.5em;
	}

/* Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* xImage Stuff */

#ximageContainer {
	position:relative;
	margin: 0 0 2px 0;
	padding: 1px;
	width: 880px;
	height: 290px;
  	border: 1px solid #222;	
}	
#ximageContainer img {
	display:none;
	position:absolute;
	top:1px; left:1px;
}