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

div, li { border:0px solid #999999;}

body{
margin:0px;
padding:0px;
background:#020202 url(../graphics/navigation/navHeader.png) no-repeat top center;
}

strong {
color: #0081AB;	
}

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

#main_content {
	position: relative;
	left:0px;
	top:0px;
	width:900px;
	height:auto;
	float:left;
}


#logo {
	left:0px;
	top:0px;
	width:257px;
	height:54px;
	z-index:10;
	float:left;
	padding: 17px 5px 3px 35px;
}

/* top navigation */
#nav {
	left:100px;
	top:0px;
	width:512px;
	height:94px;
	float:left;
	position: relative;
}

#nav ul{
	margin:0px;
	padding:0px;
}

#nav li{
	float:left;
	display: inline;
	width: 90px;
	height: 44px;
	padding: 50px 5px 0px 5px;
	background:url(../graphics/navigation/navBack.jpg);
	font: 11px Arial, Helvetica, sans-serif;
	text-align:center;
}

#nav a {
	text-decoration:none;
	color:#ffffff;
}

/* Introduction images.  */
#intro {
	left: 0px;
	top: 94px;
	width: 900px;
	height: 288px;
	float: left;
}


/* content */
#content_home {
	float:left;
	left:0px;
	top:94px;
	width:900px;
	height:auto;
	min-height:220px;
	background-color:#FFFFFF;
}

#content_home ul{ margin:0px; padding:0px;}
#content_home li{
	position:relative;
	float:left;
	z-index:200;
	display: inline;
	width: 260px;
	padding: 45px 20px 15px 20px;
	font: 11px Arial, Helvetica, sans-serif;
	min-height:160px;
	background-color:#FFFFFF;
}

#content_home p, #content_home a{
	margin-top: 3px;
	padding: 0px;
	text-decoration: none;
}

#content_home a{
	text-decoration: none;
	color: #0081AB;	
}

.home_featured{ background: url(../graphics/home/head_service.jpg) no-repeat;}
.home_news{ background: url(../graphics/home/head_news.jpg) no-repeat;}
.home_none{ background: url(../graphics/home/home_plain.jpg) repeat-x;}
.home_divide{ background: url(../graphics/home/home_divide.jpg) no-repeat;}


/* page */
#page {
	left:0px;
	top:94px;
	width:900px;
	height:auto;
	min-height:220px;
	float: left;
	background-color:#FFFFFF;
}

#page ul{ margin:0px; padding:0px; }

#page li{
	position:relative;
	float:left;
	display: inline;
	padding:15px 20px 10px 20px;
	font: 11px Arial, Helvetica, sans-serif;
	z-index:200;
	min-height:450px;
}

.page_leftcol{width: 260px;  }
.page_content{ width: 560px; line-height:px; }

#leftcol {
	position: absolute;
	width:260px;
	top: 100px;
	left: 0px;
	height: 400px;
	}

#leftcol ul {
	margin:0px;
	padding:0px;
}

#leftcol li {
	float:left;
	list-style:none;
	width:260px;
	min-height: 80px;
	line-height: 20px;
	vertical-align:top;
	padding-top: 10px;	
}

#leftcol a {
	text-decoration:none;
	color:#555555;
	padding-left:15px;
	background: url(../graphics/common/arrow.png) no-repeat center left;
}

#leftcol a.mail {
	text-decoration:none;
	color:#555555;
	padding-left:17px;
	background: url(../graphics/common/mail.png) no-repeat center left;
}

#pagecontent { 
	clear: right; 
}

#pagecontent h1 { font-size:15px; line-height:20px; color:#000000;}
#pagecontent h3 { font-size:13px; line-height:20px; color: #0081AB;}
#pagecontent h4 { font-size:11px;  margin:5px 0px 1px 0px;}
#pagecontent strong { font-size:11px; color: #0081AB; }
#pagecontent p { font-size:11px; color: #000000; line-height:18px; }

#pagecontent li { font-size:11px; color: #000000; line-height:18px; }

#pagecontent ul{ 
	margin:0px;
	padding:0px; 
}

#pagecontent li{
	list-style:disc;
	display: list-item;
	float: none;
	min-height:10px;
	padding: 3px 0px;
	margin-left: 13px;
	height: inherit !important;
}

#pagecontent a{ 
	text-decoration:none;
	color:#0081AB; 
}
/* Thumbnail */

#thumbnail li {
	float:left;
	list-style:none;
	width:150px;
	min-height: 80px;
	line-height: 20px;
	vertical-align:top;
	padding: 10px 10px;
	border:1px solid #CCCCCC;
	margin:	10px 10px 0px 0px;
	min-height: 175px;
}

#thumbnail div {
	width: 150px;
	height: 100px;
}

#thumbnail p {
	padding: 2px inherit;
	margin: 2px inherit;	
}


/* footer */
#footer {
	position: relative;
	width: 100%;
	height: auto;
	z-index:0;
	float:left;
}

#footer a, #footer p {
	text-decoration:none;
	color:#555555;
	font: 9px Arial, Helvetica, sans-serif;
	margin: 0px;
}

#footer_detail {
	margin: 0px auto;
	position: relative;
	top: -12px;
	width: 900px;
	height:10px;
	padding:10px 0px 0px 0px;
	color:#999999;
	text-decoration: none;
	font-variant:small-caps;
	background: url(../graphics/common/footer.jpg) no-repeat;
	background-position:bottom;
	background-color: #FFFFFF;
}
