/*
 stylesheet
*/


/* overall */
body { 
	margin:0px;
	padding:0px;
	background:#495057;
	font-family:Arial, Verdana;
	font-size:13px;
	font-weight:normal;
	line-height:16px;
	color:#495057;
	height:100%;
	text-align:left;
}



/* html elements */
h1 { 
	margin:20px 0 15px 0;
	font-family:Arial, Verdana;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	color:#495057;
}
	
img { 
	border:0px;
}
	
a {
	color:#7e8287;
	text-decoration:none;
}
a:hover, a:active {
	color:#495057;
	text-decoration:underline;
}



/* content */
#main {
	position:absolute; 
	width:970px;
	height:600px;
	left:50%;
	top:50%;
	margin-left:-485px;
	margin-top:-300px;
}

#menu {
	position:absolute;
	z-index:3;
	top:0px;
	width:970px;
	height:23px;
	border-top:#ffffff 1px solid;
}

#content {
	position:absolute;
	z-index:2;
	top:30px;
	margin:0;
	padding:0;
	width:970px;
	height:540px;
	background-image:url(../img/site/logo.gif);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#ffffff;
}

#content .contentbox{
	overflow:auto;
	margin:0;
	padding:0 17px 0 15px;
	float:left;
	height:316px;
	width:690px;
}

#content .contentimg{
	float:left;
}

#content .contentbox2{
	overflow:auto;
	margin:0;
	padding:0 0 0 15px;
	float:left;
	height:316px;
	width:420px;
}

#content .contentimg2{
	width:250px;
	float:left;
}

#content .contentimg2 img{
	margin:60px 0 0 30px;
}

#content .contentimg2 a{
	margin:0 0 0 30px;
}

#footer {
	position:absolute;
	z-index:1;
	top:570px;
	width:970px;
	height:30px;
	text-align:right;
}



/* main menu */
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li {
	margin:0;
	padding:0;
	float:left;
	font-size:13px;
	font-weight:normal;
	height:30px;
}
#menu ul li #box a {
	color:#ffffff;
	text-decoration:none;
}
#menu ul li #box a div{
	color:#ffffff;
	text-decoration:none;
	padding:7px 17px 10px 15px;
}
#menu ul li #box a:hover, #menu ul li #box a.active {
	color:#495057;
	background:#ffffff;
}
#menu ul li #box a:hover div, #menu ul li #box a.active div{
	color:#495057;
	background:#ffffff;
}


/* sub menu */
#menu ul li #box .subbox {
	position:absolute;
	top:30px;
	margin:0;
	padding:0;
	background:#ffffff;
	width:250px;
	opacity:0.9;
	filter: alpha(opacity=90);
}
#menu ul li #box .subbox ul {
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}
#menu ul li #box .subbox ul li {
	clear:both;
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:normal;
	height:24px;
	width:235px;
	color:#495057;
}
#menu ul li #box .subbox ul li a{
	margin:0;
	padding:0 0 0 15px;
	color:#7e8287;
	text-decoration:none;
}
#menu ul li #box .subbox ul li a:hover , #menu ul li #box .subbox ul li a.active {
	color:#495057;
}


/* footer menu */
#footer ul{
	margin:0;
	padding:6px 0 0 0;
	float:right;
}
#footer ul li {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:normal;
	float:right;
}
#footer ul li a{
	margin:0;
	padding:0 15px 0 15px;
	color:#7e8287;
	text-decoration:none;
}
#footer ul li a:hover, #footer ul li a.active {
	color:#ffffff;
}


/* special content */

#content .contentbox .home{
	margin:270px 0 0 0;
	font-size:30px;
	line-height:35px;
	font-weight:lighter;
}