/* css for AURUM Crezione Gioielli */

* { margin:0; padding:0; }

html, body { height:100%; }

body {
	background:#111111 url(../images/body_bg.jpg) center repeat-y;
	font:12px Arial, Helvetica, sans-serif;
	line-height:1.4;
	text-align:center;
	color:#ffffff;
}

img { border:0; }

.hide { display:none; }

.wrapper { position:relative; margin:0 auto; width:900px; }

.clearer { display:block; clear:both; height:20px; }

h2, h3, h5 {
	float:left;
	clear:both;
	width:420px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-align:left;
}

h2 { padding:5px 10px; font-size:1.7em; color:#dddddd; }

h3 { padding:3px 10px; font-size:1.4em; color:#cccccc; }

h4 {
	float:left;
	clear:both;
	width:420px;
	margin-bottom:1em;
	padding:2px 10px;
	font-size:0.9em;
	font-weight:normal; 
	text-align:left;
	color:#eeeeee;
}

h5 { padding:0 10px; font-size:1.3em; color:#cccccc; }

#header { clear:both; height:127px; padding-top:20px; background-color:transparent; }

a#logo:link, a#logo:visited { display:inline; float:left; width:144px; height:101px; }

#header span, #menu span { display:none; }

#menu {
	float:right;
	margin-top:78px;
	padding:1px 0;
	width:705px;
	height:24px;
	list-style:none;
	overflow:hidden; /* to fix background-position changing bug in ie6 */
}

#menu li { float:left; height:22px; }

#menu a:link, #menu a:visited {
	float:left;
	height:22px;
	text-decoration:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top;
	overflow:hidden;
}

a#home { width:71px; background-image:url(../images/menu/home_bg.gif); }
a#creazioni { width:109px; background-image:url(../images/menu/creazioni_bg.gif); }
a#gioielli { width:90px; background-image:url(../images/menu/gioielli_bg.gif); }
a#orologeria { width:126px; background-image:url(../images/menu/orologeria_bg.gif); }
a#argenteria { width:124px; background-image:url(../images/menu/argenteria_bg.gif); }
a#novita { width:81px; background-image:url(../images/menu/novita_bg.gif); }
a#contatti { width:104px; background-image:url(../images/menu/contatti_bg.gif); }

#menu a:focus, #menu a:hover, #menu a:active, #menu a.selected { background-position:bottom; }

#menu a.selected { cursor:default; }

#container-fx-top, #container-fx-bottom { margin:0 auto; }

#container-fx-top { padding-top:6px; background:url(../images/container_fx_top.jpg) top repeat-x; }

#container-fx-bottom { padding-bottom:6px; background:url(../images/container_fx_bottom.jpg) bottom repeat-x; }

#container { margin:0 auto; background:url(../images/container_bg.jpg) center repeat-y; }

.auto { height:450px; }

.content-left { float:left; width:420px; text-align:left; color:#dddddd; }

.home, .novita { padding-top:7em; }
.creazioni, .orologeria { padding-top:4em; }
.gioielli { padding-top:4.3em; }
.argenteria { padding-top:5em; }
.contatti { padding-top:2em; }

.box { float:left; padding:10px; background:transparent url(../images/images_bg.png) repeat; }

.withgallery { padding-top:5em; }

.slider { position:relative; width:392px; height:260px; overflow:hidden; z-index:1; }

.slider div { position:relative; width:392px; height:260px; }

.slider div img { position:absolute; float:left; }

.content-right { float:right; margin-left:10px; width:470px; text-align:left; }

.content-right h2 { margin-top:0.2em; }

.content-right p {
	float:left;
	clear:both;
	width:438px;
	padding:5px 10px;
	line-height:1.4;
	font-size:1em;
	text-align:left;
	color:#ffffff;
}

.content-right em { color:#eeeeee; }

.list-bulletted { display:inline; float:left; clear:both; margin:5px 10px; list-style-position:inside; }

.list-bulletted li { clear:both; width:418px; margin-left:15px; font-style:italic; color:#eeeeee; }

#footer { display:block; clear:both; height:60px; margin-top:16px; }

#notes { float:left; padding-top:12px; }

#notes p { float:left; clear:both; font-size:10px; color:#993300; }

#notes span { font-size:9px; padding-left:3px; color:#992200; }

#notes a:link, #notes a:visited { font-size:9px; color:#993300; text-decoration:none; }

#notes a:focus, #notes a:hover, #notes a:active { color:#996600; }


/* galleries */

.galleries { float:left; clear:both; width:420px; margin:5px 0; }

.galleries a:link, .galleries a:visited {
	display:inline;
	float:left;
	width:74px;
	height:53px;
	margin:5px;
	font-size:0;
	text-indent:-9999;
	background-image:url(../images/galleries_bg.png);
	background-repeat:no-repeat;
	background-position:top;
}

.galleries a:focus, .galleries a:hover, .galleries a:visited { background-position:bottom; }

.galleries a img { display:inline; float:left; width:64px; height:43px; margin:5px; background-color:#eeeeee; }

/* novita */

#list-novita { display:inline; float:left; clear:both; margin:5px 0 5px 10px; list-style:none; }

#list-novita li { float:left; clear:both; text-align:left; }

#list-novita a:link, #list-novita a:visited {
	display:inline;
	float:left;
	width:436px;
	padding:0 10px;
	background-image:url(../images/list-novita_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	text-decoration:none;
	line-height:25px;
	color:#cccccc;
}

#list-novita a:focus, #list-novita a:hover, #list-novita a:active { background-position:bottom; color:#ffffff; }

#list-novita a span { color:#fbba00; padding-right:8px; }

.read-left { padding-top:9em; }

.read-right a:link, .read-right a:visited { color:#ffcc00; border-bottom:1px dotted #ffcc00; text-decoration:none; }

.read-right a:focus, .read-right a:hover, .read-right a:active { color:#eeeeee; border-bottom:1px dotted #eeeeee; }

.read-right a.mb { font-size:1.2em; }

#return {
	display:inline;
	float:left;
	clear:both;
	width:135px;
	height:16px;
	margin:2em 10px;
	padding:5px 0;
	border:1px solid #cc6600;
	font:1em Georgia, "Times New Roman", Times, serif;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
}

#return span { color:#fbba00; font-weight:bold; }


/* contatti */

#gmaps-wrapper { margin:7px 0; padding:10px; }

#gmaps-wrapper p { float:left; clear:both; height:19px; font-size:0.9em; }

#gmaps{ width:400px; height:260px; }

#gmaps p { color:#333333; }

#gmaps p strong { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#000000; }

#privacy { clear:both; margin:0 auto; padding-top:7px; width:400px; }

#privacy p { float:left; clear:both; width:390px;padding:3px 10px; font-size:0.9em; line-height:1.2; color:#eeeeee; }

.contatti a:link, .contatti a:visited { color:#ffcc00; border-bottom:1px dotted #ffcc00; text-decoration:none; }

.contatti a:focus, .contatti a:hover, .contatti a:active { color:#eeeeee; border-bottom:1px dotted #eeeeee; }

#contact-form { display:inline; float:left; width:420px; margin-left:48px; padding-top:12px; border:0; }

#contact-form fieldset { border:0; }

#contact-form label {
	display:inline;
	float:left;
	clear:both;
	width:75px;
	height:18px;
	padding:8px 0;
	font-weight:bold;
	text-align:left;
	color:#eeeeee;
}

#contact-form label em { font-style:normal; color:#fbba00; }

#contact-form input, #contact-form textarea {
	display:inline;
	float:left;
	margin:5px 0 0 8px;
	padding:3px 4px 0 4px;
	width:265px;
	background:transparent url(../images/form_bg.png) repeat;
	border:1px solid #cc6600;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#ffffff;
}

#contact-form input { height:18px; }

#contact-form textarea { height:100px; }

#contact-form button {
	float:right;
	clear:both;
	width:72px;
	margin:10px 62px 0 0;
	padding:2px 0;
	background-color:transparent;
	border:1px solid #cc6600;
	font:1em Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
	color:#ffffff;
}

.validation-failed, .warning { border:1px solid #8abdd6; }

.validation-passed { border:1px solid #f0fdff; }

.validation-advice, .warning-advice { margin-left:9px; padding:2px; color:#ffffff; background:#8abdd6; }