/* CSS Document */
* {
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
html, body { height:100%; }
body {font-size:100%; line-height:1em; min-width:980px; background:#fff}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#444444;	}	
 
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#1493d3; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.left-bg {background:url(images/bg2.jpg) top left repeat-x }
.right-bg {
	background:url(images/bg1.jpg) top right repeat-x;
	width:50%;
	right:-708px;
	position:absolute;
	height:564px; 
	top: -16px;
}
#header {background:url(images/bg.jpg) top center no-repeat ; position:relative;}



.link{color:#1493d3; background:url(images/marker1.gif) center right no-repeat; padding-right:8px; font-weight:bold; float:right }
.rss{color:#f97f10; text-decoration:none; background:url(images/rss.gif) center right no-repeat; padding-right:20px; font-weight:bold; float:right }
.rss:hover{text-decoration:underline;  }
.link1{color:#1493d3; }
.link3{color:#1493d3; background:url(images/marker1.gif) center right no-repeat; padding-right:8px; font-weight:bold;  }

.button{color:#f8f7f3; background:url(images/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
#content ul li a{color:#f01150; font-weight:bold; text-decoration: none; line-height:2em} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(images/tail1.gif) bottom left repeat-x;  margin:0; padding-left:0; }
#content .ul .last{background:none }
#content .ul li a{color:#1493d3; font-weight: normal; font-size:1.16em; text-decoration:none ; line-height:2em; background:url(images/marker.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:10px; } 
#content .ul li a:hover { text-decoration:none; color:#000; }

/*header*/
#header {font-size:1em; color:#FFFFFF }
#header .logo{ margin:15px 0 0 29px }
#header .slogan{ margin:79px 0 0 461px }
#header .menu{margin:63px 0 0 234px; position:absolute; width:746px}
#header .button1{margin:344px 0 0 755px; position:absolute; }
#header .indent{margin:448px 0 0 13px; position:absolute; width:954px}

#header h1{color:#325a53; font-size:1.75em; margin-bottom:13px; line-height:1.2em  }
#header h1 a{color:#325a53; text-decoration:none  }
#header h1 a:hover{text-decoration:none  }

#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline}
#header ul .last a{ width:148px;} 
#header ul li a{background:url(images/bg_menu.gif) top left no-repeat; color:#fff; text-decoration:none; width:149px; text-align:center; display:block; float:left; line-height:30px} 
#header ul li a:hover { color:#f01150; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;}
#header ul li .current{ color:#f01150; text-decoration:none; background:url(images/bg_menu-act.gif) top left no-repeat;  }






/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .smalltext{ font-size:0.75em; width:100%; text-align:left; /*color:#5692b8;*/}
#content .indent-main{padding:0 10px 0 29px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content .p2{ margin:0 0 7px 0}
#content .p11{color:#F01150; font-size:1em; margin-bottom:0;  }
#content h2{color:#7fa9c3; font-size:1.66em; margin-bottom:13px; line-height:1.2em; letter-spacing:-1px }
#content h3{color:#1493d3; font-size:1.2em;font-weight:bold; margin-bottom:0;  }
#content h4{color:#1493d3; font-size:1em; margin-bottom:0;  }
#content h11{color:#F01150; font-size:1.2em;font-weight:bold; margin-bottom:0;  }
#content h12{color:#1493d3; font-size:1.2em;font-weight:bold; margin-bottom:0;  }
#content .tail{ background:url(images/tail1.gif) bottom repeat-x; padding-bottom:13px; margin-bottom:13px}
#content .tail1{ background:url(images/tail1.gif) bottom repeat-x; padding-bottom:7px; margin-bottom:9px}
#content .tail-1{ background:url(images/tail1.gif) bottom repeat-x; padding-bottom:47px;}
#content h2.color{ color:#1493d3; font-size:2em}
#content h3.color-red{ color:#F01150}

#content .indent{padding:30px 0 0 0}
#content .indent1{padding:0 0 0 241px}

.block{ background:url(images/bg_block.gif) top left no-repeat; width:320px; height:89px}
.block .indent-block{padding:13px 0 0 29px}


/*footer*/
#footer { color:#7fa9c3; font-size:0.75em; }
#footer .indent-footer{ padding:15px 50px 0 30px;}
#footer span{ font-size:1.14em}
#footer a {color:#7fa9c3; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer .a {color:#1493d3; text-decoration:none}  
#footer .a:hover {  text-decoration:underline}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px; background:url(images/bg_input1.gif) top left no-repeat}
.h1{ height:30px; background:url(images/bg_input.gif) top left no-repeat}
.h2{ height:126px; background:url(images/bg_input2.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:20px}
.input{
   	border:none; 
	background:none;
	width:170px; height:20px;
	font-size:1em;
	color:#7fa9c3;
	padding-left:9px;
	padding-top:2px;
	padding-bottom:2px;
}input{
   	border:none; 
	background:none;
	width:206px; height:20px;
	font-size:1em;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:2px;
}
textarea{
   	border:none; 
	background:none;
	width:216px; height:115px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
/*---------- slide -------*/	
#fade {
	margin:10px 0 0 -10px; 
	position:relative;
	width:1000px;
	height:250px;
	overflow:hidden;
	background:url(images/fade-bg.jpg) left top no-repeat;
}
.prevNav {
	right:53px;
	top:15px;
	display:block;
	width:26px;
	height:26px;
	background:url(images/prev.gif);
	position:absolute;
	z-index:100
}
.nextNav {
	right:10px;
	top:15px;
	display:block;
	width:26px;
	height:26px;
	background:url(images/next.gif);	
	position:absolute;
	z-index:100
}

.prev-prepNav {
	right:140px;
	top:10px;
	display:block;
	width:162px;
	height:36px;
	background:url(images/previous-button.gif);
	position:absolute;
	z-index:100
} 
.next-prepNav {
	right:30px;
	top:10px;
	display:block;
	width:103px;
	height:36px;
	background:url(images/next-button.jpg);	
	position:absolute;
	z-index:100
}
.hover-pause {
	right:30px;
	top:400px;
	display:block;
	width:190px;
	height:24px;
	background:url(images/hover-pause.png);
	position:absolute;
	z-index:100
}
.slideshow { height: 250px; width: 980px; margin: auto }
.slideshow img { padding: 1px; border: 1px solid #ccc; background-color: #eee; }
.980 { width: 980px;}


.slider {
	position:relative;
	
}

.controlNav {
	position:absolute;
	width:955px;
	height:66px;
	z-index:100;
	left:-965px;
	top:449px;
}

.controlNav a {
	z-index:99;
	cursor:pointer;
	font-size:0;
	line-height:0;
	display:block;
	float:left;
	width:191px;
	height:66px;
	margin-top:0px;
}
	.controlNav .m0 {
		background:url(images/banner1.png) left top no-repeat;
	}
	.controlNav .m0:hover, .controlNav .m0.activeSlide  {
		background:url(images/banner1-hover.png) left top no-repeat;
	}
	.controlNav .m1 {
		background:url(images/banner2.jpg) left top no-repeat;
	}
	.controlNav .m1:hover, .controlNav .m1.activeSlide  {
		background:url(images/banner2-hover.jpg) left top no-repeat;
	}
	.controlNav .m2 {
		background:url(images/banner3.jpg) left top no-repeat;
	}
	.controlNav .m2:hover, .controlNav .m2.activeSlide  {
		background:url(images/banner3-hover.jpg) left top no-repeat;
	}
	.controlNav .m3 {
		background:url(images/banner4.jpg) left top no-repeat;
	}
	.controlNav .m3:hover, .controlNav .m3.activeSlide  {
		background:url(images/banner4-hover.jpg) left top no-repeat;
	}
	.controlNav .m4 {
		background:url(images/banner5.jpg) left top no-repeat;
	}
	.controlNav .m4:hover, .controlNav .m4.activeSlide  {
		background:url(images/banner5-hover.png) left top no-repeat;
	}
	.controlNav .m5 {
		background:url(images/banner4.jpg) left top no-repeat;
	}
	.controlNav .m5:hover, .controlNav .m5.activeSlide  {
		background:url(images/banner4-hover.jpg) left top no-repeat;
	}
	.controlNav .m6 {
		background:url(images/banner5.jpg) left top no-repeat;
	}
	.controlNav .m6:hover, .controlNav .m6.activeSlide  {
		background:url(images/banner5-hover.png) left top no-repeat;
	}

#fade div {
	position:relative;
}
.fade-link {
	position:absolute;
	z-index:100;
}
	.f1 a {
		left:815px;
		top:201px;
	}
	.f2 a {
		left:815px;
		top:201px;
	}
	.f3 a {
		left:815px;
		top:201px;
	}
	.f4 a {
		left:815px;
		top:201px;
	}
	.f5 a {
		left:815px;
		top:201px;
	}
	.f6 a {
		left:815px;
		top:201px;
	}
	.f7 a {
		left:815px;
		top:201px;
	}
	.f8 a {
		left:815px;
		top:201px;
	}
	.f9 a {
		left:815px;
		top:201px;
	}
	.f10 a {
		left:815px;
		top:201px;
	}
	.f11 a {
		left:815px;
		top:201px;
	}

	.f12 a {
		left:890px;
		top:170px;
	}

.image-list ul {
    list-style: none outside none;
    padding-top: 1px;
}
.image-list li {
    float: left;
    padding-right: 4px;
}
