@charset "utf-8";
/* CSS Document */

body {
text-align: center;
background-image:url(../images/dot.gif);
background-repeat:repeat;



/*background: #FFF;*/

}


html,body{height:100%;}


#page {
	/*margin:0px auto;*/
	line-height: 1.3;
	color: #333333;
	min-height: 100%;    
	height: auto !important;    
	height: 100%;    
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */}


#headerArea {
		background: #FFF url(../images/header_bg.jpg) repeat-x center bottom;
		width: auto;
		height:80px;
		}
		
#headerBlock {
	text-align: center;
	display: block;
	width: 900px;
	height:70px;
	margin:auto;
}


h1{
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	display:block;
	width:210px;
	height:48px;
	position:relative;
	top:15px;
	left:0px;
	font-size:14px;
	color:#C99;
	overflow:hidden;
	text-indent:-9999px;
	/*float:left;*/
	
}	
h2{
	text-align:left;
	text-indent:12px;
	font-size:120%;
	background-repeat:no-repeat;
	background-position:bottom;
	line-height:1.8em;
	
	
	}

h3{
	font-size:120%;
	text-align:left;
	line-height:3.2em;
	text-indent:10px;
	margin-top:30px;
	
	}
	
h4{
	font-size:110%;
	text-align:left;
	line-height:3.2em;
	text-indent:10px;
	}
	
h5{
	text-align:center;
	
	
	}	
	
p{
	font-size:100%;
	text-align:left;
	line-height:3.2em;
	text-indent:10px;
	
	
	}
a{
	text-decoration:none;
	color:#000;
	}
	

.gNav a:hover{
	color:#8A8A8A;
	background-image:url(../images/hover.gif);
	
	}


#logo{
	width:210px;
	height:48px;
	float:left;
	}
	
#logo a{
	display:block;
	width:100%;
	height:100%;}
	
#tel{
	display:block;
	width:163px;
	height:41px;
	float:right;
	margin-top:20px;
	
	}
	
#wrapper {
	text-align: center;
	display: block;
	width: 900px;
	height:auto;
	margin:auto;
	/*background-color:#fff;*/
	background-image:url(../images/dot.gif);
	
	



}


.gNav{
		text-align: center;
		width: 900px;
		height:40px;
		display:block;
		
		
			
	}

.gNav li{
		font-size:14px;
		/*margin-top:5px;*/
		line-height:1.8em;
		
	}
	

.nav1{
	background-image:url(../images/nav_01.gif);
	background-repeat:no-repeat;
	width:150px;
	height:40px;
	float: left;
	
}

	
.nav2{
	background-image:url(../images/nav_02.gif);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:40px;
	float: left;
	}
.nav3{
	background-image:url(../images/nav_03.gif);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:40px;
	float: left;
	}
.nav4{
	background-image:url(../images/nav_04.gif);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:40px;
	float: left;
	}
.nav5{
	background-image:url(../images/nav_05.gif);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:40px;
	float: left;
	}
.nav6{
	background-image:url(../images/nav_06.gif);
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:40px;
	float:left;
	}
	
.listBar{
	
	/*margin-top:5px;*/
	}
	
#back-top {
	position:fixed;
    bottom:30px;
    right:30px;
}

#back-top a {
    width:70px;
    height:40px;
    display: block;
    text-align: center;
    text-decoration: none;
    /*color: #666;
    background:#eee;*/
}

/*#back-top a:hover {
    color: #000;
	
}*/




#contentsArea { 
				width:620px;
				padding: 20px 20px;
				background-color:#fff;
				float:left;
				margin-top:10px;
				margin-bottom:100px;
				 }
				 
				 


#slideshow {
    margin: 0px auto;
    position: relative;
    width: 600px;
    height: 450px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
	background-color:#fff;
	text-align:center;
	/*float:left;*/
}

#slideshow > div {
    position: absolute;
    /*top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;*/}

	
#banners{
	/*padding-top:10px;*/
	margin-top:10px;
	width:220px;
	height:auto;
	float:right;
/*	background-color:#fff;*/
	}
	
#banners li{
	margin-bottom:20px;
	display:block;
	background-color:#fff;
	padding:10px;

	} 

#footerArea { 
	
	background:url(../images/footer.png) repeat-x center bottom;
	width: 100%;
	height:200px;
	bottom: 0;
    clear:both;
	 
    

}

#footerText{padding-top:100px;}
#textNav { margin-bottom: 10px; 
		  
		}

#textNav li { display: inline; }



#copyright { font-family: Arial, Helvetica, sans-serif;
			font-size:85%; }




	
.title_bar{width:602px;
			height:30px;
	
	}
	
	
.fade {   
    -webkit-transition: 0.3s ease-in-out;   
       -moz-transition: 0.3s ease-in-out;   
         -o-transition: 0.3s ease-in-out;   
            transition: 0.3s ease-in-out;   
}   
.fade:hover {   
    opacity: 0.4;   
    filter: alpha(opacity=50);   
}  

a:hover{color:#A1A1A1;} 

a:focus { outline:none;}