/*****************************************************/
/*   Design:  diciodesign                            */
/*---------------------------------------------------*/
/*   Author:  Claudio Bertoldi                       */
/*                                                   */
/*---------------------------------------------------*/
/*   Version: 3                                      */
/*   Date:    November, 2007                         */
/*****************************************************/



/*****************/
/*   MAIN BODY   */
/*****************/

html {
	margin: 0;
	padding: 0;
	}
body {
	font-size:62.5%;
	margin: 0em auto;
	padding-top: 0em;
	padding-left: 0em;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:black;	
	background-color:white;

}

#container{
	display:block;
	position:relative;
	width: 900px;
	height:800px;
	margin: 0em auto;
	padding: 0em;
	

	color:black;
	font-family: Verdana,Tahoma,Arial,sans-serif;	
	background-color:transparent;
       

}

#header{
position:relative;
font-size:12px;
	float:left;
clear:left;
height:200px;
	margin: 0em auto;
	padding: 0em;
	width:100%;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:black;	
	background:transparent url('img/header.png') center no-repeat;
}
#headermenu{
position:relative;
font-family:sans-serif;
font-size:14px;
font-style:normal;
margin-top:140px;
margin-left:27%;
background-color:transparent;
word-spacing:10px;
}
#leftbar{
display:inline;<!--for IExplorer-->
position:relative;
font-size:12px;
width:160px;
float:left;
clear:left;
margin-top:2em;
	margin-left:6em;
	padding: 0em;
	
	

  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:black;	
	background-color:transparent;
	
}

#middlecontentcontainer{
position:relative;
font-size:12px;
width:650px;
float:right;

	margin: 0em auto;
	
	background:transparent;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:black;	
	
}
#content{
position:relative;
font-size:12px;
width:100%;
float:left;
clear:both;
	margin: 0em auto;
	padding: 0em;
	background:red;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:black;	
background:transparent url('img/content.png') center repeat-y;
	
}
#footer{
position:relative;
font-size:12px;
	float:left;
clear:left;
height:160px;
	margin: 0em auto;
	padding: 0em;
	width:100%;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:black;	
	background:transparent url('img/footer.png') center no-repeat;
}


/***************************/
/*   MULTI CATEGORY PAGE   */
/***************************/




.categorytext{
position:relative;
font-size:12px;
width:250px;
float:left;
padding-top:6px;
	margin: 0em auto;
	
	background:transparent;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:white;	
	
}
.sectioncategory{
position:relative;
font-size:12px;
width:100%;
float:left;
padding-top:6px;
	margin: 0em auto;
	
	background:transparent;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:white;	
	
}
.categorytextallwitdth{
position:relative;
font-size:12px;
width:550px;
float:left;
padding-top:6px;
	margin: 0em auto;
	
	background:transparent;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:white;	
	
}
.categorytextmiddlewitdth{
position:relative;
font-size:12px;
width:250px;
float:left;
padding-top:6px;
	margin: 0em auto;
	
	background:transparent;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:white;	
	
}
.gallerycontainer{
position:relative;
font-size:12px;
width:350px;
float:right;
padding-top:6px;
	margin: 0em auto;
	background:transparent;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	color:white;	
	
}

.menulink{

color:black;
font-size:16px;
text-decoration: none;
font-family: Verdana,Tahoma,Arial,sans-serif;
}
.menulink:hover{
color:red;
text-decoration: none;
font-family: Verdana,Tahoma,Arial,sans-serif;
}
.navigationlink{

color:black;
text-decoration: none;
font-family: Verdana,Tahoma,Arial,sans-serif;

letter-spacing:2px;
}
.navigationlink:hover{
color:red;
text-decoration: none;
font-family: Verdana,Tahoma,Arial,sans-serif;
}
#navigationdiv {
position:relative;
margin-top:0%;
width:500px;
left:0%;
background-color:transparent;

}

.imggalleryitem {
position:relative;
margin-left:10px;
margin-top:15px;
margin-bottom:15px;
width:100px;
height:100px;

border-style:solid;
border-color:white;
border-width:2px;
}
.imggalleryitem:hover{
background-color:white;
cursor:pointer;
filter:alpha(opacity=70);
opacity:.70;
border-style:solid;
border-color:white;
border-width:2px;
}
.imggalleryitem span{display: none}
.imggalleryitem:hover span{ /*span only on :hover  state*/
    display: block; position:absolute;
    top: 2em; left: 2em; width: 15em;
    border: 1px solid #0cf; background-color: #cff; color:#000;
    font-size: 80%;text-align: center}



.textgalleryitem {
position:relative;
margin-left:0px;
margin-top:15px;
margin-bottom:15px;
width:104px;
height:104px;
border-style:none;
border-color:transparent;
border-width:2px;

}

.linktextgalleryitem {
color:white;
text-decoration: none;
font-family: sans-serif;

margin-left:0px;
margin-top:100px;
width:100px;
height:100px;
border-style:none;
border-color:transparent;
border-width:2px;

}
.linktextgalleryitem:hover {
color:red;
text-decoration: none;
font-family: sans-serif;


}
.imggallery{
display:inline;
position:relative;
float:right;
width:124px;
border:solid red 1px;
margin-bottom:40px;
margin-right:90px;

}

.textgallery{
display:inline;
position:relative;
float:left;
clear: left;
width:84px;
margin-left:20px;
margin-bottom:42px;
border-style:none;
border-color:transparent;
border-width:2px;
}

.imgleft{
float:left;
padding-left:0px;
padding-right:10px;
padding-bottom:10px;
}
.imgright{
float:right;
display:block;
margin-top:0px;
margin-bottom:10px;
padding-left:10px;
padding-right:0px;
padding-bottom:10px;
}

.imgzoomright{
float:right;
margin-top:0px;
padding-left:10px;
margin-bottom:10px;
width:290px;
height:290px;
}
.imgzoomrightmiddle{
display:inline;
position:relative;
float:right;
margin-top:10px;
margin-right:95px;
padding-left:10px;
width:290px;
height:290px;
}
.spacer{
display:block;


}