/*------------------------------------------------- intro ---------------------------------------------------------------*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img {
margin: 0;
padding: 0;
border: 0;
}
html, body {
height:100%;
width: 100%;
max-width:100%;
}
body {
min-height: 100%;
height: auto; !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
background: #fff;
}
/*------------------------------------------------- /intro ---------------------------------------------------------------*/
.phone-crew a{
color: #02A0B9;
text-decoration: none;
}
.phone-crew a:hover{
text-decoration: underline;
}
.phone-crew {
position: absolute;
z-index: 50;
top: 80px;
left: 70%;
}
.all {
padding: 0 10px;
min-width:980px;
}
/*------------------------------------------------- header ---------------------------------------------------------------*/
.header{
background: url(../i/bg-all.jpg) repeat-x top left;
height: 330px;
}
.header .head-in{ 
background: url(../i/splash.jpg) no-repeat top left;
height: 330px;
}
.header .head-in-r{ 
background: url(../i/bg-right.jpg) no-repeat top right;
height: 330px;
}
.header-autumn{
background: url(../i/bg-all.jpg) repeat-x top left;
height: 330px;
margin-right: 7px;
}
.header-autumn .head-in{ 
background: url(../i/bg-right-aut.jpg) no-repeat top right;
height: 330px;
}
	
.header-autumn .head-in-r{ 
background: url(../i/splash-autumn.jpg) no-repeat top left;
height: 330px;
}

.header-winter{
background: url(../i/bg-all-winter.jpg)  repeat-x top left;
height: 330px;
}

.header-winter .head-in{ 
background: url(../i/splash-winter.jpg) no-repeat top left;
height: 330px;
}
	
.header-winter .head-in-r{ 
background: url(../i/bg-right-winter.jpg) no-repeat top right;
height: 330px;
}
/*------------------------------------------------ /header ---------------------------------------------------------------*/
.flash {
padding-top: 11px;}
.main-menu{
border-bottom: 10px solid #F3F3F3;
height: 39px;
text-align: right;
position: relative;
margin-top: -50px;
margin-right: 5px;
}
.main-menu img{
display: block;
}
.main-menu li{
list-style: none;
float: left;
height: 39px;
}
/*------------------------------------------------- content ---------------------------------------------------------------*/
.cont li {
font-weight: bold;
color: #02A0B9;
}
	
.content{
}

.cont-l{
width: 230px;
float: left;
padding-left: 20px;}

.cont-l h2 {
margin-bottom: 14px;
}
	
.cont-l h2 span{
font-size: 12px;
background: #4C86C5;
color: #fff;
font-weight: bold;
padding: 4px 11px 3px 11px;
}
	
.cont-l .menu .block{
padding: 7px 0;
color: #02A0B9;
}
	
.cont-l .menu ul li {
list-style: none;
border-bottom: 1px solid #EFEFEF;
padding: 4px 0;
font-size:12px;
}
	
.cont-l .menu  a{
color: #02A0B9;
text-decoration: none;
line-height:16px;
font-size:12px;
font-weight:normal;
}
	
.cont-l .menu  a:hover{
text-decoration: underline;
}
	
.cont-l .menu {
padding-top: 20px;
width: 220px;
}
	
.cont-r {
float: left;
width: 100%;
}
	
.cont-r h1 {
color: #4C86C5;
font-size: 12px;
font-weight: bold;
line-height: 30px;
}
	



.cont-r p {
padding: 7px 0;
color: #678989;
font-size: 12px;
}
	
.cont-r p a{
color: #4C86C5;
}
	
.cont-r .block{
padding: 0 0 20px 0;
border-bottom: 1px solid #EFEFEF;
margin-bottom:20px;
}
.cont-r .block_news{
padding: 0 0 5px 0;
border-bottom: #EFEFEF 1px solid;
color: #02A0B9;
}	
.cont-r .block_news  p{
color: #02A0B9;	
}
.cont-r .block_news  a{
color: #02A0B9;
text-decoration: underline;
}
	
.cont-r .block_news  a:hover{
text-decoration: underline;
}

.cont-r .block2{
padding: 0 0 5px 0;
}
	
.cont-r h2 {
margin: 20px 0 10px 0;
}
	
.cont-r h2 span{
font-size: 12px;
background: #4C86C5;
color: #fff;
font-weight: bold;
padding: 4px 11px 3px 11px;
display:block;
margin:0 34px 0 32px;
}
	

.t-dual {
	clear: both;
	padding-top: 40px;
	}
	
.t-dual td{
	vertical-align: top;
	color: #fff;
	}
	
.t-dual td a{
	
	color: #fff;
	}
	
.t-dual td h4{
	font-size: 12px;
	font-weight: bold;
	}
	
.gray-block {
	width: 167px;
	background: url(../i/bg-gray-box.gif) bottom no-repeat left #EDEDED;
	}
	
.blue-box-l {
	background: #4C86C5 url(../i/bg-blue-box-l-b.gif) no-repeat bottom left;
	
	}
	

	
