html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }
body { background:#333333; color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; text-align:center; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; text-align:left; color:#999999; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; }

h2 { font-size:16px; margin:10px 0; }
h3 { font-size:15px; margin:10px 0 5px 0; }
h4 { font-size:14px; margin:10px 0 4px 0; }
h5 { font-size:13px; margin:10px 0 4px 0; }
h6 { font-size:12px; margin:10px 0 4px 0; }

h2.breadcrumbs, h2.title { margin-top:0; float:left; line-height:100%; color:#FFFFFF; }
h2.title span { color:#999999; }

p { margin-bottom:0;}
ol, ul, li { list-style-type:none; margin:0; padding:0;}
a:link, a:visited  { text-decoration:none; color:#FFFFFF; }
a:hover, a:focus, a:active { color:#999999; }

.testo p { text-align:left;  }
ul.list, .testo ul { margin:5px 0; padding:0; list-style-type:none; text-align:left;}
ul.list li, .testo li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 3px; }

p.language { text-align:right; text-transform:uppercase; font-size:11px; }

/* ........... LAYOUT */
#container { width:960px; margin:0 auto; }
#header, #footer { margin:50px 0; float:left; display:inline; width:960px; } 
#content { text-align:left; width:800px; float:left; display:inline; margin-left:90px; margin-right:80px; min-height:400px; }
#error404 { padding:50px 0; }

/* ........... HEADER */
h1#logo { float:left; display:inline; font-family: Arial, Helvetica, sans-serif; font-size:20px; }
h1#logo a { display:block; float:left; color:#FFFFFF; }
h1#logo a strong { color:#666666; }

#header div, #navigation { float:right; display:inline; }
#navigation li { display:inline; padding:0; margin-left:35px; }
#navigation li.first { margin-left:0; }
#navigation a { display:inline; font-size:15px; }
#navigation a.selected { color:#999999; }


p.breadcrumbs { width:100%; clear:both; text-align:left; font-size:11px; padding-top:20px; }
p.breadcrumbs a { color:#666666; }
p.breadcrumbs a:hover, p.breadcrumbs span { color:#999999; }

/* ...... FOOTER */
p#copyright { text-transform:uppercase; margin:0; font-size:20px; text-align:left; float:left; display:inline; width:200px;  }

#credits { float:right; font-size:9px; vertical-align:middle; text-align:right; color:#666666; display:inline; width:200px; }
#credits img { vertical-align:middle; }


#copyright-content { display:none; }
#sb-content h3, #sb-content p { padding:10px 25px 0 25px; }

/* ...... NEWS - BOOKS */
.news { margin-bottom:25px; float:left; width:800px; }
.news h2 { margin-top:0; padding:0; color:#FFFFFF; }

.news-left { width:160px; float:left; text-align:right;}
.news-right { width:620px; float:right;}

.nav-article { margin-left:15px; }


/* ...... PORTFOLIO - GALLERY */

.box-thumb { width:160px; float:left; display:inline; margin:0 20px 20px 20px; text-align:center;}
.box-thumb p { font-size:13px; text-align:left; line-height:150%; }

/*.box-thumb a { color:#999999; }*/
.box-thumb em { display:block;  color:#999999; }
.box-thumb span { display:block;  color:#999999; }

div.pagination { clear:both; text-align:center; vertical-align:top; }
div.pagination a, div.pagination span { padding:0 5px; }

div#gallery-wrapper { margin-top:20px; float:left; width:100%; }

div#photo-controls { float:left; width:800px; margin-bottom:20px; }
div#photo-controls p { text-align:center; }

div#photo-controls a, div#photo-controls span { padding:0 5px;}

div#photo { width:700px; margin:0 auto; text-align:center; clear:both; }
div#photo p { margin-top:5px; }

div#video { width:640px; margin:0 auto; text-align:center; clear:both; }
div#photo p { margin-top:5px; }

#showhide img { vertical-align:middle; margin-left:5px; }

/* ..... CAROUSEL */
.carousel-wrapper { width:640px; margin:25px auto; position:relative; }

.carousel { width:560px; height:60px; margin:0 auto; overflow:hidden; }
.carousel-inner { width:2500px; }
.carousel img { float:left; display:inline; padding:0 10px; }
.carousel-wrapper a.next, .carousel-wrapper a.prev { position:absolute; top:0; width:40px; height:60px; font-size:36px; line-height:60px; text-align:center; }
.carousel-wrapper a.prev { left:0; }
.carousel-wrapper a.next { right:0;  }

/* ..... TEARSHEET */
#sidebar-tearsheet { float:left; display:inline; width:220px; margin-right:20px;  }
#content-tearsheet { float:left; display:inline; width:560px; }

#sidebar-tearsheet h2 { margin-top:0; color:#FFFFFF }
#sidebar-tearsheet a:link, #sidebar-tearsheet a:visited { color:#999999; }
#sidebar-tearsheet a:hover, #sidebar-tearsheet a:focus, #sidebar-tearsheet a:active, #sidebar-tearsheet a.selected { color:#FFFFFF; }

#sidebar-tearsheet li { line-height:125%; margin-bottom:5px; }
#sidebar-tearsheet em { display:block; color:#666666; font-size:13px; }

#sidebar-tearsheet div.pagination { text-align:left; }
#sidebar-tearsheet .currentStyle { color:#FFFFFF; }

#gallery-tearsheet { float:left; display:inline; width:400px; margin-right:10px; }
#gallery-tearsheet div { margin-bottom:5px; }

#text-tearsheet { float:left; display:inline; width:150px; }

/* TAB */
div.tabs-navigation { float:right; }
div.tabs-navigation div.button-tab { float:left; display:inline; position:relative; margin:0 10px; cursor:pointer; color:#999999; padding:5px 0 0 0; text-transform:uppercase; font-size:11px; }	
div.tabs-navigation div.button-tab-active { float:left; display:inline; margin:0 10px; cursor:pointer; color:#ffffff; padding:5px 0 0 0; text-transform:uppercase; font-size:11px;  }
div.testo { float:left; width:100%; margin-bottom:5px; }

/* ..... COMMON RULES */
.small { font-size:11px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }


/* ..... CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }


/* ..... 960 MEMO */
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9  { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
#sb-container, #sb-wrapper { text-align:left; }
#sb-container, #sb-overlay { position:absolute; top:0; left:0; width:100%; margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}


#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}


#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
  background:transparent url(shadowbox/loading.gif) no-repeat scroll 50% 50%;
}
#sb-body, #sb-loading {
  background-color: #060606; /* should match loading image background color */
}


#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 16px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}


#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(shadowbox/close.png);
  background-repeat: no-repeat;
}
#sb-nav-close:hover{ background-image:url(shadowbox/close_hover.png); }
#sb-nav-next {
  background-image: url(shadowbox/next.png);
  background-repeat: no-repeat;
}
#sb-nav-next:hover{ background-image:url(shadowbox/next_hover.png); }
#sb-nav-previous {
  background-image: url(shadowbox/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-previous:hover{background-image:url(shadowbox/previous_hover.png);}
#sb-nav-play {
  background-image: url(shadowbox/play.png);
  background-repeat: no-repeat;
}
#sb-nav-play:hover{ background-image:url(shadowbox/play_hover.png); }
#sb-nav-pause {
  background-image: url(shadowbox/pause.png);
  background-repeat: no-repeat;
}
#sb-nav-pause{ background-image:url(shadowbox/pause_hover.png); }

#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}


div.sb-message {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}