/* DEFAULT ------------------------------------------------------------------------------ */

html,body{
	width:100%; height:100%;
	margin:0px; padding:0px;
}

body{
	background:url(../img/bg_body.gif) center repeat;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

a{
	color:#002d62;
}


label{
	width:100px;
	float:left;
}


/* CUSTOM ------------------------------------------------------------------------------- */


/* OVERLAY ------------------------------------------------------------------------------ */

span.overlay{
	position:absolute; margin-left:15px; left:50%; z-index:20;
	width:281px; height:300	px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/overlay.png');
	display:inline-block;	
	
}



/* HEADER ------------------------------------------------------------------------------- */

div#header{
	height:150px;
	width:100%;
	background: #fff;
}

div#header div{
	width:750px;
	margin:auto;
}


/* LOGO --------------------------------------------------------------------------------- */

h1{
	margin:0; padding:50px 0 0 0 ;
}

h1 img{
	border-style:none;
	position:relative; left:-23px;
}


/* ILLUSTATION -------------------------------------------------------------------------- */

h2{
	padding:0px;
	position:absolute; margin:0 0 0 15px; left:50%; top:0px; z-index:10;
	width:360px; height:300px;
}


/* SECUNDAIRY NAVIGATION ---------------------------------------------------------------- */

div#header ul{
	margin:10px 0 0 28px; padding:0px;	

}

div#header ul li{
	list-style: none;
	display:inline;
	padding: 0 3px 0 3px;
	color:#afb8d1;
}

div#header ul li a{
	text-decoration:none;
}

div#header ul li a:hover{
	text-decoration:underline;
	color:#000;
}

div#header ul li a img{
	border-style:none;
}


/* CONTENT ------------------------------------------------------------------------------ */

div#content{
	width:100%;
	display:block; clear:both;
}

div#content div{
	width:750px;
	margin:auto;
}


/* CONTENT LEFT ------------------------------------------------------------------------- */

div#content div div{
	width:375px;	
	float:left;
	background:url(../img/bg_content_left.gif) no-repeat left top;
}


div#content ul{
	margin:0 0 0 50px; padding:0px;
}

div#content ul li{
	list-style-type:square;
	line-height:22px;
	color:#3a4457;	
}

div#content div div p.intro{
	height:120px;
	width:315px !important;	
	color:#fff;
	font-weight:bold;
	line-height:16px;

}

div#content div div div p{
	color:#fff;
}

div#content div div p{
	padding:15px 30px 15px 30px;	
	margin:0px;
	line-height:22px;
	color:#3a4457;
	}

div#content div div h3{
	margin:15px 30px 0px 30px;		
	line-height:20px;
	font-size:100%;
}


/* CONTENT RIGHT ------------------------------------------------------------------------ */

div.content-right{
	background: none !important;
}

div.content-right ul{
	float:right !important;
	width:345px !important;	
	margin:150px 15px 0 0 !important;
}


div.content-right ul li{
	list-style:none !important;
	line-height:45px !important;
	height:30px; line-height:30px !important;
	margin: 15px 0 0 0 !important;
}

div.content-right a img{
	border-style:none !important;
}

/*

div.content-right ul li.selected{
	background: none;	
	border:1px solid #e4e0de;
}

div.content-right ul li.selected:hover{
	background-color:#fff !important;	
}

div.content-right ul li:hover{
	background-color:#f26721;
}

div.content-right ul li{
	
}
div.content-right ul li h3{
	margin:0 0 0 15px !important;				
	position:relative;
	top:5px;
}

div.content-right ul li a img{
	border-style:none;
	background:#fff;
	padding-top:36px;
}
*/

/* FOOTER ------------------------------------------------------------------------------- */

ul.footer{
	margin:15px 30px 30px 30px !important; padding:0px;
}

ul.footer li{
	list-style:none;
	display:inline;
	font-size:90%;
	color:#666;
}

ul.footer li a{
	color:#3f5789;
	text-decoration:none;
}

ul.footer li a:hover{
	text-decoration:underline;
	color:#000;	
}
