/*
project: CEDA stylesheet, screen media - homepage
author : ois
date   : 23 March 2009
*/


#wrapper {
	background: #fff url(grfx/wrapper_bg_white_home.png) no-repeat;
	}

div#content {
        margin-right: 10px;
        padding-left:0;
        padding-right:0;
	}


#footer {
	width:762px;
	height:170px;
	background: transparent url(grfx/footer_bg_home.png) no-repeat;
	z-index:-1;
	margin-bottom:10px;
	}


/* div */

#hb1 {  background: transparent url(grfx/homebutton.gif) no-repeat;
	position: absolute;
	left: 11px;
	top:240px;
	width: 355px;
	height: 60px;
	margin-top:10px;
	}

#hb2 {  background: transparent url(grfx/homebutton2.gif) no-repeat;
	position: absolute;
	left: 360px;
	top:240px;
	width: 355px;
	height: 60px;
	margin-top:10px;
	}

#hb3 {  
	float:left;
	width: 355px;
	}

#hb4 {  
	float:left;
	width: 355px;
	}

div#hb4 p { text-align:left; }
div#hb5 p { text-align:left; }

#hb5 {  
	float:left;
	width: 355px;
	}

#hb6 {  
	float:left;
	width: 355px;
	}

#hb7 {  
	float:left;
	width: 355px;
	height: 350px;
	}

#hb8 {  
	float:left;
	width: 355px;
	}

#secondblock {
	clear:both;
	position: absolute;
	left: 10px;
	top:325px;
	}

#thirdblock {
	clear:both;
	position: absolute;
	left: 10px;
	top:560px;
	}

#fourthblock {
	clear:both;
	position: absolute;
	left: 10px;
	top:900px;
	height: 350px;
	}

#hb1 a, #hb2 a, #hb3 a, #hb4 a , #hb5 a , #hb6 a, #hb7 a, #hb8 a { 
	text-decoration:none;
	}

#hb6 p a { font-weight: bold; text-decoration: none;}

#hb1 img, #hb2 img, #hb3 img, #hb4 img , #hb5 img , #hb6 img, #hb7 img, #hb8 img { border: 0;}

#hb1 h4, #hb2 h4 {  
	background-color: transparent;
	border: none;
	color: #900;
	Font-size: 16px;
	padding:0;
	margin:0;
	margin-left:25px;
	padding-top:20px;
	}

#hb1 p, #hb2 p , #hb3 p, #hb4 p, #hb5 p, #hb6 p, #hb7 p, #hb8 p    {  
	padding-left:8px;
	padding-right:10px;
	}

#hb1 p {  
	padding-left:25px;
	padding-right:10px;
	}


#hb2 h4 {  
	color: #080;
	}
	
#hb1 ul, #hb2 ul {  
	background-color: transparent;
	margin-left:35px;
	}	
#hb1 ul li, #hb2 ul li {  
	background-color: transparent;
	margin-bottom:-10px;
	}	
	
p#flashmovie {
	font-size: 11px;
	color: #666;
	padding-left:5px;
	}

a.locked {
	}


ul#moreinformation {
	padding-top:10px;
	}

ul#moreinformation li {
	float: left;
	}

ul#moreinformation li#mi1 { background: transparent url(grfx/moreinfo1.gif) no-repeat;	}	
ul#moreinformation li#mi2 { background: transparent url(grfx/moreinfo2.gif) no-repeat;	}	
ul#moreinformation li#mi3 { background: transparent url(grfx/moreinfo3.gif) no-repeat;	}	
ul#moreinformation li#mi4 { background: transparent url(grfx/moreinfo4.gif) no-repeat;	}	
	
ul#moreinformation li#mi1 a { font-size:13px; letter-spacing:0;font-weight: bold; color:#008800; width: 125px; height: 30px; display: block; padding-left:0px;padding-top:15px; margin-right:15px;}	
ul#moreinformation li#mi2 a { font-size:13px; letter-spacing:0;font-weight: bold; color:#6ACEA0; width: 125px; height: 30px; display: block; padding-left:0px;padding-top:15px; margin-right:15px;}	
ul#moreinformation li#mi3 a { font-size:13px; letter-spacing:0;font-weight: bold; color:#C3A459; width: 125px; height: 30px; display: block; padding-left:0px;padding-top:15px; margin-right:15px;}	
ul#moreinformation li#mi4 a { font-size:13px; letter-spacing:0;font-weight: bold; color:#5198C1; width: 125px; height: 30px; display: block; padding-left:0px;padding-top:15px; margin-right:15px;}	

ul#moreinformation li#mi1 a:hover { background-color: transparent; }	
ul#moreinformation li#mi2 a:hover { background-color: transparent; }	
ul#moreinformation li#mi3 a:hover { background-color: transparent; }	
ul#moreinformation li#mi4 a:hover { background-color: transparent; }