/* Layout elements */
body { background-color: #eddcb0; }
#wrapper { width: 950px; margin: auto; position: relative; text-align: left; font-size: 1.1em; overflow: hidden; height: 570px; }
#header { height: 174px; width: 100%; background: #eddcb0 url(../images/navigation-bg.gif) repeat-x 0 0; border-bottom: solid 1px #633b07; }
#header div { height: 174px; background: url(../images/logo.gif) no-repeat 50% 0; }
#header #nav { height: auto; background: none; }
#content { width: 800px; overflow: hidden; position: relative; height: 540px; z-index: 50; margin: 20px auto; }
.sections { height: 569px; width: 30000px; position: relative; overflow: hidden; z-index: 50; }
.pages { float: left; width: 750px; height: 520px; }
.small { width: 600px; padding: 30px 110px; }
.content { padding-top:30px; margin-left:30px; }
#footer { clear: left; width: 700px; margin: auto; padding-bottom: 10px; text-align: center; }
.up { z-index: 100; }

/*  header */
h1 { text-indent: -99em; overflow: hidden; height: 0; padding-top: 150px; }

/* navigation */
#nav ul { list-style: none; padding-left: 30px; width: 977px; margin: auto; }
#nav li { height: 16px; float: left; }
#nav li a { display: block; height: 22px; margin: 0 50px; background: url(../images/nav.gif) no-repeat 0 0; text-indent: -99em; overflow: hidden; }
#nav li a:hover, #nav li.active a { background-image: url(../images/nav-selected.gif); }
#nav li#nav-home a { background-position: 0 0; width: 43px; }
#nav li#nav-mission a { background-position: 0 -21px; width: 61px; }
#nav li#nav-coll a { background-position: 0 -43px; width: 85px; }
#nav li#nav-press a { background-position: 0 -64px; width: 46px; }
#nav li#nav-negozi a { background-position: 0 -86px; width: 52px; }
#nav li#nav-dove a { background-position: 0 -108px; width: 90px; }

/* Typo */
a, a:hover, a:visited { color: #633b07; }
h2 { color: #633b07; font-family: Garamond, Times New Roman; font-weight: bold; font-size: 1.4em; padding-bottom: 30px; }
#content p { font-family: Tahoma, Verdana,Arial; color: #333; font-size: 12px; padding: 0 10px; margin-bottom:4px; }
.quote { font-style: italic; color: #666; }
#content p.small-text { font-size:11px; }
p.next { text-align: right; clear: both; }
#footer { font-family: Tahoma, Arial; font-size: 12px; color: #626262; }

/* Section specific */
#content p.quote { width: 524px;height:80px; background: url(../images/sign.gif) no-repeat 0 0; padding: 7px 30px 7px 53px; margin:0 0 20px 110px; }
.small img.photo { width: 219px; float: right; }
img.nello { width: 180px; float: right; }
ul.collections { display: block; margin-left: 50px; width: 650px; height: 470px; }
ul.collections li { float: left; padding-bottom: 10px; padding-right: 20px; width: 128px; }
ul.collections a { opacity: 0.7; }
ul.collections a img { border: solid 1px #633b07; }
ul.collections a:hover { opacity: 1; }
ul.collections a:hover img { border: solid 1px #FFF; }
#content p.address { padding-top: 20px; width: 170px; text-align: right; line-height: 1.5em; }

/* Collection */
.reel { height: 455px; margin-left: 25px; overflow: hidden; position: relative; width: 675px; }
.reel-content { position: absolute; width: 3000px; }
.reel-content ul { float: left; }
.reel-controls a { background: url("../images/reel-nav.gif") no-repeat scroll 0 0 transparent; display: block; height: 37px; left: 0; overflow: hidden; position: absolute; text-indent: -99em; top: 180px; width: 24px; z-index: 100; }
.reel-controls a.next { background-position: -25px 0; left: 645px; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index:99; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 130px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:160px; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 40px; top: 24px; z-index: 99; 
                                               background:#FEFEFC url(../images/subnavigation-bg.gif) repeat-y 0 0; border:solid 1px #633b07; border-top:none; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: -2px; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: -2px; }
#nav ul li ul { padding: 0 10px 10px; width:160px;  }
#nav ul li ul li a, #nav ul li ul li a:hover {margin: 0; background: none; text-indent: 0; text-decoration:none; width:auto;}
#nav li#nav-coll ul li a {margin: 0; background: none; text-indent: 0; text-decoration:none; width:160px;}
#nav ul li ul li { font-family:Tahoma; padding-top:10px; font-size:12px; }
#nav ul li ul li a:hover { color:#960 }

#home { margin-left:50px; }

/* Shops */
#searchTerm { display:block; width:200px; margin:auto; font-size:14px;  }
#results { width:400px; display:block; height:350px; overflow:auto; margin:auto; margin-top:20px; }

/* Press Area */
#press-thumbs { width:440px; float:left; }
#press-thumbs li, #press-thumbs-r li {width:70px;height:70px;display:block; overflow:hidden; border:3px double #111;margin: 0 10px 10px 0;background:#333; float:left;}
#press-big { width: 300px; height:430px; float:right; }
#loading { margin:0; padding:0; text-align:center;}

/* contact form */
#contact-form { width:400px; margin:20px auto; font-family: Tahoma, Verdana,Arial; color: #333; font-size: 14px; }
#contact-form input, #contact-form textarea { width:300px; float:right; }
#contact-form li { clear:both; margin:10px 0; display:block; height:20px; }
#contact-form label { display:block; width:80px; float:left}
#contact-form input {font-family: Tahoma, Verdana,Arial; color: #333; font-size: 14px; }
#contact-form .error { color:#F33; }