/*
a tribute to sade CSS
*/

body {width: 5839px;
	margin: 0; 
	padding: 0; 
	height: 509px; 
	color: #777;
	background: #f5fcfc;
    font-family: Tahoma,Arial,Verdana,sans-serif;
	
	 
	
}
#holder {margin-top:30px;background: #f5fcfc url('bg1.jpg') repeat-x left top;
}
img{
	margin:0;
	padding:0;
	border:0;}

p { text-indent: 14pt; padding-right:10px;}

b {color:#66CCFF;font-weight: bold;font-style: italic;
}
#container {
	height: 509px; 
}
	
#header {
	float:left;	
	width:780px;	
    height:509px;
	background:url('header.jpg') no-repeat scroll center top;
}
#header h2 { 
	position:absolute; 
	top:0;
    left:-9000px;
}
	
#header h1 a:link, #header h1 a:visited  { 
	display: block;
	position:absolute; 
    top: 23px;
    left: 5px;
	z-index: 1;
	overflow:hidden;
	width:132px;	
    height:470px;
	background:url('logo.png') no-repeat scroll center top;
	text-indent: -9000px;
    cursor:pointer;
}

#content {
	margin: 75px 0 0 -365px;
	float:left;
	font: 11px/17px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
}

#content h2 {
	padding-bottom: 2px;
	position: absolute;
	top: 42px;
	left: 470px;
	width: 404px;
    color:#5c4e32;
    font: bold 0.9em Tahoma,Verdana,sans-serif; 
    text-align: center ; 
    text-transform: uppercase;
	z-index: 80;
}	

#arrows {
	position: fixed;
	top: 453px;
	left: 650px; 
	width: 90px;
	height: 60px;
	cursor: pointer;
}

#arrows ul {	
	list-style:none;
	margin: 0;
	padding: 0;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display: inline;
	width: 22px;
	height: 62px;
}

#arrows ul li a{
	margin-right: 0px;
	float: left;
	display: block;
	width: 22px;
	height:62px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9000px;
	font-size: 50em;
}

#arrows ul #arleft a {background: transparent url('arrowleft.png') no-repeat;}
#arrows ul #arright a{background:transparent  url('arrowright.png') no-repeat;}

.post p{ padding: 5px 5px 5px 5px;}
.post {
    margin: 0px 10px 0 0px; 
    padding: 23px 5px 5px 30px; 
	position: relative;
	float:left;
	width: 350px;
    height: 330px; 
    background:  url('sfondopost.png') 30px 0px no-repeat; 
    z-index:70;
}

.post h3 {  
	margin: 0 0 0 20px;
	width: 300px;
	color: #E09079;
	font-weight: bold; 
	font-size: 15px; 
	text-align: center;
}

.post h3 a{
	color:#DC8268;
	text-decoration:none;
}

.post h3 a:visited {
	color:#b65d4c;
}
.post h4 {
	 
    color:#99CCCC;
    font: bold 1em Tahoma,Verdana,sans-serif; 
   	z-index: 40;
}
.storycontent {
	margin: 0px 0 0 22px;
	padding-left: 8px;
	width: 300px;
	height: 255px;
    background:  url('sfondostorycontent.jpg') no-repeat 100px -9px; 
}

.storycontent a img {
	margin:0 5px 2px 0;
	padding:3px;
	float:left;
    border:1px solid #ccc;
 }

.storycontent a:hover img {
    border:1px solid #666;
 }


.storycontent a{
    border-bottom: 1px dashed #888a8b;
	color:#9F4D35;
    text-decoration:none;
}

.storycontent a:hover{
    border-bottom: 1px solid #888a8b;
    color:#9F4D35;
}
#faq { margin-left: 30px;font-size: 9px;}
#faq a {
    font-size: 9px;
    color: #f90;
    text-decoration: none;
}

#faq a:hover{
       color:#9F4D35;
text-decoration: underline;
}
.feedback {
	margin-right: 30px;
    position: absolute;
	top: 315px;
	right: 15px;
    clear: both;
	color: #D46647;
	font: 10px Verdana,sans-serif;
	letter-spacing: -1px;
	text-align: right;
}

.feedback a {
    color:#9f4d35;
	text-decoration: none;
}

.feedback a:hover{
	color: #D46647;
	text-decoration:overline;
}


.feedback a:visited {
    color: #6A3324;
}

.retin a{
	
	font: 10px Verdana,sans-serif; 
}   


#gallery1 {
	margin: 5px 0px 0 0 ; 
    padding: 23px 0px 5px 60px; 
	float: left;
	width: 300px;
	height: 399px;
	background:  url('sfondopost.png') 0px 0px no-repeat;
    font: 10px/20px Tahoma,Verdana, Arial, Helvetica, sans-serif;  
	z-index: 3;
}


#gallery1 a, #about a, #links a{
	border-bottom: 1px dotted #bbb;
	color:#9F4D35;
    text-decoration:none;
}

#gallery a:hover, #about a:hover, #links a:hover {
    border-bottom: 1px solid #888a8b;
    color:#9F4D35;
}

#gallery1 a:visited, #about a:visited, #links a:visited {
    border-bottom: 1px solid #ccc;
}

#gallery1  h3, #about h3, #links  h3 { 
	margin: 5px 0 0 -10px;
	color: #DC8268;
	font-weight: bold; 
	font-size: 15px; 
	text-align: center;
    font-family: Tahoma ,Arial,Verdana,sans-serif;
}


 /* gallery*/
 #screen {
		position: absolute;
		left: 4180px;
		top: 8%;
		width: 70%;
		height:62%;
		
	}
	#screen img {
		position: absolute;
		cursor: pointer;
		visibility: hidden;
		width: 0px;
		height: 0px;
	}
	#screen .tvover {
		border: solid #876;
		/*opacity: 1;
		filter: alpha(opacity=100);*/
	}
	#screen .tvout {
		border: solid #fff;
		/*opacity: 0.7;*/
	}
	#bankImages {
		display: none;
	}

#footer { margin-top:-75px;
    padding: 0;
	float: left;
	width:315px;
	height: 509px;
    background: url('footer.jpg') no-repeat;
    color: #fff;
	/*text-indent: -49000px;*/
} 
 #minifooter{  padding: 0;margin-top:4px;
	float: left;
	width:415px;  background: url('sadefooter.jpg') no-repeat;
    height: 80px;
 }
	/*---------------------------- jollymoon -------------------------------*/
#jollymoon { position:absolute;top: 482px;left:5265px;
float: left; width:100%; background:transparent; overflow:hidden; padding:6px 30px;
 }
#jollymoon  h2 { float:left; margin-right:10px; margin-top:2px; margin-bottom:2px; display:inline; }
#jollymoon  h2 a { display:block; width:114px; height:88px; background: transparent url(images/jollymoon_logo_mini_gray.png) top left no-repeat; text-indent:-9999px;}
#jollymoon  h2 a:hover { background: transparent url(images/jollymoon_logo_mini.png) top left no-repeat; }
#jollymoon  p { font-size:90%; color:#8cd096; float:left; margin-left:80px; display:inline; margin-top:6px;}