/************************************** Generic & Reset Css ***********************************/
*{
	margin: 0;
	padding: 0;
}

a{
	color:#C0C0C0;
	font-weight:normal;
        text-decoration:none;
	
}

a:hover{
	color:#FFF;
	text-decoration:none;
}

#scrolled_content a{text-decoration: underline;}

p{
	text-align:left;
	margin-bottom:10px;
}

.inv{
	position:absolute;
	font-size:9px;
	left:-9999px;
}

.clr{
	margin:0;
	padding:0;
	clear:both;
}

.editableText{
	display:inline;
}

html{
	font-size:12px; 
	width:100%;
	height:100%;
	font-family:"Trebuchet MS";
	color:#FFF;
}

body{
	width:100%;
	height:100%;
	background-color:#000;
}

h1, h2, h3, h4, h5, h6, ul, li, em, strong, pre, code {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

table{
	font-size: inherit;
	margin-bottom:15px;
}

ul{
	list-style: none;
}

img{
	border: 0;
}
strong{
	font-weight:bold;
}
td{
	padding:5px 10px;
	text-align:center;
}
td.bold{
	
	font-weight:bold;
}
/****************** BASIC FLOATING ALL CONTENTS *****************/
#supperWrapper{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	min-height:582px;
	width:100%;
	min-width:960px;
	overflow:hidden;
	z-index:1;
}

#wrapper{
	height:100%;
	min-height:582px;
	width:100%;
	min-width:960px;
	overflow: visible;
}

.row0, .row1, .row2, .row3, .row4{
	float:left;
	width:100%;
}

.column1, .column2, .column3 {
	float:left;
}
/******************** BACKGROUND ******************************/
.row0 .column2{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:582px;
	min-width:960px;
	overflow:hidden;
	z-index:1;
}

#pageBg{
	position:fixed;
	width:100%;
	height:100%;
	min-height:582px;
	min-width:960px;
	z-index:2;
}

#pageBg img{
	width:100%;
	height:100%;
	float:left;
	z-index:2;
}
/********************** HEADER *******************************/
#header{
	width:227px;
	height:100%;
	z-index:4;
}

.row0 .column1{
	width:227px;
	z-index:5;
	background:url(../images/header_column1_bg.png) 0 0 repeat;
	position:relative;
	height:100%;
	
}
/***************************** LANGUAGES ***********************************/
#languages {
	float:left;
	width:156px;
	height:20px;
	background-color:#000;
}

#languages ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	height:20px;
	padding-left:5px;
}

#languages ul li {
	float:left;
	padding:0 5px;
	height:12px;
	border-right:1px #C0C0C0 solid;
	margin:4px 0;
}

#languages ul li#ru{
	border:none;
}

#languages ul li a {
	line-height:12px;
	height:12px;
	text-decoration:none;
	color:#C0C0C0;
	font-size:11px;
}

#languages ul li .active, #languages ul li a:hover {
	text-decoration:none;
	color:#FFF;
}
/***************************** SHARE LINK ***********************************/
div.addthis_toolbox{
	width:71px;
	float:left;
	height:20px;
	background-color:#000;
	line-height:20px;
}

a.addthis_button_compact{
	color:#E2CD8D;
	font-size:12px;
	font-family:arial;
}

div.addthis_toolbox .at300bs {
	padding:0!important;
	margin:0!important;
	background:url(../images/share.jpg) 0 6px no-repeat!important;
}

#at15s{
	color:#000!important;
}
/********************* SITE LOGO ********************/
h1 {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	text-align:center;
	padding:20px 0 24px 0;
}

h1 a {
	background-image:url(../images/logo.png);
	width:199px;
	height:122px;
	text-decoration:none;
	display:block;
	float:left;
	margin:0 14px;
}
/************************* TOP MENU **************************************/
#navigation{
	width:100%;
	min-height:300px;
	float:left;
}
#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

#navigation ul li{
	float:left;
	width:100%;
	height:30px;
	text-align:center;
	position:relative;
}

#navigation ul li a{
	float:left;
	position:relative;
	line-height:30px;
	width:100%;
	height:30px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-family:verdana,tahoma,arial;
	text-transform:uppercase;
}

#navigation ul li .active, #navigation ul li a:hover{
	color:#FFF;
	background-color:#000;
}
/***************** dropdown (optional)***************************/
/* prepei to li kai to a tou parent, to #navigation ul li, na ine position:relative; ********/
#navigation ul ul{
	position: absolute;
	display: block;
	visibility: hidden;
	z-index:99;
	width:210px;
	left:227px!important;
	top:0!important;
}

