/*Clear defaults - inspired from Tantek Celik
----------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none;}


/*Default Styles
----------------*/

body {
	background: #a3a4a7 url('bg_page.jpg') repeat-x 0 0; 
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	height:100%; 
	font-size:86%;
	
}
a {
color:#fff;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;

}
a:hover {
color:#fff;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:#f60;
}

/*Additional Styles
-------------------*/



/*Layout
--------*/
#container {
width:100%;
height:100%;
position:absolute;top:0px;left:0px;
background: transparent url('illustration_small_1.jpg') no-repeat 0 0 ;
z-index:10;
}
#sidebar {
position:absolute;
left:0px;
top:130px;
	width:250px;
	float:left;
	/*border:1px solid #ccc;*/
}
#main {
	position:relative;top:20px;left:0px;
	width:540px;
	color:#000;
	margin-left:272px;
	background: #C9C9C9;
	border-left:1px solid #ccc; border-right:1px solid #ccc;	
}
#main_index {
position:relative;top:20px;left:0px;
	width:540px;
	color:#000;
	margin-left:272px;

	border-right:1px solid #ccc;	
	}


#main ,#main_video p{

}


#main_video {
	position:relative;top:20px;left:0px;
	width:540px;
	padding:5px;
	margin-left:272px;
	background: none;
	/*border-left:1px solid #ccc; */
	border-right:1px solid #ccc;
}



#imageflow{
	margin-left:0px;
	text-align:left;
	width:848px;
	height:500px;
	position:absolute;
	top:0px;left:83px;
	z-index:4000;
}





#tiny_col{
position:absolute;
padding:5px;
left:823px;
top:20px;
width:148px;
background: url('bg_tiny_col.jpg') repeat-x 0px -20px;
/*border: 1px solid #ccc;*/
}

#tiny_col li{
font-size:76%;
border-bottom:1px solid #ccc;
width:150px;
padding:3px;
}
#tiny_col li a{
color:#DEE1E9;
padding-left:2px;
padding-right:2px;
display:block;
}

#tiny_col li a:hover{
color:#EEF1F4;
padding-left:2px;
padding-right:2px;
display:block;
}


#archive_detail{
	margin-top:20px;
	padding-left:15px;
	padding-right:15px;	
}



#archive_detail img{
margin-right:10px;
padding-bottom:8px;

}
div.nws{
position:relative;

font-size:92%;
border-top:1px dotted #ccc;
margin:5px;
}


div.nws p img{
float:left;
padding-right:5px;padding-bottom:5px;
/*border:1px solid #ccc;*/
}

div.nws p{
width:490px;
display:block;
line-height:20px;
text-align: justify;
color:#000;
font-family: verdana, sans-serif;
font-size:92%;
text-transform: none;

}

div.nws h2{
padding-left:5px;
padding-bottom:5px;
font-family: Georgia, Times new roman, serif;
font-size:125%;
letter-spacing: 1px;
color:#fff;
}

div.nws table{
width:500px;
padding-right:5px;padding-bottom:5px;
}

div.nws table td{
background:#efefef;
}


#news_jump_menu{
position:absolute;
top:500px;
left:20px;
width:200px;
font-size:82%;
border-top:1px solid #ccc;
padding-top:10px;
}

#news_jump_menu li{
border-bottom:1px solid #ccc;
width:195px;
padding:3px;
}
#news_jump_menu li a{
color:#DEE1E9;
padding-left:2px;
padding-right:2px;
}
#news_jump_menu li a:hover{
color:#EEF1F4;
padding-left:2px;
padding-right:2px;
}




#extender {
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
}
.break {clear:both; height:1px; line-height:1px; padding:0; margin:0;}


#right_col{
width:130px;
border-right:1px solid #ccc;
float:left;
margin-top:20px;
margin-left:8px;
}



/*Content
---------*/
	/*Titles*/
	
	/*Featured*/
	#image_preview {
		height:380px;
		
	}
	#image_preview li {
		float:left;
		width:270px;
		height:120px;
		position:relative;
		top:0px;
		left:0px;
		
		
		/*background: url('grid_li_bg.png') no-repeat 0 0;
		
		
<!--[if IE]>

 background-image: none;
 filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=upload/upload-admin/styles/grid_li_bg.png,
sizingMethod='scale');

<![endif]-->

	*/	
	
	}
	
	#image_preview li a {
		display:block;
		float:left;
		width:260px;
		height:110px;
		background-repeat:no-repeat;
		background-position:0 0;
		padding:0;
		/*border:1px solid #666;*/
		
	}
	#image_preview li a.mute {background-position:0 100%;}
	#image_preview li a:hover, #image_preview li a.hover {background-position:0 50%;}
	
	
	
	.thumbnail_nav{position:absolute;top:390px;left:280px;z-index:14;}
	
	.thumbnail_nav a{background:none;}
	
	
	
/*---------------- picture gallery as grid layout (people)------------*/	
	
