body,html	{ background:url(../images/bg.jpg) no-repeat fixed #c3cea4; font-size:12px; color:#2C0F07; text-align:center; height:100%; line-height:160%; font-family:Tahoma,Verdana,Segoe,sans-serif; }
body		{ scrollbar-base-color:#fff; scrollbar-face-color:#fff; scrollbar-track-color:#fff; scrollbar-highLight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-arrow-color:#ccc; scrollbar-shadow-color:#ccc; scrollbar-3dLight-color:#ccc; }
hr		{ height:1px; }
a		{ color:#069; outline:0px; text-decoration:underline; }
a:hover		{ color:#069; text-decoration:none; }
img		{ border:0px; }
table		{ border:0px; border-collapse:collapse; }
th,td,th		{ font-size:12px; color:#2C0F07; line-height:160%; }
li		{ list-style-position:inside; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
		{ margin:0px; padding:0px; }

h1		{ font-size:18px; font-weight:bold; }
h2		{ font-size:16px; font-weight:bold; }
/*h3		{ font-size:14px; font-weight:bold; }
h4		{ font-size:12px; font-weight:bold; }
h5		{ font-size:10px; font-weight:normal; }
h6		{ font-size:10px; font-weight:normal; }*/


/* font */
.red		{ color:#f00; }
.orange		{ color:#f90; }
.blue		{ color:#39f; }
.green		{ color:#090; }
.pink		{ color:#f6C; }
.purple		{ color:#c6c; }
.brown		{ color:#963; }
.white		{ color:#fff; }
.bold		{ font-weight:bold; }
.red-bold	{ color:#c00; font-weight:bold; }
.orange-bold	{ color:#f90; font-weight:bold; }
.blue-bold	{ color:#39f; font-weight:bold; }
.green-bold	{ color:#090; font-weight:bold; }
.pink-bold	{ color:#f6c; font-weight:bold; }
.purple-bold	{ color:#c6c; font-weight:bold; }
.brown-bold	{ color:#963; font-weight:bold; }
.white-bold	{ color:#fff; font-weight:bold; }

.xx-small	{ font-size:6px; line-height:10px; }
.x-small	{ font-size:8px; line-height:12px; }
.small		{ font-size:10px; line-height:14px; }
.large		{ font-size:14px; line-height:18px; }
.x-large	{ font-size:16px; line-height:20px; }
.xx-large	{ font-size:18px; line-height:22px; }
.copyright	{ font-family:Helvetica, sans-serif; font-size:11px; line-height:12px; color: #666; }
.kome		{ color:#f90; font-size:10px; font-weight:normal; }

.left		{ text-align:left; }
.center		{ text-align:center; }
.right		{ text-align:right; }

.none		{ display:none; }


/******************* container *********************/
#container		{ width:100%; margin:0 auto; padding:0px; position:relative; }



/******************* head *********************/
#head {
	width:800px;
	height:40px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../images/bg_head.gif) no-repeat;
}
#primary { 
	width:800px;
	margin:0 auto;
	padding:0px;
	position:relative;
	background:url(../images/bg_body.gif) repeat-y;
}

/******************* contents *********************/
#contents { 
	width:700px;
	margin:0 auto;
	padding:0px;
	position:relative;
	text-align:left;
}

#contents h2{
	display:none;
}

#contents h3{
	font-size:14px;
}


/******************* title *********************/
#title {
	width:100%;
	margin:0 auto 0 auto;
	padding:0;

}
#top_image {
	width:800px;
	margin:15px auto 0 auto;
	padding:0;
	text-align:center;
}
.info {
	width:560px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
}
.info td,th{
	border-color:#2C0F07;
	border-style:solid;
	border-width:1px;
	margin:0;
	padding:3px;
}
.info th {
	background-color:#c3cea4;
}
.sub {
	margin:0;
	padding:0;
	width:120px;
	font-weight:bold;
	background-color:#e8f0d3;
}
.data {
	margin:0;
	padding:0;
	width:160px;
	background-color:#FFFFFF;
}

/******************* summary *********************/
#summary {
	width:100%;
	margin:10px auto 0 auto;
	padding:0;
}


/******************* features *********************/
#features {
	width:100%;
	margin:20px auto 0 auto;
	padding:0;

}



/******************* screenshot *********************/
#screenshot {
	width:100%;
	margin:20px auto 0 auto;
	padding:0;
}
#screenshot_img img {
	margin:0 0 15px 13px;
	padding:0;
}



/******************* video *********************/
#video {
	width:100%;
	height:500px;
	margin:20px auto 0 auto;
	padding:0;
}

#video_swf {
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}



/******************* foot *********************/
#foot {
	width:800px;
	height:60px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../images/bg_foot.gif) no-repeat;
}











/******************* lightbox *********************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }