/*
=================================================
     Css Stylesheet for sabinevalente.it

         © 2006 GNV & Parnters snc
            All right reserved

         http://www.gnvpartners.com
=================================================
*/

/*
	GENERALE
*/
body {
	background-color: #FFF;
	color: #666;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

img {
	border: 0;
}


div#container {
	width: 800px;
	height: 620px;
	position: absolute;
	top/* */:/**/48%;
	left: 50%;
	margin-top/* */:/**/-350px;
	margin-left: -400px;
}


body#abito div#container {
	width: 800px;
	height: 1160px;
	position: absolute;
	top/* */:/**/50%;
	left: 50%;
	margin-top/* */:/**/-350px;
	margin-left: -400px;
}

body#collezione div#container {
	background: #FFF url(../images/bg_collezione_2007_1.jpg) no-repeat center center;
}

body#galleria div#container {
	background: #FFF url(../images/bg_galleria_2007_1.jpg) no-repeat center center;
}

body#press div#container {
	background: #FFF url(../images/bg_press.jpg) no-repeat center center;
}

body#backstage div#container {
	background: #FFF url(../images/bg_backstage.jpg) no-repeat center center;
}

body#mappa div#container {
	background: #FFF url(../images/bg_dove_siamo.jpg) no-repeat bottom center;
}

body#filosofia div#container {
	background: #FFF url(../images/bg_filosofia.jpg) no-repeat center center;
}

body#abito div#container {
	background: #FFF url(../images/bg_abito.jpg) no-repeat bottom center;
}

body#spose div#container {
	background: none;
	width:900px;
}

.clear{
	clear:both;
}

img#front {
	margin: 45px 50px;
}

div#index {
	margin: 368px 26px 0 0;
}

div#index img {
	margin: 5px;
}

div#menu {	
	clear: both;
	width: 800px;
	position:absolute;
	top: 530px;
	left: 0px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 4px;
	text-transform: lowercase;
	line-height: 20px;
}

body#abito div#menu {	
	clear: both;
	width: 800px;
	position:absolute;
	top: 1060px;
	left: 0px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 4px;
	text-transform: lowercase;
	line-height: 20px;
}

body#spose div#menu {	
	clear: both;
	width: 800px;
	position:absolute;
	top: auto;
	left: 0px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 4px;
	text-transform: lowercase;
	line-height: 20px;
}

body#mappa div#menu, body#filosofia div#menu {	
	width: 800px;
	position:absolute;
	top:570px;
}

div#menu.plus_p {	
	width: 800px;
	position:absolute;
	top:490px;
}
div#menu a {
	text-decoration: none;
	color: #666;
}

div#menu a:hover, .selected {
	color: #000;
}

div#menu a.news {
	text-decoration: none;
	color:#78A7CF;
	font-weight:bold;/*attivo pre la promozione, ricommentare dopo*/
}
p.news {
	color:#78A7CF;
	font-size:16px;
	margin:20px 0 25px 0;
}


div.icone {
	float: left;
	margin: 230px 4px 0 0;
	padding: 0;
	text-align: left;
}

body#press div.icone {
	float: left;
	clear:both;
	width: 100%;
	margin: 45px 4px 0 0;
	padding: 0;
	text-align: left;
}

div.press {
	width:515px;
	float: left;
	margin:95px 4px 0 0;
	padding: 0;
	text-align: left;
}

div.press p{
margin-bottom:20px;
}

div.press p.download{
margin:0 0 10px 0;
line-height:24px;
}
div.press p a.icon_download{
display:block;
height:20px;
width:20px;
float:left;
clear:right;
margin:0 6px 0 0;
text-indent:-99999px;
background:transparent url(../images/icon_download.gif) no-repeat center center;
}

* html div#press1 {
	position: absolute;
	top: 215px;
	left: 0px;
	width: 227px;
	margin: 0;
	padding: 0;
}
* html div#press2 {
	position: absolute;
	top: 215px;
	left: 231px;
	width: 74px;
	margin: 0;
	padding: 0;
}
* html div#press3 {
	position: absolute;
	top: 215px;
	left: 307px;
	width: 460px;
	margin: 0;
	padding: 0;
}

