html,body {
	background: #f8f8f8;
	width:100%;
	height:100%;
	margin: 0 auto;
	padding: 0;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

img { border: 0px; }
.spacer { clear: both; height: 0; font-size: 1px; }
.spacer15 { clear: both; height: 15px; font-size: 1px; }
.spacer25 { clear: both; height: 25px; font-size: 1px; }
.left { float: left; }

#container { width: 900px; height: 820px; margin: 0 auto; }
#header { width: 900px; height: 87px; display: block; background: url('../../images/index/top.jpg')  no-repeat; position: relative; text-decoration: none; }
#header a.name { position: absolute; top: 57px; left: 17px; font-size: 20px; color: #b10000; text-decoration: none; }
#header .topgif { position: absolute; top: 8px; left: 20px; display: block; background: url('../../images/index/topgif.jpg') no-repeat; width:104px; height: 50px; }
#header .topgifmain { position: absolute; top: 8px; left: 20px; display: block; background: url('../../images/index/topgif.gif') no-repeat; width:104px; height: 50px; }

#main { width: 900px; height: 422px; /* border: 1px solid #000; */ }
#menu { width: 125px; float: left; height: 322px; padding-top: 30px; }
#menu a { width: 98px; display: block; font-size: 12px; line-height: 16px; color: #777; text-decoration: none; padding: 0 0 5px 20px; font-family: Arial; }
#menu a:hover, #menu a.selected { color: #b10000; }
#indexholder { float: left; width: 725px; height: 392px; padding: 20px 0 0 10px; }
#placeholder { float: left; width: 735px; height: 352px; margin: 20px 0 0 10px; position: relative; }
#placeholder p, #indexholder p { text-align: left; font-size: 14px; line-height: 18px;}
#placeholder h1 { font-size: 22px; margin: 10px 0; color: #b10000; }
#placeholder .newsbox a { margin: 0 10px 5px 0; float: left; display: inline; }
#placeholder .newsbox img { border: 1px solid #b10000; }
#placeholder .newsbox img:hover { border: 1px solid #000; }
#placeholder .hide { display: none; position: relative;  }
#placeholder .hide a { float: left; padding: 0 20px; }
#placeholder .hide p a { float: none; padding: 0; }
#placeholder .hide img { border: 1px solid #000; }
#placeholder .hide span { float: left; padding: 10px; font-size: 14px; font-family: "Arial"; line-height: 18px; }
#placeholder .hide .comment { position: absolute; left: 630px; top: 305px; font-size: 12px; text-decoration: none; color: #b10000; width: 150px; }
#placeholder .hide .comment:hover { color: #000; }
.commentn { font-size: 12px; text-decoration: none; color: #b10000; width: 150px; float: right; margin: 10px 0 0 0; display: inline; }
.commentn:hover { color: #000; }

.bigHeight { height: 400px !important; width: 760px !important; overflow: auto; }

#wholecontent { width: 1600px; overflow: hidden; height: 68px; float: left; }
#thumbnailholder { width: 898px; height: 68px; overflow: hidden; background: #eee; border: 1px solid #dcdcdc; position: relative; }
#thumbnailholder a { display: block; float: left; margin: 7px 0 0 10px; }
#thumbnailholder a img { height: 52px; border: 1px solid #eee; }
#slider { width: 900px; height: 6px;  margin: 5px 0; background: #dcdcdc; position: relative; }
.ui-slider-handle { width: 8px; height: 14px; position: absolute; top: -4px; background: #BBB; border: solid 1px black; }

#downmenu { width: 860px; height: 35px; padding-left: 40px; }

.line { width: 900px; height: 5px; margin: 25px 0 11px 0; border-bottom: 1px solid #000; }
.copyright { width: 900px; text-align: center; margin: 20px auto 0 auto; font-size: 10px; color: #555; line-height: 15px; }
.copyright a { color: #b10000; text-decoration: none; }
.copyright a:hover { color: #777; text-decoration: underline;}
.contactText { float: left; height: 230px; width: 330px; padding: 20px 0 0 25px;}
.contactBox { margin: 40px 0 0 10px; height: 270px; width: 500px; text-align: left; float: left;}
.contactBox label { color: #b10000; font-size: 11px; width: 110px; float: left; margin: 2px 0 2px 5px; text-transform: uppercase; }
.contactBox input { border: 1px solid #ddd; width: 350px; height: 14px; float: left; margin: 0 0 10px 0; float: left; display: inline; background: #fff; }
.contactBox input:hover, .contactBox input:focus,.contactBox textarea:hover, .contactBox textarea:focus { background: #efefef; }
.contactBox textarea { width: 350px; height: 130px; border: 1px solid #ddd; background: #fff; margin: 0 0 10px 0; float: left; display: inline; }
.contactBox .sbm { width: 70px; height: 22px; margin: 0 0 0 115px; font-size: 14px; color: #fff; border: none; background-color: #b10000; text-align: center; }
.contactBox .sbm:hover { background-color: #a6a6a6; }
.error { font-size: 12px; color: red; font-weight: bold; margin-bottom: 5px; text-align: left; float: left; display: inline; }
.success { font-size: 12px; color: green; font-weight: bold; margin-bottom: 5px; text-align: left; float: left; display: inline; }

.box { width: 727px; height: 111px; border-bottom: 1px solid black; margin: 0 0 9px 0; }
.box a { float: left; font-size: 14px; }
.box img { margin: 0 10px; border: 1px solid #999; }
.box img:hover { border: 1px solid #000; }
.box .text { font-size: 14px; color: #b10000; text-decoration: none; font-weight: bold; float: left; margin: 0 0 6px 0; width: 500px; display: inline;}
.box p { font-size: 13px; margin: 0; width: 500px; float: left; }
.paging { height: 23px; text-align: right;  float: right; margin: 18px 40px 0 0;}
.paging a { font-size: 14px; height: 20px; color: #000; float: left; text-decoration: none; padding: 3px 6px 0 6px; background: none; }
.paging a:hover,.paging a.selected { background: #b10000; color: #fff;}
.language { position: absolute; width: 50px; height: 20px; top: 65px; right: 125px; }
.language a { float: left; margin: 2px 3px 0 3px; display: inline; }
.language a img { width: 16px; height: 11px; border: 1px solid #b10000; }
.language a:hover img { border: 1px solid #000; }

#comm { width: 670px; }
#comm .line { width: 670px; height: 5px; margin: 5px 0 11px 0; border-bottom: 1px solid #000; }
#comm .picinfo { width: 650px; height: 86px; margin: 20px 0 0 20px; background: url('../../images/index/top.jpg') top right no-repeat; }
#comm .picinfo img { float: left; margin: 0; }
#comm .picinfo p { float: left; margin: 0 0 0 5px; font-size: 12px; width: 435px; } 
#comm .cbox { width: 640px; border-left: 1px dotted #b10000; font-size: 14px; margin: 0 0 20px 30px; }
#comm .cbox .author { color: #777; font-weight: bold; }
#comm .cbox .date { color: #666; font-style: italic; }
#comm .cbox p { color: #555; margin: 0 0 0 20px; }
#comm p { color: #777; font-size: 12px; margin-left: 30px; }
#comm h1 { color: #bc0000; font-size: 14px; margin-left: 30px; }
#comm label { color: #b10000; font-size: 11px; width: 80px; float: left; margin: 2px 0 2px 30px; text-transform: uppercase; }
#comm input { border: 1px solid #ddd; width: 500px; height: 14px; float: left; margin: 0 0 10px 0; float: left; display: inline; background: #fff; }
#comm input:hover, .contactBox input:focus,.contactBox textarea:hover, .contactBox textarea:focus { background: #efefef; }
#comm textarea { width: 500px; height: 100px; border: 1px solid #ddd; background: #fff; margin: 0 0 10px 0; float: left; display: inline; }
#comm .sbm { width: 70px; height: 22px; margin: 0 0 0 115px; font-size: 14px; color: #fff; border: none; background-color: #b10000; text-align: center; }
#comm .sbm:hover { background-color: #a6a6a6; }
#comm .error, #comm .success { margin-left: 30px; }
.partners { margin: 15px 0 0 0; }
.partners a { text-decoration: none; float: left; font-size: 12px; color: #000; }
.partners span { margin: 5px auto 0 auto; text-align: center; display: block; }
.arrowsThumb { float: left; width: 24px; height: 52px; margin: 0; }
.arrLeft {  background: url('../../images/index/arrowLeft.png') no-repeat; }
.arrRight { background: url('../../images/index/arrowRight.png') no-repeat; }