/*
content
*/

body,html {
	height:100%;
	color:#fff;
}	

body {
	background:#000000;
	overflow:hidden;
}


/*content container*/
div.content {
	width:100%;
}
#outer {
	width:100%;
	height: 100%; 
	overflow: visible;
	position: relative;
}
#outer[id] {
	display: table; position: static;
}
#middle {
	position: absolute; 
	top: 50%;
} /* for explorer only*/
#middle[id] {
	display: table-cell;
	vertical-align: middle; 
	position: static;
}
#inner {
	position: relative; 
	top: -50%
} /* for explorer only */
/* optional: #inner[id] {position: static;} */







/* main source image */
#srcimg {
	margin:0 auto;
	width:700px;
	position:relative;
	top:-30px;
}

/* caption */
#caption{
	margin-top:4px;
	background:#000;
}
#caption em {
	color:#666;
}

#imgcontent {
}


/* bottom naviation */
.subnav {
	position:absolute;
	bottom:-1px;
	
	
	width:100%;
	padding-left:6px;
}




/* col 1 */
#logo {
	float:left;
	padding-right:30px;
	padding-bottom:13px;
}

/* col 2 */
#contentinfo {
	color:#999;
	margin:6px 20px 10px 200px;
}

/* col 3 */
#prevnext {
	float:right;
height:50px;
	width:200px;
	font-size:10px;
    margin-top:4px;
}


#prevnext a, #prevNULL, #nextNULL {
	display:block;
	float:left;
}

#prev, #prevNULL{
	margin-right:0px;
}

#next, #nextNULL{
	margin-left:4px;
}

#prevNULL, #nextNULL {
	display:none;
	font-weight:bold;
	color:#353535;
}

#prevnext{
	padding-top:8px;
}


#prevnext a.jump, #prevnext a.jumpActive {
	display:block;
	width:10px;
	height:10px;
	border:1px solid #dd3433;
	float:left;
	padding:0;
	margin-top:1px;
	margin-left:4px;
	font-size:3px;
}
#prevnext a.jump:hover div, a.jumpActive div {
	background:#EB6F5C;
	height:8px;
	width:8px;
	margin-top:1px;
	margin-left:1px;
	font-size:3px;
	cursor:pointer;
}

#prevnext a.jump:hover {
	background:#000;
}




#Loading {
	color:#aaa;
	display:none;
	padding:10px;
	position:absolute;
	z-index: 300;
}