﻿body {
	background:#000 url('../images/mainbg.jpg') repeat-x;
}
a:focus {
	outline:0;
}
img{
	border: 0px;
}
#wrapper {
	margin:0px auto;
	width:612px;
	border:2px black solid;
}

#headerbg {
	float:left;
	width:612px;
	height:33px;
	background:url('../images/headerbg.jpg');
}

#headerbg form {
	float:right;
	padding-right:10px;
	padding-top:2px;
}

#headerbg input {
	font-size:8pt;
}

#logo {
	float:left;
	width:612px;
	height:90px;
	background:url('../images/logo.jpg');
}

#tagline {
	float:left;
	width:612px;
	height:147px;
	background:url('../images/tagline.jpg');
}

#menubg {
	float:left;
	width:612px;
	height:21px;
	color:white;
	background:url('../images/menubg.jpg');
	text-align:center;
	font-family:Arial, Tahoma, sans-serif;
	font-size:8pt;
	font-weight:bold;
}

#menubg p {
	margin-top:3px;
}

#menubg a {
	color:white;
	text-decoration:none;
	padding:0 5px;
}

#body {
	float:left;
	width:612px;
	background:url('../images/bodybg.jpg');
}

#topbody {
	float:left;
	width:612px;
	height:46px;
	background:url('../images/topbody.jpg');
	padding-top:10px;
}

#topbody h1 {
	display:inline-block;
	margin:0px;
	color:white;
	font-size:12pt;
	font-weight:bold;
	font-family:Arial;
	margin-left:10px;
}

#topbody p {
	display:inline-block;
	margin:0px;
	width:370px;
	font-weight:normal;
	font-size:10pt;
	font-family:Arial;
	color:white;
}

#midbody {
	float:left;
	width:568px;
	background:url('../images/midbody.jpg') no-repeat;
	margin-bottom:20px;
	padding: 18px;
}

#midbody #imgPreview {
	float:left;
	height:254px;
	width:254px;
	margin-left:20px;
	margin-top:20px;
	border:2px #0dabdd solid;
	z-index:1;
}

#midbody #txtPreview {
	float:right;
	width:378px;
	height:190px;
	margin-left:-100px;
	margin-right:10px;
	margin-top:40px;
	border:2px #0dabdd solid;
	padding:10px;
	background:#00030d url('../images/textbg.jpg') no-repeat;
	z-index:0;
}

#midbody #galIndex {
	float:right;
	width:378px;
	margin-left:-100px;
	margin-right:10px;
	margin-top:20px;
	border:2px #0dabdd solid;
	padding:10px;
	background:#00030d;
	z-index:0;
	margin-bottom:20px;
}

#galIndex a {
	font-family:Arial, Tahoma, sans-serif;
	font-size:10pt;
	color:#0dabdd;
}

#galIndex a:hover {
	text-decoration:none;
}
#midbody #txtPreview p {
	color:white;
	font-family:Arial, Tahoma, sans-serif;
	font-size:8pt;
	text-align:justify;
	margin:auto 10px auto 110px;
}

#scrollbar {
	float:left;
	width:612px;
	height:43px;
	margin-bottom:20px;
	border:2px #0dabdd solid;
	border-left:0px;
	border-right:0px;
	background-color:#040f13;
}

#lscroll a, #rscroll a {
	display:inline-block;
	height:43px;
	width:39px;
}

#lscroll {
	float:left;
	width:39px;
	background:url('../images/leftscroll.jpg') no-repeat;
	border-right:2px #0dabdd solid;
	margin-right:15px;
	z-index:10;
}

#rscroll {
	position:relative;
	left:573px;
	top:-47px;
	width:39px;
	background:url('../images/rightscroll.jpg') no-repeat;
	border-left:2px #0dabdd solid;
	z-index:10;
}

#imgBox { 
	position:relative;
	left:-20px;
	margin: auto;
	width:524px;
	overflow:hidden; 
	z-index:0;
}

#imgInside {
	width:10000px;
	overflow:hidden;
}

#imgBox br {
	clear:both;
}

#imgInside img {
	border-left:2px #0dabdd solid;
	border-right:2px #0dabdd solid;
	padding:0px;
	margin:0px 4px;
}

#clickhere {
	float:right;
	display:block;
	width:227px;
	height:18px;
	background:url('../images/clickhere.jpg');
	margin-bottom:10px;
}

#clickhere a {
	display:inline-block;
	width:227px;
	height:18px;
}

#footer {
	float:left;
	width:612px;
	height:24px;
	background:url('../images/footer.jpg');
}

#image {
	border:2px #159dd1 solid;
}
.clear{
	width: 1px;
	height: 0px;
	float: none;
	clear: both;
}
.moreInfo{
	width: 532px;
	border: 2px solid #159dd1;
	background: #000;
	margin: 0px auto;
	margin-bottom: 20px;
	padding: 18px;
	clear: both;
	float: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}