/*-----------------------
----Extraneo web site-----
---MAIN css stylesheet---
---author: Filippo Corretti Extraneo Design Studio--
-------------------------*/

body{margin:0; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px;}

#header{position:absolute; width:100%;  z-index:1;}

.flow{
	width:auto;
	background-image:url(../images/template.jpg); 
	background-repeat:repeat-x; 
	height:538px; 
	left: 0px;
	}
#extraneo{position:absolute; left: 59px; top: 100px; z-index:2; width:130px; height:57px; background-image:url(../images/extraneo.png);}

#logo{position:absolute; z-index:2; width:72px; height:59px; background-image:url(../images/logo.png);}

#beta{position:absolute; background-image: url(../images/beta.png); width:64px; height:64px; z-index:2; left: 0; top: 0;}

#kiss{
	position:absolute;
	left: 830px;
	top: 57px;
	width:200px;
	height:218px;
	background-image:url(../images/ki55.png);
	z-index:3;
	display:block;
}
#contacts{
	float:right;
	padding-top:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#CC0066
}
#about{
	height:425px;
	width:425px;
	}


#menu_container{position:absolute; z-index:2; left: 196px; top: 100px;}

#panel{
	width:660px;
	padding:15px; padding-left:30px; padding-bottom:30px; 
	background-image:url(../images/bkg_07.gif);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#666666;
	overflow:visible;
	}
.panel_title{
	background-color:#cc0066;
	padding-left:5px;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	}
.panel_title1{
	border-bottom: 1px solid #cc0066;
	color:#cc0066;
	font-weight: bolder;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	clear:both;
	height:15px;
	}
.panel_title1 span{
	font-weight:100;
	}
.panel_title1 h3{
	font-size:11px;
	float:left;
	margin:0px;
	}
.panel_title1 a:link{
	float:right;
	border-left:1px solid #CC9999;
	border-top:1px solid #CC9999;
	border-right:1px solid #990033;
	border-bottom:1px solid #990033;
	background:#CC0066;
	color:#FFFFFF;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
	padding:1px;
	}
.panel_title1 a:visited{
	float:right;
	border-left:1px solid #CC9999;
	border-top:1px solid #CC9999;
	border-right:1px solid #990033;
	border-bottom:1px solid #990033;
	background:#CC0066;
	color:#FFFFFF;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
	padding:1px;
	}
.panel_title1 a:active{
	float:right;
	border-left:1px solid #CC9999;
	border-top:1px solid #CC9999;
	border-right:1px solid #990033;
	border-bottom:1px solid #990033;
	background:#CC0066;
	color:#FFFFFF;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
	padding:1px;
	}
.panel_title1 a:hover{
	float:right;
	border-left:1px solid #CC9999;
	border-top:1px solid #CC9999;
	border-right:1px solid #990033;
	border-bottom:1px solid #990033;
	background:#CC0066;
	color:#FFFFFF;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
	padding:1px;
	}
.panel_title2{
	padding-top:15px;
	border-bottom: 1px solid #cc0066;
	color:#cc0066;
	font-weight:bold;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	}

#main_content{
	width:660px;
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(../images/bkg_07.gif);
	font-size:11px;
	color:#666666;
	overflow:auto;
	clear:both;
	}
#gallery1{
	margin-top:20px;
	width:450px;
	float:right;
	}
#gallery_title{
	background-color:#f0f0f0;
	padding:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	clear:both;
	width:60px;
	}
.gallery1{
	padding:5px;
	background-color:#f0f0f0;
	}
.gallery1 img{
	border:0;
	padding:0.03em;
	}
#thumbox{
	width:115px;
	height:80px;
	margin:5px;
	color:#666666;
	float:left;
	line-height:8px;
	background-color:#FFFFFF;
	padding:3px;
	font-size:9px;
	cursor:pointer;
	text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}
#thumbox1{
	margin:5px;
	color:#666666;
	float:right;
	line-height:11px;
	background-color:#FFFFFF;
	padding:7px;
	font-size:8px;
	cursor:pointer;
	text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#txtbox{
	width:450px;
	float:right;
	padding-top:10px;
	}
.style1{
	padding:2px; padding-left:5px;
	width:100%;
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	}
.style2{
	color: #999999;
	}
#button{
	border-left:1px solid #CC9999;
	border-top:1px solid #CC9999;
	border-right:1px solid #990033;
	border-bottom:1px solid #990033;
	background:#CC0066;
	color:#FFFFFF;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:2px;
	font-weight:bolder;
	}
#button2{
	border-left:1px solid #CC9999;
	border-top:1px solid #CC9999;
	border-right:1px solid #990033;
	border-bottom:1px solid #990033;
	background:#CC0066;
	color:#FFFFFF;
	text-transform: uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:2px;
	font-weight:bolder;
	margin-right:1px;
	}

.text1{
	text-align:justify;
	padding-top:5px;
	}
.img1{
	border:1px solid #CCCCCC;
	color: #FFFFFF;
	margin:2px;
}
.img2{
	border:1px solid #CCCCCC;
	color: #FFFFFF;
	margin:0.03em;
}
.main_image{
	float:left;
	padding-right:10px;
	}
.title_image{
	padding-bottom:7px;}
/*LINKS*/
a:link{
	text-decoration:none;
	color:#CC0066;
	}
a:visited{
	text-decoration:none;
	color:#CC0066;
	}
a:active{
	text-decoration:none;
	color: #CC0000;
	}
a:hover{
	text-decoration:none;
	color:#CC0000;
	}