/*--------------------------------------------Reset All-----------------------------------------------
-------------------------------------------------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
	}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	}

ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

body	{
	width:100%; 
	background: url(../images/main_bg.jpg) top center; 
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color:#323232;
}

/*--------------------------------------------Fonts-----------------------------------------------
-------------------------------------------------------------------------------------------------*/

a	{
	text-decoration: none;
	color: #8A7E75;
	}

a:visited	{
	text-decoration: none;
	color: #8A7E75;
	}

a:hover	{
	text-decoration: underline;
	color: #ec9221;
	}

a:active { text-decoration: none; }

a.external_link	{
	background: url(../images/externalLink.gif) no-repeat 100% 0%;
	padding-right: 10px;
}


a.anchor {color:#323232; text-decoration: none;}

p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#323232;
	line-height: 1.5em;
	padding-bottom: 10px;
	}

.body p span {  
	color:#323232; 
	font: bold 14px Arial, Helvetica, sans-serif; 
	}
	
h1 { 
	font: normal 40px Arial, Helvetica, sans-serif; 
	color:#000; 
	margin:5px 10px; 
	padding:27px 5px 15px 5px; 
	border-bottom:1px solid #8A7E75;
	}
	
.body h2 { 
	font: normal 18px Arial, Helvetica, sans-serif; 
	color:#454545; 
	margin:0;
	text-align: left;
	background: url(../images/ssl_favicon_28x28.gif) 0 0 no-repeat;
	padding: 3px 0 10px 35px;
	}

.body .right h2 {
	font: normal 15px Arial, Helvetica, sans-serif; 
	color:#454545;
	background: url(../images/right_h2_top.gif) 0% 0% no-repeat;
	background-color: #e1e1e1;
	padding: 6px 0 5px 10px;
	margin-bottom: 10px;
	}

.right p, .right h3 {padding-left: 10px;}	
	
h2 img {
	padding-top: 12px;
	padding-left: 10px;
	}

h2.none {
	background: none;
	padding-left:0;
	font-size:20px;
	}
	
.body h2 span { 
	text-transform:none; 
	font: normal 11px Arial, Helvetica, sans-serif; 
	color:#7d7d7d;
	}

h3 {
	color:#ec9221;
	}
	
blockquote {
	background: url(../images/openquote.gif) 0% 0% no-repeat;
	margin: 0;
	padding: 2px 0 0 27px;
	font-style:italic;
	}

p.quote {
	text-align: justify;
	font-style: italic;
	padding: 0 0 2px 29px;
	}
	
p.quotename {
	float: right;
	color:#aeaeae; 
	line-height:1.5em;
	font-weight: bold;
	font-size: 11px;

	}

p.response { 
	font:bold 11px Arial, Helvetica, sans-serif; 
	color:#ec9221; 
	text-align:center; 
	margin: 12px 0 5px 0;
	}

.FBG p { 
	font: normal 12px Arial, Helvetica, sans-serif; 
	color:#bbbbbb; 
	padding:5px 0; 
	margin:0; 
	line-height:1.5em;

	}

#homepage .FBG p {	text-align: justify;}

.FBG a { 
	color:#d7a76f; 
	text-decoration:none;
	}

.FBG a:hover	{
	text-decoration: underline;
	}
	
.FBG a.more	{
	text-align: left;
	background: url(../images/moreArrow.png) 100% 59% no-repeat;
	padding-right: 9px;
}


.FBG h2 { 
	font: bold 15px Arial, Helvetica, sans-serif; 
	color:#fff; 
	border-bottom:1px solid #9e9e9e;
	background: url(../images/ssl_favicon_22x22_grad.gif) 0 0 no-repeat;
	padding: 0 0 8px 28px;
	margin:0 0 10px 0;
	}

.FBG h2.row2 {
	margin-top: 18px;
	}

.FBG blockquote {
	background: url(../images/fbg_openquote.gif) 0% 30% no-repeat;
	padding: 5px 0 0 27px;
	margin-bottom: -4px;
	font-style:italic;
	color:#bbbbbb;
	}

.FBG p.quote {
	text-align: justify;
	font-style: italic;
	}
	
.FBG p.quotename {
	float: left;
	color:#bbbbbb; 
	}
/*--------------------------------------------Structure-----------------------------------------------
-------------------------------------------------------------------------------------------------*/
.main { padding:0; margin:0 auto;}

