@charset "utf-8";
body{
	direction:rtl;
	background: #999999;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	min-width: 1062px;
	right: auto;
}
a {
	text-align:justify;
}
.style1 {	font-family: tahoma;
	font-size: 9px;
}
/* CSS Document */
h1{
	color:#CCCCCC;
	margin:1em;
	
}
h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-style: italic;
	background: #000000;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	border-top: thin solid #CCCCCC;
	width: auto;
	margin: 10px 20px 20px 10px;
}
.content p { /*Content pharagraph*/
	text-align:justify;
	font: 16px "Times New Roman", Times, serif;
	margin: 2em 3em 0em 2em;
}
.content h2{
	font-size:18px;
	color: #12414B;
	margin: 2em 1em 0 0;
}
.logo {
	background:  #013636 url(../images/cabin_logo.jpg) no-repeat left top;
	padding: 89px;
}
.bar {
	background: url(../images/Dropmenu_L1_Up.jpg) 0 0 repeat-x;
	height:34px;
}
.space{
	padding:10em 0 0 0;
}
ul li{
	text-align:justify;
	margin: 1em 0 0 0;
}
#qoutbox {
	padding: 10em 5em 0 0;
	width:500px;
	float:left;
}
#inline a{
	color:#FFFFFF;
	text-decoration: none;
}
#inline li {
	background:url(../images/black42per.png) 0 0 repeat;
	margin:0.1em 0 0 2em;
	padding:0 0.5em 0 0;
}
#inline li:hover {
	background-color:#000000;
}
.listdot li {
	list-style: none;
}

.topmerge  {
	display: block;
	background-color: #000000;
	padding-bottom: 5em;
}
.rightcol {
	background: url(../images/right_seefireetc.jpg) no-repeat right top;
	padding: 10em 250px 0 0;
	height: 845px;
}
.listdot{
	direction:rtl;
	width:400px;
}
.colrighttop{
	display:block;
	background:url(../images/colrt_end.jpg) #FFFFFF right top no-repeat;
	padding: 0 217px 0 0;
	width:815px;
	min-height: 600px;
}
.middle_top{
	background:url(../images/colrt_mid.jpg) right top no-repeat;
	padding: 0 215px 0 0;
	width: 255px;
	height: 195px;
}
.left_top {
	background: url(../images/slideleft.jpg) #CCCCCC top left repeat-x;
}
.imgsampler {
	float: left;
	border-top: 2px #999999 solid;
	border-bottom: 2px #999999 solid;
}
.footer {
	background:url(../images/footerTmp.jpg) #CCCCCC 20em 0 no-repeat;
	padding: 5em 8em 1em 0;
}


/***********************************************************************
 **                          suckerfish MENU						  **
 ***********************************************************************/
#nav, #nav ul {
	background-color:#000000;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1; /* Solve contradiction with slideshow */
	z-index: 5000;
} 
#nav a {
	display: block;
	width: 8em;
	margin:0.5em;
	color: #FFFFFF;
	text-decoration: overline;
} 
#nav li {
	background: url(../images/Dropmenu_L1_Up.jpg) 0 0 repeat-x;
	float: right;
	width: 8em;
	height:34px;
	border-left: thin groove #12414B;
	margin: 0;
/*you need to specify a width in the #nav li selector or else Opera will chuck a wobbly*/ 
}

/*We obviously need to hide the lists that we want to 'drop down' but to make things as accessible as possible we need to avoid using display: none, which, as is commonly mentioned in image replacement write-ups, hides elements from some screen readers. You might think that there are a multitude of ways to deal with this, but having exhaustedly experimented with widths, heights, margins, top and clip across a large number of browsers, the best solution (accommodating multiple level lists anyway) lies in manipulating the left property.
The CSS specs say that top, right, bottom and left values should offset an absolutely positioned box from its containing block. But unfortunately Opera decides to offset absolutely positioned boxes in relation to the page and that's why the original Suckerfish Dropdowns didn't work on Opera - because they relied on the top and left properties with explicit lengths.*/
#nav li ul {     
	position: absolute;     
	width: 8em;    
 	right: -999em; 
} 
/*instead of display: none we use left: -999em to propel the dropdown list out of view and then left: auto (rather than left: 0) to bring it back*/
#nav li ul ul {
/*Because we can't explicitly specify the top of the absolutely positioned boxes, they will sit below the line of the hovered list item, which is why the top margin of the next level of lists needs to be set to -1em.*/
     margin: -1em 0 0 10em; 
} 
#nav li:hover ul ul, #nav li.sfhover ul ul {
     right: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
    right: auto; 
}  
#nav li ul{ 
	margin: 0 0.1em 0 0;
}
#nav li ul ul{
	margin: -1em 2em 0 0;
}
#nav li:hover {
	background: url(../images/Dropmenu_L1_Hover.jpg) 0 0 repeat-x;
}
#nav ul li {
	background:#000000;
	border:none;
}
#nav ul li:hover {
	background:#98C7C9;
	border:none;
}