div.icone img {
	margin: 0 4px 0 4px;
}

h1 {
	height: 40px;
	padding: 0 0 0 6px;
	margin: 5px 0 5px 3px;
	border-left: 1px solid #666;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-align:left;
}

h2 {
	height: 40px;
	padding: 0 6px 0 0;
	margin: 5px 3px 5px 0;
	border-right: 1px solid #666;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-align: right;
}

h3{
	color:#555;
	height: 20px;
	padding: 0 0 0 6px;
	margin: 5px 0 5px 3px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-align:left;
}

h4{
	color:#ccc;
	margin:25px 0 10px 0;
	height: 20px;
	padding: 0 0 0 6px;
	margin: 25px 0 5px 3px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-align:left;
}

p a, .navigation a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

p a:hover, .navigation a:hover {
	color: #000;
}

div.dove_siamo {
	float: left;
	width: 275px;
	margin: 110px 10px 0 20px;
	margin /**/: 100px 10px 0 45px;
	padding: 0;
	text-align: justify;
}

div.filosofia1 {
	float: right;
	width: 500px;
	margin: 125px 32px 0 0;
	margin /**/: 115px 65px 0 0;
	padding: 0;
	text-align: justify;
}

/* solo IE7 Win */
*:first-child+html body div.filosofia1{
	margin: 125px 70px 0 10px;
}

div.filosofia11 {
	float: left;
	width: 334px;
	margin: 10px 0 0 118px;
	margin /**/: 0 0 0 235px;
	padding: 0;
	text-align: justify;
}

/* solo IE7 Win */
*:first-child+html body div.filosofia11{
	margin: 20px 70px 0 230px;
}

div.filosofia2 {
	float: left;
	width: 505px;
	margin: 20px 0 0 32px;
	margin /**/: 0px 0 0 65px;
	padding: 0;
	text-align: justify;
}

/* solo IE7 Win */
*:first-child+html body div.filosofia2{
	margin: 20px 10px 0 65px;
}

div.dove1 {
	float: right;
	width: 450px;
	margin: 90px 20px 0 10px;
	margin /**/: 80px 45px 0 10px;
	padding: 0;
	text-align: justify;
}

/* solo IE7 Win */
*:first-child+html body div.dove1{
	margin: 90px 45px 0 10px;
}

div.dove2 {
	float: left;
	width: 345px;
	margin: 75px 10px 0 20px;
	margin /**/: 65px 10px 0 45px;
	padding: 0;
	text-align: justify;
}

/* solo IE7 Win */
*:first-child+html body div.dove2{
	margin: 75px 10px 0 45px;
}

div.navigation{
	margin:15px 0 10px 30px;
	margin /**/:15px 0 10px 60px;
	float:left;
}

div.bottom{
	margin-bottom:60px;
}


div.navigation a{
	margin-right:35px;
	
}


div.spose1 {
	width: 780px;
	margin: 310px 0 0 0;
	margin /**/: 300px 0 0 0;
	padding: 0;
	text-align: center;
}

div.abito1 {
	width: 600px;
	margin: 315px 0 0 50px;
	margin /**/: 315px 0 0 100px;
	padding: 0;
	text-align: justify;
}

/* solo IE7 Win */
*:first-child+html body div.abito1{
	margin: 315px 0 0 50px;
}

div.abito2 {
	width: 600px;
	margin: 210px 0 0 50px;
	margin /**/: 210px 0 0 100px;
	padding: 0;
	text-align: justify;
}

/* solo IE7 Win */
*:first-child+html body div.abito2{
	margin: 230px 0 0 50px;
}

.sep {
	text-align: center;
	margin: 25px 0 25px 0;
}

body#spose #container{
	padding-top:80px;
}

body#spose h1{
	margin-left:60px;
}

div.sposa{
	width:690px;
	height:340px;
	margin:0 auto;
	padding:0 0 0 110px;
	background:#FFF url(../images/bg_spose.jpg) no-repeat left center;
}
div.sposa img{
	display:block;
	width:120px;
	float:left;
	height:160px;
	border:4px solid #EDEDED;
	margin:85px 20px 0 0;
}

