/* -------------------------------------------------------------------------------------------------------------- */
/* css for site structure ------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
    }
#container {
	margin: 0 auto 0 auto;
	width: 904px;
   	}
#inner {
	position: relative;
	width: 904px;
	}    


/* -------------------------------------------------------------------------------------------------------------- */
/* css for topbar ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#topbar {
	position: relative;
	margin: 0 auto 0 auto;
	width: 904px;
	height: 150px;
	}
	#logo {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 0px;
		line-height: 0px;
		}
	#mainnav {
		position: absolute;
		top: 120px;
		right: 0px;
		width: 559px;
		height: 30px;
		background: url(images/bg-nav.gif) no-repeat;
		color: #fff;
		font-weight: bold;
		}
		#mainnav ul {
			}
		#mainnav ul li {
			padding: 8px 0 0 16px;
			}
		#mainnav a {
			color: #fff;
			}
		#mainnav a.on,
		#mainnav a.on:hover,
		#mainnav a:hover {
			color: #edd6b8;
			text-decoration: none;
			}
	#homenav {
		position: relative;
		padding: 5px 0 0 0;
		width: 930px;
		height: 50px;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		}
		#homenav ul {
			padding: 0 0 0 115px;
			}
		#homenav ul li {
			padding: 8px 0 0 36px;
			}
		#homenav a {
			color: #fff;
			}
		#homenav a.on,
		#homenav a.on:hover,
		#homenav a:hover {
			color: #edd6b8;
			text-decoration: none;
			}
		
/* -------------------------------------------------------------------------------------------------------------- */
/* css for content ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

#content-left {
	position: relative;
	padding: 0;
	width: 597px;
	height: 475px;
	float: left;
	background: url(images/bg-left.gif) no-repeat;
	}
#content-right {
	position: relative;
	width: 307px;
	height: 475px;
	float: left;
	font-size: 0px;
	line-height: 0px;
	}
	li.arrow {
	padding: 0 6px 0 0;
	width: 12px;
	}
	li.arrow-text {
	padding-bottom: 20px;
	width: 651px;
	}
	li.arrow-items {
	padding-bottom: 12px;
	width: 651px;
	}
.content-text {
	padding: 25px 20px 0px 25px;
	}
	.content-text li.left {
		width: 250px;
		float: left;
		}
	.content-text li.right {
		width: 250px;
		float: left;
		}

/* -------------------------------------------------------------------------------------------------------------- */
/* css for footer ------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	padding: 0 12px 0 12px;
	width: 880px;
	height: 78px;
	font-size: 11px;
	color: #fff;
	}
	ul li.footer-nav {
	padding: 11px 18px 0 0;
	}
#footer a,
#footer a:visited,
#footer a:active {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
    }
#footer a:hover {
	color: #fff;
	text-decoration: underline;
   	}
#footer .left {
	font-size: 10px;
	}