.blue-box-l div {
	background:  url(../i/bg-blue-box-l-t.gif) no-repeat top left;
	padding: 25px 30px 25px 40px
	}
	
.blue-box-r {
	background: #5392D9;
	padding: 25px 10px 25px 40px
	}
	
.blue-box-r p, .blue-box-l p {
	padding-top: 20px;
	font-size: 12px;
	}
	
.bg-dual-box {
	width: 170px;
	background: url(../i/bg-dual-box.gif) repeat-y top left;
	}
	
.clock {
	position: absolute;
	margin-top: -13px;
	}
/*------------------------------------------------- /content ---------------------------------------------------------------*/
/*------------------------------------------------- footer ---------------------------------------------------------------*/
.footer{
margin-top: 10px;
background: #ECECEC;
padding: 0 0 0 30px;
height:40px;
}
.footer .copy{
color: #416B70;
font-size:11px;
}
.footer .copy A{
color: #416B70;
}
#dev{
float: right;
width: 190px;
text-align: left;
color: #333;
font-size: 10px;
padding:11px 2px 0 0;
}
#dev a{
color: #1D98D2;
text-decoration: none;
}
#dev span a{
padding: 0 10px;
line-height: 20px;
background: #1D98D2;
text-decoration: none;
color: #fff;
padding: 3px 10px;
}
#dev span a:hover{
background: #CC0000;
color: #fff;
}
/*------------------------------------------------- /footer ---------------------------------------------------------------*/
/*------------------------------------------------- all roll-over -- menu --------------------------------------------------------*/

	#menu,
	#menu UL {
		float:left;
		list-style:none;
		}
		

		
	#menu UL {
		margin-left:-8px;
/*		*margin-left:-116px;
		_margin-left:-8px;*/
		}

	#menu A {
		background:none;
		text-decoration:none;
		}




	#menu LI,
	#menu LI:hover,
	#menu LI.sfhover {
		background:none;
		color:#FFF;
		position:relative;		
		}
		
	#menu li LI:hover,
	#menu li LI.sfhover {
		background: #5190D8;
		}	
		
	#menu LI UL {
		position:absolute;
/*		top:-999em;*/
display:none;
		height:auto;
		width:20em;
		background:#5E9DE5;
		font-weight:normal;
		border: 8px solid #F3F3F3;
		border-top: none;
	
		font-size: 12px;
	
		}
				
	#mn1 #menu LI UL {
/*	top:39px;*/
/*		*margin:0 0 0 200px;
		_margin:0 0 0 -127px;*/
		}
		
#menu LI UL {
margin: 39px 0 0 -10px;
*margin: 39px 0 0 -124px;
top:0;
}
		
		
	#menu LI LI {
		border:none;
		text-align: left;
		margin:  0px;
		padding: 7px 0 7px 10px;
/*		line-height: 30px;*/
		line-height:normal;
/*		height: 30px;*/
		height:auto;
		width: 230px;
		
		
		}
		
	#menu LI UL li A {
		width:13.4em;
		text-align:left;
		display: block;
		margin:  0px;
		padding: 0px;
		width: 100%;
		}
		
	#menu LI A,
	#menu LI:hover LI A,
	#menu LI.sfhover LI A,
	#menu LI:hover LI:hover LI A,
	#menu LI.sfhover LI.sfhover LI A,
	#menu LI:hover LI:hover LI:hover LI A,
	#menu LI.sfhover LI.sfhover LI.sfhover LI A {
		color:#FFF; 
		}
		
	#menu LI:hover A,
	#menu LI.sfhover A,
	#menu LI:hover LI:hover A,
	#menu LI.sfhover LI.sfhover A,
	#menu LI:hover LI:hover LI:hover A,
	#menu LI.sfhover LI.sfhover LI.sfhover A,
	#menu LI:hover LI:hover LI:hover LI:hover A,
	#menu LI.sfhover LI.sfhover LI.sfhover LI.sfhover A {
		color:#FFF; 
		}

		
	#menu LI:hover UL UL,
	#menu LI.sfhover UL UL,
	#menu LI:hover UL UL UL,
	#menu LI.sfhover UL UL UL {
/*		top:-999em;*/
		
		}
				
	#menu LI:hover UL,
	#menu LI.sfhover UL,
	#menu LI LI:hover UL,
	#menu LI LI.sfhover UL,
	#menu LI LI LI:hover UL,
	#menu LI LI LI.sfhover UL {
		/*top:auto; */
		display:block;
		}




/*------------------------------------------------- /roll -- menu -------------------------------------------------------*/	
/* ---- right flash-banners---- */
.rightbanners {}

/* by [z] */
UL.ulformenu {
/*	margin-top:-100px;*/
	}

.footer a {color: #666;}	
.footer a:hover {text-decoration:none;}
.footer a:active {color: #999;}



#webh1 h1{
line-height: 30px; 
color: rgb(76, 134, 197); 
font-size: 13pt; 
font-weight: bold;
}

#webp p {font-size: 10pt; color: black; font-family: Arial;}
#webul ul {font-size: 10pt; color: black; font-family: Arial; text-align:justify; margin-left:20px;}