#navigation ul li ul li{
	display: list-item;
	float: left;
	position:relative;
	z-index:99;
	background-color:#000;
	margin:0;
	padding:0 20px;
	height:30px;
	width:170px;
	line-height:30px;
}

#navigation ul li ul li a{
	line-height:30px;
	height:30px;
	color:#FFF;
	font-family:arial;
	font-size:14px;
	position:relative;
	z-index:99;
	text-transform:none;
	font-weight:normal;
	margin:0;
	padding:0;
	width:100%;
}

#navigation ul li ul li a:hover{
	color:#C0C0C0;
}
/************************ BOOK ONLINE BUTTON *************/
.onlineBooking{
	float:left;
	width:100%;
	height:22px;
	padding:18px 0;
	background-color:#000;
}

.onlineBooking p{
	margin:0;
	width:100%;
	text-align:center;
}

.onlineBooking a{
	line-height:22px;
	height:22px;
	font-size:16px;
	font-family:arial;
	padding-right:18px;
	font-weight:bold;
	background:url(../images/bookingBtn_bg.png) 100% -3px no-repeat;
	color:#FFF;	
}

.onlineBooking a:hover{
	color:#C0C0C0;
}
/*************************** NET 360 LOGO ******************/
#net360 {
	float:left;
	width:100%;
	height:42px;
	padding-bottom:16px;
	background-color:#000;
	text-align:center;
	position:relative;
	z-index:5;
}

#net360 a {
	width:35px;
	height:42px;
	text-decoration:none;
	display:block;
	background: url(../images/net360.jpg) no-repeat 0 0;
	margin:0 auto;
}
/*************** CONTENTS **************************/
.row1{
	height:442px;
	z-index:3;
}
.row1 .column1{
	float:right;
	width:426px;
	height:100%;
	margin:10px;
	position:relative;
	z-index:5;
}
/************************* WEATHER ************************/
#weather {
	float:left;
	height:34px;
	background-color:#000;
	width:98px;
}

#weather h2 {
	font-size:11px;
	color:#CCC;
	line-height:16px;
	padding-bottom:4px;
	display:none;
}

#weather #temperature {
	float:right;
	line-height:34px;
	padding-right:10px;
}

#weather #icon {
	float:left;
	padding-right:10px;
	padding-left:10px;
}
/*************** TOP RIGHT MENU ******************/
ul.incontentMenu{
	float:right;
	height:30px;
	background-color:#000;
	padding:2px 5px;
}

ul.incontentMenu li{
	float:left;
	padding-left:7px;
	background: url(../images/bullet_white.jpg) no-repeat 0 12px;
}

ul.incontentMenu li a{
	float:left;
	padding:0 5px;
	color:#C0C0C0;
	line-height:30px;
	font-size:14px;
	font-family:arial;
}

ul.incontentMenu li a:hover{
	color:#FFF;
}
/****************** TOGGLER *********************/
#toggler{
	float:left;
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:1px;
}

.row1 .column1 h2{
	float:left;
	width:100%;
	height:44px;
	background-color:#000000;
}

.row1 .column1 h2 a{
	float:left;
	width:386px;
	padding-right:40px;
	height:44px;
	text-align:right;
	line-height:44px;
	font-size:15px;
	font-family:arial;
	font-weight:bold;
}

.row1 .column1 h2.active a{
	background: url(../images/toggler_arrow_down.jpg) no-repeat 396px 50%;
}

.row1 .column1 h2 a{
	background: url(../images/toggler_arrow_up.jpg) no-repeat 396px 50%;
}

.toggle_container{
	width:426px;
	height:250px;	
	overflow: hidden;
	clear: both;
}

.toggle_container .block{
	width:378px;
	height:224px;
	padding:13px 24px;
	background: url(../images/contentBg.png) repeat 0 0;
	margin-top:1px;
}
/******************** SCROLLER ************************/
#scrolled_content {
	width:338px;
	height:224px;
	padding-right:40px;
}

#scrolled_content h2{
	display:none;
}

#scrolled_content h3{
	float:left;
	width:100%;
	height:30px;
	text-align:left;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:5px;
}

#scrolled_content h4{
	float:left;
	width:100%;
	height:20px;
	text-align:left;
	line-height:20px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:10px;
	margin-top:5px;
}

#scrolled_content ul{
	padding-left:24px;
	list-style:circle inside;
	margin-bottom:10px;
	float:left;
}

#scrolled_content ol{
	padding-left:24px;
	list-style:decimal inside;
	margin-bottom:10px;
	float:left;
}

