/* Style Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* Basics */

html {
	height: 100%;
}
body {
	height: 100%;
	background: #FFF url(../img/body_bg.jpg) no-repeat center center;
	font: 62.5% Arial, Helvetica, sans-serif;
}
#push {
	height: 50%; min-height: 30em;
	margin-top: -30em;
}
#container {
	position: relative;
	width: 96em; height: 60em;
	margin: 0 auto;
	background-color: #FFF;
}

#logo {
	position: absolute; top: 3em; left: 3em;
	width: 25em; height: 4.4em;
	background: transparent url(../img/logo.gif) no-repeat;
}
#logo img {
	display: none;
}


#visual-top {
	position: absolute; top: 1em; left: 29em;
	width: 66em; height: 25em;
}
#visual-bottom {
	position: absolute; top: 34em; left: 29em;
	width: 66em; height: 25em;
}
#visual-top h1 {
	position: absolute; bottom: 1.667em; right: 1.667em;
	font-size: 3em;
	color: #FFF;
	text-align: right;
}
#visual-bottom h1 {
	position: absolute; top: 1.667em; right: 1.667em;
	font-size: 3em;
	color: #FFF;
	text-align: right;
}

#content-top {
	position: absolute; top: 1em; left: 29em;
	width: 65.8em; height: 32.9em;
	border: 0.1em solid #C0C0C0; border-bottom: 0;
}
#content-bottom {
	position: absolute; top: 26em; left: 29em;
	width: 65.8em; height: 32.9em;
	border: 0.1em solid #C0C0C0; border-top: 0;
}
#content-borderbox {
	position: absolute; top:0;
	width: 39.9em; height: 32.9em;
	background-color: #C0C0C0;
}
#content-canvas {
	position: absolute; left: 2em;
	width: 62em; height: 31em;
	background-color: #FFF;
}



.col-box {
	overflow: hidden;
	margin: 2em 0 0 2em;
}
.col-large {
	float: left;
	width: 35em;
	margin-right: 3em;
}
.col-small {
	float: left;
	width: 18em;
	margin-right: 3em;
}
.col-full {
	margin-right: 3em;
}


p {
	margin-bottom: 0.333em;
	font-size: 1.2em;
}
li {
	margin-bottom: 0.167em;
	font-size: 1.2em;
}
h2 {
	margin-bottom: 0.333em;
	font-size: 1.4em;
	font-weight: bold;
}
li {
	padding-left: 1em;
	background: transparent url(../img/bullet.gif) no-repeat 0 0.416em;
}
strong {
	font-weight: bold;
}

span.addrtab {
	display: block; float: left;
	width: 4em;
}
a {
	color: #000;
}

#nav {
	position: absolute; top: 10em; left: 3em;
	padding-top: 1em;
}
#nav li {
	float: left; clear: left;
	padding: 0; margin-bottom: 0.25em;
	background: 0;
}
#nav li a {
	display: block; float: left;
	padding: 0.25em 0.5em; border: 1px dotted #DDD;
	text-decoration: none;
	color: #000;
}
#nav01 a:hover, #nav01 a.active { border: 1px solid #8E0C18; color: #8E0C18; }
#nav02 a:hover, #nav02 a.active { border: 1px solid #8E0C18; color: #8E0C18; }
#nav03 a:hover, #nav03 a.active { border: 1px solid #342852; color: #342852; }
#nav04 a:hover, #nav04 a.active { border: 1px solid #5c0838; color: #5c0838; }
#nav05 a:hover, #nav05 a.active { border: 1px solid #01655b; color: #01655b; }
#nav06 a:hover, #nav06 a.active { border: 1px solid #5d563d; color: #5d563d; }

#nav10 {
	margin-top: 24em;
}
#nav #nav10 a {
	color: #CCC;	
}
#nav #nav10 a:hover, #nav #nav10 a.active { border: 1px solid #999; color: #999; }