/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(images/bg_bot.jpg) bottom repeat-x #0B193C;
}

#bg_img{
	background: url(images/bg_img.jpg) center top no-repeat;
	height: 100%;
}

#main {
	width: 900px;
	margin: 0px auto;
}

#header {
	height: 150px;
}

/*menu*/
#buttons{
	text-align:center;
	height: 81px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/but_bg.png) left top no-repeat;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	width: 164px;
	height: 33px;
	font-weight: normal;
}

#buttons a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	width: 164px;
	height: 40px;
	font-weight: normal;
}

.but1{
	position: relative;
	background: url(images/but.png) center top no-repeat;
	left: 0px;
	z-index: 1;
	color: #151E01;
	padding-top: 17px;
}

.but2{
	position: relative;
	background: url(images/but.png) top no-repeat;
	left: -7px;
	z-index: 2;
	padding-top: 20px;
	margin-top: 27px;
}

.but3{
	position: relative;
	background: url(images/but.png) center top no-repeat;
	left: -14px;
	z-index: 3;
	padding-top: 17px;
}

.but4{
	position: relative;
	background: url(images/but.png) top no-repeat;
	left: -21px;
	z-index: 4;
	padding-top: 20px;
	margin-top: 27px;
}

.but5{
	position: relative;
	background: url(images/but.png) center top no-repeat;
	left: -28px;
	z-index: 5;
	color: #B7E956;
	padding-top: 17px;
}

#buttons .but:hover {
	background: url(images/but_hover.png) top no-repeat; 

}

/*logo*/

#logo {	
		padding: 0px 0px 0px 711px;
		
}

#logo H2 {

	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	font-weight: bold;
}

#logo a {
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}
	
#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
}

.logo_span{
	font-size: 14px;
}

/*top*/

.top_img { 
	height: 290px;
	width: 880px;
	background: url(images/top_img.jpg) center top no-repeat;
}

.top_bg { 
	height: 299px;
	padding-top: 10px;
	padding-left: 10px;
	background: url(images/top_bg.png); }

.top_left_str{
	float:left;
	padding: 171px 0 0 10px;
}

.top_right_str{
	float: right;
	padding: 171px 10px 0 0;
}

.top_bp_all_bg{
	height: 43px;
	padding-left: 330px;
	background: url(images/top_bp_all.png) top repeat-x;
	margin: 0 auto;
}
	
.top_bp_all{
	height: 43px;
	width: 250px;
	text-align: center;
	margin: 0 auto;
}

.top_bp{
	display: block;
	float: left;
	width: 43px;
	height: 43px;
	background: url(images/top_bp.png);
}
.top_bp:hover{
	background: url(images/top_bp_hover.png);
}
.top_bp_div{
	float: left;
	width: 6px;
	height: 10px;
}

/*content*/
#content{
padding: 8px 0 0 0;
}

.row{

}

.row_box{
	float:left;
	width: 210px;
}
.img_bg{
	padding: 4px 4px 4px 4px;
	height: 122px;
	background: url(images/top_bg.png);
}

.row_img{
	border: 1px solid #0B236B;
}

.row_tit{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 13px 0 10px 0px;
}

.read_more{
	text-align: right;
	padding: 4px 4px 4px 0px;
	height: 15px;
}

.read_more a {
	display: block;
	float:right;
	width: 61px;
	height: 15px;
	background: #FFFFFF;
	font-size: 12px;
	color: #000 !important;
	text-decoration: none !important;
	padding-right: 2px;
	
}

.read_more a:hover {
	font-size:12px;
	color:#000;
	text-decoration: underline !important;
}

/*bottom*/
#bottom{
	background: url(images/bottom.png) 0px 28px repeat-x;
}

#bottom a{
	color: #FFFFFF;
}
.bottom_box{
	padding-top: 15px;
}


.bottom_box1{
	float: left;
	width: 216px;
	padding-left: 30px;
}

.bottom_tit{
	background: url(images/bottom_tit.png) center top no-repeat;
	padding: 20px 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}

.bottom_box_razd{
	float: left;
	background: url(images/bottom_box_razd.jpg) center 28px no-repeat;
	width: 100px;
	height: 370px;
}


/*calendar*/
#calendar1 {
	padding: 0px 0px 0px 0px;
}

#calendar{
	width: 100%;
	font-size:12px !important;
	line-height: 18px;
}

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar caption{
	padding: 15px 0px 15px 0px;}

#calendar thead {

}

#calendar tbody td {
	text-align: center;
	/*
	border: 1px solid #F1F1F1;
	*/
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #fff;
	border: 1px solid #9DA3B1;
	color: #000;
}


.bottom_box2{
	float: left;
	width: 203px;}
	
/*form*/

form{
	overflow: hidden;
}

form .form_line{
	float: left; 
	width: 203px;
	margin-bottom: 5px; 
}

form .input{
	background: url(images/input_bg.gif) top repeat-x #FFFFFF;
	width: 203px;
	padding: 5px 0 5px 16px;
	width: 187px;
}

form textarea{
	height: 65px !important;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	
}

fieldset {
	padding: 0;
}

.submit{
	width: 65px;
	height: 20px;
	margin-left: 28px;
	background: url(images/input_bg.gif) top repeat-x #FFFFFF;
}
	
.reset{
	width: 65px;
	height: 20px;
	margin-left: 15px;
	background: url(images/input_bg.gif) top repeat-x #FFFFFF;
}

.bottom_box3{
	float: left;
	width: 200px; }

.contact_text{
	line-height: 24px;}

.contact_a{
	font-size: 12px;
	text-decoration: none;
}
.contact_a:hover{
	text-decoration: underline;
}

.bottom_s{
	float: left;
	width: 16px;
	height: 16px;
}

.bottom_s_all{
	text-align: center; height: 16px; padding-left: 50px;
}

/*footer*/

#footer{
	background: url(images/footer.gif) top repeat-x;
	font-size: 11px;
	color: #fff;
	text-align: center;
	height: 60px;
	padding: 25px 0px 0px 30px;
}

#footer a{
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

#footer a:hover{
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}



/*
scroll styles here
*/

.item { width: 880px; height:290px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 880px; height: 290px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height: 40px; margin: 0px; padding-right: 20px;} 
.navi a { width: 43px; cursor:pointer; height: 43px; float:left; margin:0 0 0 1px; background:url(images/top_bp.png) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 1px;  background:url(images/top_bp_hover.png) no-repeat scroll right top}

.header1
{
width: 880px; height: 290px;
background: url(images/top_img.jpg) no-repeat;
}

.header2
{
width: 880px; height: 290px;
background: url(images/top_img2.jpg) no-repeat;
}

.header3
{
width: 880px; height: 290px;
background: url(images/top_img3.jpg) no-repeat;
}

.header4
{
width: 880px; height: 290px;
background: url(images/top_img4.jpg) no-repeat;
}

.header5
{
width: 880px; height: 290px;
background: url(images/top_img5.jpg) no-repeat;
}

.header6
{
width: 880px; height: 290px;
background: url(images/top_img6.jpg) no-repeat;
}

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}