/*****************************/
/*    	  				     */
/*    	  STILE CSS		     */
/*  GIOIELLERIAMONDELLO.COM  */
/*    	  				     */
/*		Giulio Tiberi	     */
/*    	  				     */
/*****************************/
body {
	margin: 0 auto;	
	padding: 0px;
	width:800px;
	font-size:12px;
	font-family: Geneva,Verdana,Arial,Helvetica,sans-serif;
	line-height: 18px;
	color:#ffffff;
	background:#000000 url(../image/bg.jpg) center top;
	}

img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px;
	}

h1{
	font-size: 180%;
	margin: 5px 0;
	font-weight: bold;
	}	

h2{
	font-size: 140%;
	margin: 5px 0;
	font-weight: bold;
	}	

p {
	padding: 5px;
	}	

ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

li {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	list-style: disc;
	}
	

/********** WORKSPACE **********/
#workspace {
	width: 800px;
	/*height: 550px;*/
	height: 1%;
	margin: 5% 0 0 0;
	padding: 0;
	overflow: hidden;
}


/********** CONTENT **********/
.content {
	width: 786px;
	height: 476px;
	border: 5px solid white;
	margin: 0;
	padding: 2px 2px 2px 2px;
	/*float: left;
	display: inline;*/
	overflow: hidden;
}

#home {background: url(../image/home.jpg) #000000;}
#foglia {background: url(../image/foglia_interno.jpg) #000000;}
#gioielli {background: url(../image/gioielli.jpg) #000000;}
	#favero {background: url(../image/img_area/favero.jpg) #000000;}
	#fope {background: url(../image/img_area/fope.jpg) #000000;}
	#harpos {background: url(../image/img_area/harpos.jpg) #000000;}
		
#orologi {background: url(../image/orologi.jpg) #000000;}
	#Eberhard {background: url(../image/img_area/eberhard.jpg) #000000;}
	#Hamilton {background: url(../image/img_area/hamilton.jpg) #000000;}
	#Lorenz {background: url(../image/img_area/lorenz.jpg) #000000;}
	#Victorinox {background: url(../image/img_area/victorinox.jpg) #000000;}
	#BTO {background: url(../image/img_area/bto.jpg) #000000;}
	#Altanus {background: url(../image/img_area/altanus.jpg) #000000;}

#argenti {background: url(../image/argenti.jpg) #000000;}
	#buccellati {background: url(../image/img_area/buccellati.jpg) #000000;}
	#greggio {background: url(../image/img_area/greggio.jpg) #000000;}
	#raspini {background: url(../image/img_area/raspini.jpg) #000000;}
	#ricci {background: url(../image/img_area/ricci.jpg) #000000;}
	#cesa {background: url(../image/img_area/cesa.jpg) #000000;}
	#faberge {background: url(../image/img_area/faberge.jpg) #000000;}
	
#mondello {background: url(../image/mondello_int.jpg) #000000;}
#storia {background: url(../image/storia.jpg) #000000;}
#nonsologioielli {background: url(../image/nonsologioielli.jpg) #000000;}
#coppetarghe {background: url(../image/coppetarghe.jpg) #000000;}
#contattaci {background: url(../image/contattaci.jpg) #000000;}

#photogallery {
	width: 790px;
	height: 480px;
	padding:0px;
	overflow: hidden;
	}
	
/********** LEFTSIDE **********/
#leftside {
	width: 476px;
	height: 475px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	display: inline;
	position: relative;
	overflow:hidden;
	/*background: #FF6600;*/
	}
	
#website {
	width: 446px;
	margin: 455px 20px 0 10px;
	padding: 3px 0 2px 10px;
	color: #333;
	background: url(../image/bkg_weblink.jpg);
	}

#website a:link, #website a:active, #website a:visited {color: #333; text-decoration:none;}
#website a:hover {color: #F60; text-decoration:none;}

/********** RIGHTSIDE **********/
#rightside {
	width: 290px;
	min-height: 200px;
	margin: 0 0 0 0;
	padding: 10px;
	float: left;
	display: inline;
	position: relative;
	
	/*background-color: #333;
	back\ground-color: transparent;
	background-image:  url(../images/overlay.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/overlay.png", sizingMethod="scale");*/
	}

#rightside ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#rightside ul li {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	list-style: disc;
	}

#rightside  a:link,
#rightside a:active,
#rightside a:visited {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: none;
	}

#rightside  a:hover {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: none;
	}

#rightside #map {
	width: 290px;
	height: 290px;
	margin: 0 7px 0 3px;
	padding: 0 0 0 0;
	background:#FF9900 url(../image/map.jpg);
	float: left;
	display: inline;
	}
	
	
/********** NAVMENU **********/
#navmenu {
	width: 800px;
	height: 40px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	display: inline;
	background: url(../image/bg_navmenu.jpg) repeat-x;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	overflow: hidden;
}

#navmenu img{
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
}

#navmenu ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navmenu li{
	margin: 0 0 0 0;
	padding: 13px 5px 10px 5px;
	float: left;
	display: inline;
}

#navmenu a:link,
#navmenu a:active,
#navmenu a:visited{
	margin: 0 0 0 0;
	padding: 0;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	float: left;
	display: inline;
}

#navmenu a:hover{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	text-decoration: underline;
}


	
/********** FOOTER **********/
#footer {
	width: 800px;
	height: 1%;
	padding:0 0 0 0;
	text-align: center;
	text-transform: uppercase;
}

/********** NOTICE **********/
#notice {
	width: 800px;
	height: 15px;
	float: left;
	margin: 0 0 0 0;
	padding: 2px 5px 2px 5px;
	text-align: center;
	font-size: 80%;
	color: #333333;
	display: inline;
}

#notice a:link,
#notice a:visited,
#notice a:active {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	color: #333333;
	text-decoration: none;
}

#notice a:hover{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: underline;
}