#image_preview_gallery {
		height:380px;
		
	}
	#image_preview_gallery li {
		float:left;
		width:270px;
		height:120px;
		position:relative;
		top:0px;
		left:0px;
		
		/*
			background: url('grid_li_bg.png') no-repeat 0 0;
		
		
<!--[if IE]>

 background-image: none;
 filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=upload/upload-admin/styles/grid_li_bg.png,
sizingMethod='scale');

<![endif]-->

	*/
	
	}
	
	#image_preview_gallery li a {
		display:block;
		float:left;
		width:260px;
		height:110px;
		background-repeat:no-repeat;
		background-position:0 0;
		padding:0;
	
		
	}
	#image_preview_gallery li a.mute {background-position:0 100%;}
	#image_preview_gallery li a:hover, #image_preview li a.hover {background-position:0 50%;}
			
	
	
	
	
/*---------------- picture gallery as grid layout  -  9 pictures (mares)------------*/	
	
#image_preview_gallery_nine {
		height:380px;
		
	}
	#image_preview_gallery_nine li {
		float:left;
		width:180px;
		height:120px;
		position:relative;
		top:0px;
		left:0px;
		

		/*border:1px solid #ccc;*/
	}
	
	
	
	
	#image_preview_gallery_nine li a {
		display:block;
		float:left;
		width:170px;
		height:110px;
		background-repeat:no-repeat;
		background-position:0 0;
		padding:0;
	
		
	}
	#image_preview_gallery_nine li a.mute {background-position:0 100%;}
	#image_preview_gallery_nine li a:hover, #image_preview li a.hover {background-position:0 50%;}
			
	
	
	
.single {
	float:left;
	width:297px;
	margin-right:24px;
}
#frontnews{
margin-left:0px;padding-top:1px;
width:540px;
height:400px;

}

.row1 {
	position:relative;top:10px;
	float: left;
	
	width: 250px;
	height:100px;
	border-bottom:1px dotted #ccc;
	padding:5px;
	color:#fff;
	margin-right:10px;
	margin-bottom:20px;
	background: #8D8E93 url('bg_bottom.jpg') no-repeat 0px 0px;
}






.newsbox {padding-bottom:.6em;}
.newsbox li {
	font-size:12px;
	padding-bottom:1px;
	
	
}
.newsbox li a {
	font-size:12px;
color:#000;	
	
	
}
.newsbox li a:hover {
	
	color:#fff;
}
.newsbox li a span.date, .newsbox li a:hover span.date {
	color:#fff;

}

#preview{
color:#fff;
margin-right:10px;
float:right;
width:520px;
text-align:right;
font-family:georgia;
font-size:130%;

background-color:none;
padding:5px;

}


/*Sidebar
---------*/
	/*Menu*/
	#mainmenu {
		
		width:180px;
		height:102px;
		margin:10px 0 21px 20px;
	}
	#mainmenu li {float:left;}
	#mainmenu li a {
		display:block;
		width:180px;
		margin-top:4px;
		float:left;
		font-size:86%;
		line-height:1.4em;
		padding-left:4px;
		font-weight:bold;
		font-family:Tahoma, Lucida MS, arial, sans-serif;
	}



.news, .solonews, .flashnews, .shortnews{
position:relative;

font-size:92%;
border-top:1px dotted #999;
margin:5px;
padding:5px;
}

div.news h2 a, div.solonews h2 a, div.flashnews h2 a, div.shortnews h2 a{

font-family: Georgia, Times new roman, serif;
font-size:115%;
letter-spacing: 1px;
color:#fff;
}

div.news h2 a:hover, div.solonews h2 a:hover, div.flashnews h2 a:hover, div.shortnews h2 a:hover{

font-family: Georgia, Times new roman, serif;
font-size:115%;
letter-spacing: 1px;
color:#333;
background:none;
}






.news p,.solonews p,.shortnews p{
line-height:20px;
margin-top:0px;
color:#000;
}

.news p a,.news p a:hover,.solonews p a,.solonews p a:hover{
line-height:20px;
margin-top:0px;
padding-left:5px;
padding-right:5px;
}

.news_date {
margin-bottom:-2px;
font-size:125%;
padding-left:0px;
margin-bottom:1px;
font-family:Georgia,Times,serif;
color:#999;
}

a.openpage{
font-size:92%;
background-color:#f60;
color:#fff;
padding:3px;
float:right;
}

a.openpage:hover{
font-size:92%;
background-color:#000;
color:#fff;
padding:3px;
float:right;
}



#ecogold{
position:absolute;left:25px;
top:510px;
margin-top:40px;
}
#uspre{
position:absolute;left:25px;
top:400px;
margin-top:40px;
}
#clouds a{
color:#666;
background:none;
}
#clouds a:hover{
color:#ccc;
background:none;
}


#rb{position:absolute;width:100px;top:600px;left:40px;font-size:9px;color:#ccc;z-index:300;}
#rb a {color:#ccc;font-family:"Verdana", Arial, Helvetica, sans-serif;font-size:9px; text-decoration:none;}
#rb a:hover {color:#fff;font-family:"Verdana", Arial, Helvetica, sans-serif;font-size:9px;background:none;}
#rb img {margin-top:-3px;}


#adresse{font-size:11px;color:ccc;position:absolute;top:630px;left:30px;width:200px;line-height:13px;z-index:500;}