* { 
	margin: 0;
	padding: 0;
}
body {
background-color: #ffffcc;
font-family:  "Pristina, Verdana, Arial, Helvetica, sans-serif";
font-size: 12px;
line-height: 17px;
color: #B4301B;
}

ul#menu {
 
  width: 150px; /*larghezza del menu*/
  list-style-type: none;
  border-top: solid 0px #b9a894;  /*spessore della I linea */
  margin: 0;
  padding: 0px;
}

ul#menu ol {
  
  text-align: left;/*allineamento del testo*/
  list-style-type: none;
  margin: 0;
  padding: 0px;
}

ul#menu li, 
  ul#menu a {
  font-family: "Pristina, Georgia, Verdana, Arial, Helvetica, sans-serif";/*font menu */
  font-size: 15px;/*dimensione font menu */
  color: #B4301B;/*colore font menu */
}



ul#menu li {
  
  border-bottom: solid 1px #b9a894;/*dimensione e colore della linea fra i menu */
  line-height: 25px;/*spaziatura fra le voci nei vari menu*/
}

ul#menu ol li {
  border-bottom: none;
}


li:hover { 
text-decoration: none;
color: black;
}

a { 
text-decoration: none;
color:#B4301B;
}
a:hover { 
text-decoration: underline;
color: #E25F0F;
}
ul#menu a:hover {
  color: #E25F0F;/*Colore del link con il mouse sopra*/
}

ul#menu a.active {/*Colore del link quando attivo */
  color: #be5028;
}

#wrap {
margin: 20px auto;
width: 1000px;
background:  #ffffcc;
}

#top {
padding: 10px ;
background: #ffffcc  url(../images/top.gif) no-repeat;
}

#header {
  background-color: #ffffcc;
}
#header h1 { 
font-family: "Verdana, Arial, Helvetica, sans-serif";
font-size: 28px;
letter-spacing: -1px;
padding: 23px 0 0 20px;
color: #B4301B;
}
#header h1 a { 
color:#E25F0F;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover { 
color: #E25F0F;
}
#header h2 {
font-family: "Verdana, Arial, Helvetica, sans-serif"; 
font-size: 19px;
color: #E25F0F;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}

#content { 
padding: 0 20px 20px 20px;
background: #fff   url(../images/content.gif) repeat-y;
}

.right {
background-color: #ffffcc; 
font-family: "Verdana, Arial, Helvetica, sans-serif";
font-size: 15px;
float: right;
width: 710px;
text-align: justify;
}
.right h2 { 
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.right h2 a { 
text-decoration: none;
}
.right h2 a:hover { 
color: #E25F0F;
}
.right h3 { 
font-size: 12px;
font-weight: 100;
padding: 9px 0 3px 0;
}
.left {
background-color: #ffffcc; 
float: left;
width: 160px;
padding-top: 5px;
}
.left  h2 { 
margin: 10px 0 0 0;
padding-left: 10px;
color: #E25F0F;
font-size: 10px;
}
.left  ul { 
padding: 10px 0 15px 10px;
list-style-type: none;
}
.left ul li a { 
color: #F7AE10;
text-decoration: none;
font-weight: 400;
}
.left  ul li a:hover { 
color:#E25F0F;
}


#bottom {
background-color: #ffffcc; 
padding: 10px 0;
background: #fff   url(../images/bottom.gif) no-repeat;
}

#footer {
background-color: #ffffcc;
height: 20px;
line-height: 30px;
text-align: center;
font-size: 11px;
}
form,fieldset{font-family: "Verdana"; margin-top:0;margin-left:0;padding: 0;border: 0px solid #fff}
form label{font-family: "Verdana";float:center;width:80px;line-height:23px;margin-right:5px;text-align:right}
form input,textarea{font-family: "Verdana"; color:#B4301B; margin-bottom:5px;border-style:solid;border-color: "grey"; 
    border-width:2px 1px 1px 2px; background-color: #fff}

form select{font-family: "Verdana";color:#B4301B;margin-bottom:5px;border-style:solid;border-color:"grey" ;background-color:#fff; 
    border-width:2px 1px 1px 2px; }

form br{clear:left}

#slideshow-options ul { padding: 0; }

#slideshow-options ul li { list-style-type: none; display: inline; padding-right: 0; }

#back a { font-size: 11px; }

#demo { margin: 0px 70px 70px; }

#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('.../camere/images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 603px; height: 306px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('../images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }

#slideshow #pictures { background: url(''); width: 437px; height: 277px; left: -220px; /*overflow: hidden; */}
#slideshow #pictures li { display: block; position: absolute; top: 0; left: 220px;width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }

#slideshow #menu { background: url('../camere/images/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #FFFFcc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #ffffcc; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #ffffCC; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('../images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }pre{background:#FFFFCC; color:#B4301B; padding:10px; margin:10px; height:auto; overflow:auto; font:14px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#B4301B}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:0px solid gray}
h4.stitle{color:#B4301B;margin:0 0 5px 0}

.links {padding:14px;margin-top:20px}
.links a{font-size:16px;color:#E25F0F;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#ffffcc;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#B4301B;padding:0 5px;cursor:pointer;font:15px Verdana}
.buttons span.active, .buttons span:hover{background:#E25F0F;color:#ffffcc}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:center
}
#box8 .next{
	float:center
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:0px solid gray;
	border-bottom:0px solid gray;
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}