#scrolled_content li{
	width:100%;
	float:left;
	line-height:16px;
}

#scrolled_content p{
	width:100%;
	float:left;
	margin-bottom:10px;	
	line-height:16px;
}

#scrolled_content a{

}

#scrolled_content a:hover{

}
/*************** PHOTOGALLERY ****************/
.photogallery {
	float:left;
	width:100%;
}

.photogallery a{
	width:97px;
	height:80px;
	display:block;
	border:1px solid #fff;
	float:left;
	margin:4px;
}

.photogallery a:hover{
	border:1px solid #C0C0C0;
}

.photogallery a img{
	width:97px;
	height:80px;
}

#lbOuterContainer.grey {
	border:3px solid #FFF!important;
	border-bottom:none!important;
}

#lbOuterContainer {
	background-color:#000!important;
}

#lbDetailsData.grey {
	color:#FFF!important;
}

#lbDetailsContainer.grey {
	border-color:#FFF!important;
	border-right:3px solid #FFF!important;
}

#lbDetailsContainer {
	background-color:#000!important;
}
/*************** CONTACT FORM ********************/
div#contactForm {
	width:100%;
	float:left;
}
/***************************** MAP ***********************/
.row1 .column2{
	width:auto;	
	float:right;
}

#mapCanvas {
	width:271px;
	height:347px;
	display: block;
	border:#000 3px solid;
	z-index:99!important;
	margin:99px 0 0 10px;
}
/****************** FOOTER *****************/
#footer {
	bottom:0;
	left:227px;
	position:absolute;
	width:100%;
	height:130px;
	z-index:2;
}

#footer div.column1 {
	float:right;
	width:auto;
	height:100%;
}
/***************** FOOTER BANNERS ********************/
.footerBanner{
	float:left;
	width:309px;
	height:120px;
	margin:2px 8px 10px 8px;
	position:relative;
	z-index:10;
}

.weddings{
	background: url(../images/weddingsBg.png) no-repeat 0 100%;
}

.weddings p{
	padding:50px 18px 38px 18px;
	width:273px;
	line-height:16px;
	height:32px;
	margin:0;	
}

.weddings span.small{
	width:144px;
	float:left;
	font-family:arial;
	font-size:12px;
	padding-right:6px;
}

.weddings span.big{
	width:40px;
	float:left;
	font-family:arial;
	font-size:22px;
	line-height:32px;
}

.weddings span.small2{
	width:40px;
	float:left;
	font-family:arial;
	font-size:12px;
}

a.bannerBtn {
	width:33px;
	height:21px;
	line-height:20px;
	color:#000;
	background: url(../images/weddingsBtn.png) no-repeat 0 0;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	margin-left:4px;
	margin-top:5px;
}

a.bannerBtn:hover{
	color:#333;
}

.book_now{
	background: url(../images/book_nowBg.png) no-repeat 0 100%;
}

.book_now p{
	padding:36px 18px;
	width:273px;
	height:48px;
	margin:0;
}

.book_now span.left{
	width:188px;
	float:left;
	height:48px;
}

.book_now span.mid{
	width:188px;
	float:left;
	font-family:arial;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}

.book_now span.big{
	float:left;
	font-family:arial;
	font-size:27px;
	line-height:36px;
	padding-right:8px;
}

.book_now span.small{
	float:left;
	font-family:arial;
	font-size:12px;
	line-height:16px;
}

a.banner2Btn {
	width:63px;
	height:21px;
	line-height:20px;
	color:#000;
	background: url(../images/book_nowBtn.png) no-repeat 0 0;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	margin-top:14px;
	margin-left:12px;
}

a.banner2Btn:hover{
	color:#333;
}

/***************** DIGI LODGE BANNER ***************/
#digi{
	background:url("../images/header_column1_bg.png") repeat scroll 0 0 transparent;
	float:left;
	margin:0;
	width:426px;
	height:103px;
}

#digi ul{
	width: 256px;
	float: left;
	padding:0 85px;
}

#digi ul li{
	float: left;
	list-style:none;
}

#eu, #psyf, #espa{
	display: block;
	width: 69px;
	height:71px;
	background: url(../images/flags-digi.png) no-repeat 0 0;
}

#psyf{
	width:82px;
	background-position: -69px 0;
}

#espa{
	width:104px;
	background-position: -151px 0;
}

#digi p{
	color:#FFFFFF;
	float:left;
	font-size:9px;
	text-align:center;
	margin:2px 0 0 0;
}