.wite_resize { width:960px; background:#fff; margin:0 auto; padding:10px 0;}


.body_resize { 
	margin:0; 
	padding:0;
	}

.body { 
	width:940px; 
	background:#fff url(../images/body_bottom_bg.gif) bottom no-repeat; 
	margin:0 auto; 
	padding:10px 10px 40px 10px;
	}

#homepage .body {
padding-bottom: 10px;
}

.right { 
	float:right;
	width:260px; 
	padding:5px 20px; 
	margin:0;
	}

.left { 
	float:left;
	width:599px;  
	padding:5px 20px; 
	margin:0; 
	border-right:1px solid #e1e1e1;
	}


.body img {  
	padding:0; 
	margin-bottom:15px;
	}

.body img.floated { 
	height: 195px;
	width: 585px;
	padding: 5px;
	border: 1px solid #aeaeae;
	}
	
.body img.room { 
float: left;
padding-right: 8px;
	}
	
.body img.roomlast { 
float: left;
padding-right: 0;
	}

#facilities {float:left;}
	
#facilities ul { 
	float: left;
	width: 500px;
	/*background-color:#ffddee;*/
	list-style-type: none;
	margin:0 0 10px 50px; 
	}

#facilities li {
	float: left;
	width: 250px;
	/*background-color:#facdee;*/
	padding:5px 0; 
list-style-type: square;
	}
	
#facilities li.none {
	list-style-type: none;
	}

/*.body li.listtitle {
	font-size: 18px;
	color: #454545;
	list-style-type: none;

	padding-bottom:5px;
	margin-left: -18px;
	}*/

