html, body {
	height:100%;
}
body {
	font-family: Arial;
	font-size: 15px;
	color: #000000;
	width:100%;
	min-width:1000px;
	background: #f4f4f4 url('../img/bg.jpg') repeat center top;
}
#wrap {
	position: relative;
	width:1000px;
	margin: 0px auto;
	min-height:100%;
	height:auto !important;
	height:100%;
}
#footer {
	padding-top:20px;
	position:relative;
	margin-top:-115px;
	height:95px;
	width:100%;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #5c5c5b;
	
}

#footer a:link, #footer a:visited{
color: #5c5c5b;
text-decoration: underline;
}
#footer a:active, #footer a:hover{
color: #4095db;
text-decoration: underline;
}
 
.footer_blank {
	height:90px;
}

.clear {
clear: both;
}

.width_def{
width:1000px;
margin: 0px auto;
padding-top: 11px;
}

.filmstrip{
background: url('../img/filmstrip.png') repeat-x top;
width:958px;
height: 11px;
margin: 0px auto;
}

.footer_left{
float: left;
margin: 15px 0 0 22px;
}

.footer_right{
float: left;
margin: 5px 22px 0 336px;
padding: 10px 0 8px 80px;
background: url('../img/clap.png') no-repeat left 5px;
}

.logo{
background: url('../img/logo.png') no-repeat;
width:311px;
height: 114px;
margin: 0 0 0 22px;
float: left;
}

.logo:hover{
cursor: pointer;
}

.phone_top{
background: url('../img/phone_icon.png') no-repeat;
width:170px;
height: 100px;
float: left;
font-family: Times, serif;
font-size: 23px;
color: #4095db;
text-shadow: 1px 1px 0px #fafafa;
padding: 28px 0 0 125px;
margin: 0 0 0 357px;
}

.shad_pict_left{
background: url('../img/shad_pict_left.png') no-repeat;
width:13px;
height: 204px;
float: left;
margin: 0 0 0 9px;
}
.shad_pict_right{
background: url('../img/shad_pict_right.png') no-repeat;
width:13px;
height: 204px;
float: left;
}

#slideshow {
position:relative;
width:957px;
height: 241px;
float: left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	
border: 1px solid #73aad0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.menu_main{
background: url('../img/menu_shad.png') no-repeat;
width:972px;
height: 58px;
margin: 0 0 0 14px;
padding: 0 0 0 8px;
}

.menu_but{
background: url('../img/but1.png') no-repeat;
width:191px;
height: 45px;
float: left;
color: #072b6a;
font-size: 22px;
font-style: italic;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0px #cffdfe;
line-height: 45px;
margin: 1px 0 0 0;
}

.menu_but:hover{
background: url('../img/but2.png') no-repeat;
cursor: pointer;
}

.menu_but_long{
background: url('../img/but1long.png') no-repeat;
width:290px;
height: 45px;
float: left;
color: #072b6a;
font-size: 22px;
font-style: italic;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0px #cffdfe;
line-height: 45px;
margin: 1px 0 0 22px;
}

.menu_but_long:hover{
background: url('../img/but2long.png') no-repeat;
cursor: pointer;
}

.menu_but1{
background: url('../img/but1b.png') no-repeat;
width:192px;
height: 45px;
float: left;
color: #072b6a;
font-size: 22px;
font-style: italic;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0px #cffdfe;
line-height: 45px;
margin: 1px 0 0 0;
}

.menu_but1:hover{
background: url('../img/but2b.png') no-repeat;
cursor: pointer;
}

.content{
padding: 0 22px 0 22px;
width: 1000px;
margin: 0px auto;
}

p{
font-size: 15px;
line-height: 18px;
margin: 0 0 15px 0;
width: 956px;
}

.big_p{
font-size: 18px;
font-weight: bold;
}
.big_p_red{
font-size: 18px;
font-weight: bold;
color: #d90b0b;
}

strong{
font-weight: bold;
}

.content p a:link, .content p a:visited{
text-decoration: underline;
color: #4095db;
}
.content p a:active, .content p a:hover{
text-decoration: underline;
color: #5c5c5b;
}

H1{
color: #4095db;
font-size: 30px;
font-style: italic;
font-weight: bold;
text-shadow: 1px 1px 0px #ffffff;
font-family: Times, serif;
padding: 0;
margin: 20px 0 5px 0px;
text-decoration: none;
}
H1 a:link, h1 a:visited{
color: #4095db;
text-decoration: none;
}
H1 a:hover, h1 a:active{
color: #5c5c5b;
text-decoration: underline;
}

.index_img{
border: 2px solid #4095db;
background: url('../img/index_img.jpg') no-repeat;
width: 953px;
height: 821px;
margin: 0 0 15px 0px;
position: relative;
}

.index_img1{
width: 282px;
height: 207px;
position: absolute;
top: 165px;
left: 34px;
}
.index_img1:hover{
background: url('../img/index_img1.png') no-repeat;
cursor: pionter;
}

.index_img2{
width: 281px;
height: 201px;
position: absolute;
top: 179px;
left: 639px;
}
.index_img2:hover{
background: url('../img/index_img2.png') no-repeat;
cursor: pionter;
}

.index_img3{
width: 285px;
height: 226px;
position: absolute;
top: 460px;
left: 20px;
}
.index_img3:hover{
background: url('../img/index_img3.png') no-repeat;
cursor: pionter;
}

.index_img4{
width: 296px;
height: 202px;
position: absolute;
top: 467px;
left: 639px;
}
.index_img4:hover{
background: url('../img/index_img4.png') no-repeat;
cursor: pionter;
}





/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:192px; 
			position:relative;
			z-index:500; 
			margin:0;
		}
		
		/* this is the parent menu */
		#nav li a {
display:block; 
background: url('../img/but1b.png') no-repeat;
width:192px;
height: 45px;
color: #072b6a;
font-size: 22px;
font-style: italic;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0px #cffdfe;
line-height: 45px;
margin: 1px 0 0 0;
		}

		#nav li a:hover {
			background: url('../img/but2b.png') no-repeat;
		}

	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 0; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:285px; 
			float:left; 
			/*border-top:1px solid #fff;*/
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			min-width:265px;
			height: 25px;
			line-height: 25px;
			font-size: 16px;
			background: url('../img/menubg2.png') repeat;
			font-style: normal;
			font-weight: normal;
			text-align: left;
			margin: 0px 0 0 0;
			border-bottom:1px solid #f4f4f4;
			padding: 5px 5px 5px 15px;
			text-decoration:none;	
			color: #ffffff;
			text-shadow: 1px 1px 0px #072b6a;
			
		}
		
		#nav ul a:hover {
			background: #878787;
			text-decoration:none;	
			color: #ffffff;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}