body{
	font-size: 0.8em;
	font-family: Lucida,Arial,Sans-Serif;
	background-color: #808080;
	text-align: center;
}
#body-container{
	background-color: #999999;
}
#body{
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	background: #707070;
	position: relative;
	z-index: 0;
}
/* MAIN MENU */
div.mainMenu {
	width: 100%;
	padding: 5px 0;
	background: #002332 url(images/bg-mainmenu.png) repeat-y center top;
}
div.mainMenu.bottom{
	background: #FFF;
	border-top: 1px #646567 solid;
}
div.mainMenu ul{
	width: 600px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
div.mainMenu.bottom ul{
	background: #FFF;
}
div.mainMenu ul li{
	display: inline;
	padding: 0 10px;
	border-right: 1px #FFF solid;
}
div.mainMenu ul li{
	border-right: 1px #646567 solid;
}
div.mainMenu a.first{
	margin-left: 15px;
	float: left;
}
div.mainMenu ul li.last{
	border: none;
}
div.mainMenu a{
	color: #FFF;
	font-size: 0.95em;
	text-decoration: none;
}
div.mainMenu a:hover{
	color: #CACACA;
}
div.mainMenu.bottom a{
	color: #646567;
}
div.mainMenu.bottom a:hover{
	color: #000;
}
ul.mainMenu li a.active{
	font-weight: bold;
}
#logo{
	display: block;
	width: 295px;
	height: 120px;
	background: url(images/logo.png) no-repeat center top;
	position: absolute;
	top: 0;
	left: 70px;
	z-index: 10;
    box-shadow: 3px 3px 10px #000;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
    -o-box-shadow: 3px 3px 10px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5,enabled=true);
}
#logo a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#logo span{
	visibility: hidden;
}
/* CONTENT IMAGE */
#content{
	width: 100%;
	background: #FFF url(images/bg-leftmenu.png) repeat-y left top;
	position: relative;
	z-index: 2;
}
#content-image{
	width: 738px;
	height: 290px;
	float: right;
	overflow: hidden;
}
#content-image img{
    display: block;
    _width: 738px;
}
div.transparent{
	width: 100%;
	height: 20px;
	background-color: #002332;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#leftMenu{
	width: 222px;
	padding-top: 270px;
	background: #002020 url(images/bg-leftmenu.png) repeat-y center top;
	float: left;
}
#leftMenu span.nav{
	display: block;
	padding-bottom: 30px;
	background: url(flipimage/text/test/) no-repeat center bottom;
	color: #FFF;
	font-size: 1.55em;
	font-weight: bold;
	text-transform: uppercase;
}
#leftMenu ul{
	margin: 0;
	padding: 20px 0 20px 70px;
	list-style-image: url(images/arrow-white.png);
	_list-style-image: url(images/arrow-white.gif);
	list-style-position: outside;
}
#leftMenu ul.submenu{
	padding: 0 0 0 10px;
}
#leftMenu ul li{
	padding: 7px 5px 7px 0;
	background: url(images/leftmenu-separator.png) no-repeat left bottom;
	color: #FFF;
	font-size: 1.05em;
	text-align: left;
    text-shadow: 2px 2px 2px #000;
}
#leftMenu ul li.submenu{
	list-style: none;
}
#leftMenu ul.submenu li{
	padding: 5px 0;
	background: none;
    font-size: 0.9em;
}
#leftMenu li a{
	color: #FFF;
	text-decoration: none;
}
#leftMenu li a:hover{
	color: #CACACA;
}
/* MIDDLE CONTENT */
#content-middle{
	width: 730px;
	float: right;
}
#content-middle div.text{
	padding: 0 50px 10px 20px;
	color: #646464;
	text-align: left;
}
#content-middle a{
	color: #646464;
	text-decoration: none;
}
#content-middle a:hover{
	color: #000;
}
/* FOOTER */
#footer{
	width: 100%;
}
#footer div.container{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #646464;
	color: #FFF;
	font-size: 0.9em;
}
#footer p{
	margin: 0;
}
#footer a{
	color: #FFF;
	text-decoration: none;
}
#footer a:hover{
	color: #CACACA;
}