.body li a { font: normal 11px Arial, Helvetica, sans-serif; color:#7d7d7d; text-decoration:none;}

.body li a:hover { color:#53d5ff; font-weight:bold;}

.port { width:271px; float:left; padding:5px 20px; margin:0; border-right:1px solid #e1e1e1;}

.port.last { width:270px; border:0;}


/*FBG*/
.FBG { 
	width:920px; 
	margin:0 auto; 
	padding:0 10px 0 10px; 
	background: url(../images/fbg_top.gif) 0% 0% no-repeat;
	background-color:#000000;}

.FBG_bottom {
	width:920px;
	height: 10px;
	margin: -10px 10px 0 10px;
	padding:0 10px 0 10px; 
	background: url(../images/fbg_bottom.gif) 0% 100% no-repeat;
	}

.FBG .left { 
	float:left;
	width:285px;  
	margin:0; 
	padding:20px 10px 12px 10px; 
	border:0;
	}

#twitterfeed{
	width: 260px;
	height: 436px;
	margin-bottom: 10px;
	}
	
#gmap {
	width: 600px;
	height: 500px;
	margin-bottom:20px;
	}


/*--------------------------------------------Header-----------------------------------------------
-------------------------------------------------------------------------------------------------*/
.blok_header { margin:0; padding:0; }

.header {
	width:960px;
	background:url(../images/body_bg.gif) bottom no-repeat; 
	margin:0 auto; 
	padding:0 0 15px 0; 
	}

/* logo */
.logo { 
	padding:20px 0 20px 0; 
	margin:0 0 0 -3px; 
	width:221px; 
	float:left;
	}


/* header_info */
#header_info {
	padding: 67px 10px 0 0;
	}

/* rss*/
.rss	{ 	
	width: 719px;
	float:right; 
	text-align:right; 
	font:normal 13px Arial, Helvetica, sans-serif; 
	color:#cacaca; 
	margin-right: -3px;
	padding: 0 0 8px 0;
	}
			
.rss img { 
	float:right; 
	margin:0 3px; 
	padding:0;
	}

/* top_text */
.top_text {
	float:right;
	width: 719px;
	text-align:right; 
	font: normal 13px Arial, Helvetica, sans-serif; 
	color:#cacaca;			
	}

.top_text a { color:#EC9221; text-decoration:none; font-weight:bold;}

/*menu*/
.menu { padding:0; margin:0 auto; width:942px; background:#000; }
.menu ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 5px 0 0; border:0;}
.menu ul li a { float:left; margin:0; padding:16px 15px; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover {  background:#8A7E75;}
.menu ul li a.active {  background:#8A7E75;}


/* search */
.search { padding:8px 20px 0 0; margin:0; width:320px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background:#fff; width:200px; padding:0 5px; height:30px;}
.search form .keywords { font:normal 12px Arial, Helvetica, sans-serif; color:#000;line-height:14px; height:14px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0; width:200px; padding:8px 0; margin:0;}
.search form .button { float:left; margin:0; padding:0;}





/*-------------------------------------------- jQuery Scrollable ---------------------------------
-------------------------------------------------------------------------------------------------*/
.scrollable_container { width:942px; margin:0 auto; padding:10px 0 10px 0; background: url(../images/simple_bg.gif) no-repeat bottom;}


/*-----horizontal-----*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 942px;
	height:490px;
	background-color:#000;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:942px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0;
	width:942px;
	height:490px;

}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}



/*-----------navigator-------*/
/* position and dimensions of the navigator */
.navi {
	margin-left:410px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}


/*--------------------------------------------Price Table-------------------------------------------
-------------------------------------------------------------------------------------------------*/

table	{
	width: 600px;
	max-width: 100%;
	border: 1px solid #e1e1e1;
	color: #454545;
	margin-bottom: 25px;
}

.pricing td, .pricing th	{
	height: 35px;
	width: 140px;
	padding: 5px 10px;
}

.pricing th.weekly	{width: 180px;}

caption	{
	font-size: 18px;
	background: url(../images/ssl_favicon_28x28.gif) 0 0 no-repeat;
	padding: 3px 0 15px 35px;
	margin:0;
}

col { border-right: 1px solid #e1e1e1; }

col#weekly { border: none; }

td { border-right: 1px solid #e1e1e1; }

td.last { border: none; }

thead	{
	background: #000;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}

th	{
	font-weight: normal;
	text-align: left;
}

.odd { background-color: #f8f8f8; }

tr:hover	{
	background-color: #ec9221;
	color: #fff;
}

thead tr:hover	{
	background-color: transparent;
	color: inherit;
}


/*--------------------------------------------Contact Form-----------------------------------------------
-------------------------------------------------------------------------------------------------*/
#contactform {
	padding:5px 0;
	}
	
#contactform ol {
	float:left;
	width: 600px;
	margin-left: -4px;
	}

#contactform li { 
	float: left;
	width: 250px;
	border:none; 
	padding-right: 45px;
	}
	
#contactform label { 
	float:left; 
	padding:5px 0; 
	font:normal 11px Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	color:#222; 
	}
	
#contactform li span {
	float:right;
	font:normal 10px Arial, Helvetica, sans-serif; 
	text-transform: none;
	color:#ec9221;
	margin-top: 5px;
}
 
 
 #contactform input.text { 
	width:250px; 
	height:15px; 
	}
	
#contactform textarea { 
	width:550px;
	height:100px; 
	}


li.checkbox label {
    display: block;
    width: 400px;
    margin-left:20px;
    margin-top: -18px;
	}

#contactform input.text, #contactform textarea { 
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #ec9221;	
	border:1px solid #e1e1e1; 
	background:#f8f8f8;
	margin-bottom:5px; 
	padding:5px 2px; 
	}

#contactform li.buttons { 
	width:555px;
	padding: 10px 0;
	}

.button {
	float: right;
	display: block;
	font:normal 11px Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	color:#222;
	border: 1px solid #e1e1e1;
	background: #f8f8f8;
	padding: 8px 8px 6px 8px;
	}
	
input.button	{
	width: auto;
	margin: 10px 0 0 8px;
}

.button:hover{
	color: #ec9221;
	}
	

/*--------------------------------------------Footer-----------------------------------------------
-------------------------------------------------------------------------------------------------*/
#footer_wrapper {  
	margin:5px 0 75px 0;
	}

#footer {
	width:960px; 
	margin:0 auto; 
	}
	
#footer img { 
	float:left; 
	margin:0; 
	padding:20px 26px 0 1px;
	}
	
#footer p { 
	float: left; 
	line-height: 1.3em; 
	color:#84868a; 
	margin-top: 32px; 
	padding: 0 0 0 20px;
	border-left:1px solid #84868a;
	}

#footer a { 
	color:#ec9221; 
	text-decoration:none; 
	padding:0 5px; 
	}




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

.bg {
	clear:both; 
	border-bottom:1px solid #e1e1e1;
	margin-bottom: 15px; 
	}

li.bg { clear:both; border-bottom:1px solid #e1e1e1; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}