body{ margin : 0; background : url('../img/bg.jpg') repeat-x #424242; font-family : 'Tahoma'; font-size : 11px; color : #fff; }
h1{ color : #33ccff; font-size : 18px; font-family : 'Times new roman'; font-weight : normal; background : url('../img/h1.jpg') no-repeat 0 -25px; height : 94px; line-height : 94px; padding : 0 0 0 50px; margin : 10px 0 0 0; }
h2{ color : #33ccff; font-size : 14px; font-family : 'Times new roman'; font-weight : bold; }
.c{ clear : both; }

#wrapper{ width : 966px; margin : 30px auto 0 auto; }
#banner{ background : #000; padding : 0 0 15px 0;  }

#banner img{ float : left; margin : 15px 40px 0 40px; }

#banner ul{ float : left; margin : 10px 30px 0 0; padding : 0; list-style : none; }
#banner ul li{ padding : 3px 0; }
#banner ul li a{ color : #fff; text-decoration : none; }
#banner ul li a:hover, #banner ul li a#active{ text-decoration : underline !important; }
#banner ul li#first{ margin : 5px 0 0 0; color : #33ccff; font-size : 16px; font-weight : bold; font-family : 'Times New Roman'; padding : 0 0 10px 0; }

#content{ background : #fff; color : #333; padding : 10px; }

#image{ position : relative; width : 324px; height : 555px; float : left; }
#front{ position : absolute; width : 324px; height : 555px; background : url('../img/back.gif') no-repeat; }
#front ul{ list-style : none; margin : 35px 35px 0 35px; padding : 10px; background : url('../img/px.png') repeat; }
#front ul#second{ margin : 1px 35px 0 35px; }
#front ul li a{ color : #666; text-decoration : none; padding : 5px 10px; display : block; }
#front ul li a:hover{ text-decoration : underline; }
#front ul li a#active{ background : #fff; font-weight : bold; }

#back{ position : absolute; width : 324px; height : 555px; background : url('../img/tmp.jpg') bottom no-repeat; }
#txt{ float : left; width : 600px; line-height : 1.5; }

#cont{ margin : 15px 0 0 35px; }
#cont a{ font-weight : bold; color : #000; }
#cont a:hover{ text-decoration : none; }

#footer{ margin : 20px 0 0 0; background : #fff; padding : 15px 35px; color : #666; }
.float{ float : left; padding : 1px 40px 1px 0; }
.float h3{ padding : 0; margin : 0; font-weight : normal; color : #33ccff; font-size : 12px; }

#links{ margin : 0; padding : 0; list-style : none; }
#links a{ color : #33ccff; font-weight : bold; text-decoration : none; }

#copyright{ text-align : center; margin : 10px 0; font-size : 10px; }
#copyright a{ font-weight : bold; color : #fff; text-decoration : none; }

fieldset{ border : 0; margin : 0; padding : 0; }
fieldset label{ font-weight : bold; width : 125px; float : left; }
fieldset div{ padding : 3px 0; }
fieldset input{ border : 1px solid #ccc; padding : 2px; font-family : 'Tahoma'; width : 150px; }
fieldset textarea{ border : 1px solid #ccc; height : 100px; padding : 2px; width : 300px; font-family : 'Tahoma'; font-size : 11px; }

#button{ color : #666; font-weight : bold; text-decoration : none; font-size : 12px; }
#button:hover{ color : #33ccff;  }

.formerror{ font-size : 11px; margin : 0 0 0 5px; color : red; }

a img{ border : 0; }

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../img/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(../img/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.mbLoading {
	background: #000 url(../img/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #000;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #000;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(../img/BlackClose.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../img/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../img/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(../img/BlackClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}

#footer a{ color : #666666; }
#footer a:hover{ text-decoration : none; }