
/* -----------------  page styles -------------------------------------------------------*/

body {padding:0; margin:0; font:11px Verdana, sans-serif; line-height: 17px; background:#000000 url(images/bodybg.gif) center repeat-y; height:200px; color:#555;}
#outertop {margin:0 auto; padding:40px; background:#000000 url(images/outer.gif) center no-repeat;}
#wrapper {margin:2px auto; width:900px; padding:0; background:#fff;}

/* -----------------  general styles  --------------------------------------------------*/

a { font-size:13px; color:#631e19; text-decoration: underline; background:none; }
a:hover { color:#cc0000; background:none; text-decoration:underline; }
p { font-size:13px; margin:0; padding-top:2px;}
h1 { font-weight:normal; font-size:26px; margin: 0 0 7px 0; color:#333333; background:none; }
h2 { font-weight:normal; font-size:16px; margin: 10px 0 7px 0; color:#333333; background:none; border-bottom: 2px dotted #444; }
ul { margin: 0; padding : 0; list-style : none; }
h4 {font: 28px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
img { border: 0;}
.pic{margin-top:8px;}
.entryphoto {margin:5px; float:left; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
.splitcontentleft {float:left; width:60%; margin:0 0 20px 0; padding:5px; background-color:#fffaf0; color:#505050; line-height:1.5em;}
.splitcontentright {float:right; width:36%; padding:10px; background-color:#f1f1f1; color:#505050; line-height:1.5em;}
.box {margin:0 0 0 0; padding:5px; border:1px solid #990000; background-color:#999999; color:#fff; line-height:1.5em;}
.boxwhite {margin:0 0 0 0; padding:5px; border:1px solid #990000; background-color:#fff; color:#333333; line-height:1.5em;}

/* -----------------  top info  --------------------------------------------------------*/

#header { clear:both; width:900px; height:70px; background: url(images/header.png) no-repeat; margin:0; padding:10px;}
#topnote h1 {font-weight:normal; font-size:26px; color:#fff;  float:right; width:240px; margin:15px 155px 0 0;}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu { width: 645px; float:right; margin:10px 0 0 0; padding:0; text-align:right;}
#menu li { display:inline; }
#menu li a { color:#444; text-decoration:none; padding:1px 10px 1px 10px; height:19px; background:none;}
#menu li a:hover { background: none;color:#631e19;text-decoration:underline;} 


/* -- Div plutitor -- */

#divTopRight {position:absolute;}

/* ----------------- Main content ------------------------------------------------------*/

#homepic {width:900px; height:2px; margin:0;background: #fff;}
.message{ position:absolute;  width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
#bottomcontent{width:898px; border:1px solid #c5c5c5;}

.singlecontent {float: left;width: 856px; margin: 5px 10px 8px 10px; padding:5px 10px 8px 10px;font-size:13px; color:#666666;}
.singlecontent h1 { font-weight:normal; font-size:26px; margin: 5px 0 7px 0; color:#cc0000; background:none; }
.full {float: left;width: 895px;margin: 0; padding:0;font-size:13px; color:#666666;}
.full h1 { font-weight:normal; font-size:26px; margin: 0 0 7px 0; color:#cc0000; background:none; }
.left {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px; font-size:13px; color:#666666;}
.left h1 { font-weight:normal; font-size:26px; margin: 0 0 7px 0; color:#cc0000; background:none; }
.left li { list-style: url(images/li.gif); margin-left: 15px;}
.middle {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px; font-size:13px; color:#666666;}
.middle h1 { font-weight:normal; font-size:26px; margin: 0 0 7px 0; color:#cc0000; background:none; }
.middle li { list-style: url(images/li.gif); margin-left: 15px;}
.right {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;font-size:13px; color:#666666; }
.right h1 { font-weight:normal; font-size:26px; margin: 0 0 7px 0; color:#cc0000; background:none; }
.rightflag {float: right;width: 40px; margin: 0; padding:0; font-size:13px; color:#666666; }
.thumbs img{position:relative;padding:1px;margin:5px 5px 5px 7px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}


/* ----------------- Slider ----------------------------------------------------------- */

#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0; padding:0; list-style:none;}

/* --------- define width and height of list item (slide) entire slider area will adjust according to the parameters provided here ----- */
 
#slider li, #slider2 li{width:270px;height:260px;overflow:hidden; }	
#slider2 li{background:#f1f1f1;}		
#slider2 li h2{margin:0 20px; padding-top:20px;}	
#slider2 li p{margin:10px;}							
p#controls, p#controls2{margin:0;position:relative;} 
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ display:block; margin:0; overflow:hidden;text-indent:-0px;width:18px;height:30px;position:absolute;left:190px;top:-12px;}	
#nextBtn, #nextBtn2{left:252px;}													
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{display:block;width:30px;height:35px;background:url(images/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a, #nextBtn2 a{background:url(images/btn_next.gif) no-repeat 0 0;}

												
/* ----------------- Tabs ---------------------------------------------------------------*/

#tabs {padding: 0;}
#tabs #nav {margin: 0;}
#tabs #nav ul li.active {border: 1px solid #666666; border-bottom: 1px solid white; background-color: #ffffff;}
#tabs #nav ul li:hover {background-color: #ffffff;}
#tabs #data {margin-top: 3px;}
#tabs #data div {display: none; border: 1px solid #666666; padding: 10px;}
#tabs #data div.active {display: block;}
#tabs ul {list-style: none;margin: 0px;padding: 0px;}
#tabs #nav ul li {display: inline;padding: 3px 5px;cursor: default;background-color: #eeeeee;border: 1px solid #666666;border-bottom: none; margin-right: 2px;}



/* ----------------- Bottom content -----------------------------------------------------*/

#footer { clear: both; text-align:center; line-height: 1.8em; color: #444; background: #fff; padding: 4px 0; 
margin:10px 0 0 0;}
#footnote {clear: both; text-align:center; font-weight:normal; font-size:11px; color:#fff; float:right; width:100%; height:50px; margin:-20px 0 0 0; }
#footnote a { font-size:9px; color:#fff; text-decoration: none; background:none; }
#footnote a:hover { color:#fff; background:none; text-decoration:underline; }
#footer a {color: #631e19; background: inherit;}
#outerbottom { padding:40px 40px 40px 40px; background:#000000 url(images/outerb.gif) center no-repeat;}
#end { height:290px; background:#000000;}



/* ----------------- Paginari DITTO --------------------------------------------------- */

.ditto_paging {border-top:1px solid #ccc; padding:10px; font-size:86%; color:black;}
#ditto_pages .ditto_currentpage {border:1px solid black; padding:1px 5px 2px; margin-right:1px; background-color:#999999; color:#fff;} 
#ditto_pages .ditto_off {border:1px solid #ccc; padding:1px 5px 2px; margin-right:1px; color:#ccc;}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {border:1px solid black; padding:1px 5px 2px; margin-right:1px; text-decoration:none !important; color:black;} 
#ditto_pages a:hover {background-color:#fff; color:#000;}


/* ----------------- Droppin --------------------------------------------------------- */

#dropin {position:absolute; visibility:hidden; left:200px; top:100px; width:500px; height:300px; background-color:#F5F5F5;}