div.sposa p{
	float:left;
	width:250px;
	text-align:left;
	margin:75px 0 0 110px;
}

div.sposa p strong{
	border-bottom:1px solid #EDEDED;
}

div#credits {	
	clear: both;
	width: 800px;
	height:50px;
	position:absolute;
	top: 620px;
	left: 0px;
	color: #BBB;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: lowercase;
	line-height: 20px;
}

body#abito div#credits {	
	clear: both;
	width: 800px;
	position:absolute;
	top: 1150px;
	left: 0px;
	color: #BBB;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: lowercase;
	line-height: 20px;
}

body#spose div#credits {	
	clear: both;
	width: 800px;
	position:absolute;
	top: auto;
	left: 0px;
	color: #BBB;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: lowercase;
	line-height: 20px;
	margin-top:90px;
}

body#mappa div#credits, body#filosofia div#credits {	
	top: 660px;
}

div#credits a {
	text-decoration: none;
	color: #BBB;
}

div#credits a:hover, .selected {
	color: #000;
}

/*
	POPUP
*/
body#popup {
	background-color: #FFF;
	text-align: left;
	margin: 0;
	padding: 30px 20px 0 20px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 4px;
}

div#caption {
	float: left;
	background: transparent url(../images/bg_popup.jpg) no-repeat left top;
	width: 256px;
	height: 430px;
	margin: 0 0 40px 0;
}

div#display {
	float: left;
	width: 320px;
	height: 430px;
	margin: 0 0 40px 0;
}

div#caption h1 {
	margin: 140px 0 0 10px;
}

div#display img {
	padding: 1px;
	border: 1px solid #CCC;
}

div#close {
	clear: both;
	height: 30px;
	padding: 5px 0 0 0;
	text-align: center;
}

div#close a {
	text-decoration: none;
	color: #000;
	padding: 4px;
	border:1px solid #000;
}

div#close a:hover {
	color: #999;
	border:1px solid #999;
}

/*
	VIDEO
*/
div.video_hi {
	margin: 150px 0 0 0;
	padding: 0;
}

div.video_mid {
	margin: 105px 4px 0 0;
	padding: 0;
}

div.video_low {
	margin: 55px 4px 0 0;
	padding: 0;
}


/*
	SFILATA
*/

#sfilata{
	width:220px;
	float:right;
	margin:60px 8px 0 0;
	margin /**/:60px 25px 0 0;
}

#sfilata p{
	text-align:right;
	margin-bottom:0;
}

#iosposa a{
	float:right;
	width:75px;
	margin-bottom:20px;
}

#iosposa h1{
	float:right;
	width:120px;
	border-left:none;
	text-align:right;
	border-right:1px solid #666;
	padding:5px;
	margin:7px 5px 0 0;
}



/*
	Credits & Partners 
*/



body#cred_part #container{
	background: #FFF url(../images/bg_galleria_2007_1.jpg) no-repeat center center;
}

#crediti{
	padding: 20px 0 20px 20px;
	margin: 85px 0 40px 3px;
	border-left: 1px solid #666;
	text-align:left;
	float:left;
	width:45%
}


#partners{
	padding: 20px 20px 20px 0;
	margin: 85px 3px 40px 0;
	border-right: 1px solid #666;
	text-align:right;
	float:right;
	width:45%;
}

#crediti h1, #partners h1{
	border-left:none;
}

#partners h1, #partners h3, #partners h4{
	text-align:right;
	margin-right:10px;
}


#crediti p, #partners p{
	font-size:11px;
	line-height:13px;
	margin:0 0 0 10px;
}

#partners p{
	text-align:right;
	margin-right:10px;
}

#crediti a, #partners a{
	margin:0 0 0 10px;
	color:#5a9ad0;
}

#partners a{
	margin:0 10px 0 0;
}

#crediti a:hover, #partners a:hover{
	color:#0671cd;
}

#crediti span, #partners span{
	display:block;
	margin-bottom:7px;
	color:#5a9ad0;
}

body#cred_part div#menu {	
	position:absolute;
	top:600px;
}

body#cred_part div#credits {	
	position:relative;
	top:690px;
}