/* Feuille de style css pour Los Ojos Design */

/* Fond */

Body { margin: 0px; background-color: #af0e0e;}

#back_deg{
	background-image: url(../images/template/back_deg.jpg);
	background-repeat:repeat-x;
	height: 940px;
	z-index: -1;
}

/* Logo */

#back_logo{
	background-image: url(../images/template/back_logo.jpg);
	background-repeat:no-repeat;
	height: 473px; width: 477px;
}

/* Location */

#location{
	position:absolute; top: 70px; left: 400px;
	z-index:2
}

#location a{
	-moz-opacity:0.3;    
	-khtml-opacity: 0.3;    
	opacity: 0.3; 
}

#location a:hover{
	-moz-opacity:0.8;    
	-khtml-opacity: 0.8;    
	opacity: 0.8; 
}

/*zitem */

#zitem_content{
	position:absolute; top: 10px; right: 10px;
	z-index:3;
}

.zitem {
	width:60px;
	height:60px;	
	border:4px solid #222;	
	margin:0px 0px 15px 0;
	overflow:hidden;
	position:relative;
	-moz-opacity:0.3;    
	-khtml-opacity: 0.3;    
	opacity: 0.3; 
}

.zitem .caption {
	width:60px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
	position:absolute;
	bottom:-1px;
	left:0;
	display:none;
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;    
	-khtml-opacity: 0.7;    
	opacity: 0.7; 
}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	padding:5px;
	display:block;
}

img {
	border:0;	
}

.clear {
	clear:both;	
}

	
/* MENU */

#menu{
	position:absolute; top: 400px; left: 30px;
	list-style: none;
}

#menu li ul{
	margin-top: -21px;

}

#menu a{
	-moz-opacity:0.3;    
	-khtml-opacity: 0.3;    
	opacity: 0.3; 
	text-decoration:none;
}

#menu a:hover{
	-moz-opacity:0.7;    
	-khtml-opacity: 0.7;    
	opacity: 0.7; 
}

/* Content */

#content{
	position:absolute; top: 365px; left: 400px;
	width: 737px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px; text-align:justify;
}

#photo{
	float:left; padding: 20px;
}

#gallery {
	text-align:justify; letter-spacing: 20px; line-height: 50px;
}

#gallery a{
	-moz-opacity:0.3;    
	-khtml-opacity: 0.3;    
	opacity: 0.3;
}

#gallery a:hover{
	-moz-opacity:0.7;    
	-khtml-opacity: 0.7;    
	opacity: 0.7; 
}

					/* FOOTER */

#Footer{
	position:fixed; bottom: 0px;
	background-image: url(../images/template/footer.jpg);
	background-repeat:repeat-x; 
	height: 30px; width: 100%;
	z-index:4;
}

#Footer_texte{
	position:fixed; bottom: 0px;
	font-size:11px; color:#4c4b4b;
	margin-left: 20px; bottom: 1px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	z-index:2;
	margin-bottom: 3px;
}