body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:600px;    	        /* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */

        font-family: Arial, sans-serif; 
        font-size: 10pt; 
        color: #333; 
        text-align:center;
}

a {
	color:#0283df;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

h1 {
        font-family:Verdana,sans-serif;
        font-size: 16px; 
	margin:3.3em 5em 1.8em 0;
	padding:0;
	color: #0c97c0;
        text-align:center;
}

h2 {
        font-size: 18px; 
	margin:.6em 0 .2em 0;
	padding:0;
	color: #0283df;
}

h2 a { text-decoration:none; color: #0283df;} 

h3 {
        font-size: 12pt; 
	margin:0;
	color: #0283df;
	padding: 0 17px 10px 0;
        text-align:center;
}

h4 {
        font-size: 10pt; 
	margin:0 0 0 0;
	padding:0;
	color: #0283df;
}

h5 {
        font-size: 11pt; 
	margin:0;
	padding: 122px 17px 0 0;
	color: #0283df;
        text-align:center;
}

h6 {
        font-size: 12pt; 
	margin:0;
	padding: 0 0 17px 0;
	color: #0283df;
        text-align:center;
}


.center {
        font-size: 11pt; 
	margin:0;
	padding: 12px 0 0 0;
	color: #0283df;
        text-align:center;
}


#content {
        width:220px;
        text-align:center;
}

#content img {
        text-align:center;
}


ul {
	margin: 0;
	padding: 38px 0 0 0;
	list-style: none;
	line-height: 2.0em;
        font-size: 10pt; 
}

p {
	margin:.1em 0 .5em 0;
	padding:0;
}




#fixed {
        margin:0 auto;
        width:960px;                           /* you can use px, em or % */
        text-align:left;
}

/* Header styles */
#header {
	clear:both;
	float:left;
        position:relative;
	width:960px;
        height:142px;
        text-align:center;
	background:#fff;
}

img.logo {
        position:relative;
        float:left;
	margin:1.3em 0 0 0;
        border: 0px solid #ffffff;
}


/* Menu */
#menu {
	width: 960px;
	height: 39px;
	margin: 0 auto;
	padding: 0;
	background: url(dalmatia-mn.jpg) repeat-x left top;
        border: 1px solid #66ccff;
        border-radius: 4px;
}
#menu ul {
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	line-height: normal;
}
#menu li {
	float: left;
	height: 39px;
}
#menu a {
	display: block;
	margin-right: 3px;
	padding: 11px 23px 5px 23px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}
#menu a:hover {
	text-decoration: underline;
}



/* column container */
.colmask {
	position:relative;	        /* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:960px;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */

.colleft {
	float:left;
	width:960px;
	position:relative;
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}


table, tr, td
{
        border: 0px solid white;
}

table
{
        width:960px;
        border-bottom: 1px solid #ffaa00;
	padding: 25px 0 25px 0;
        background-image: url('ftshadow.jpg');
        background-position: bottom;
        background-repeat: repeat-x;
        border-radius: 12px;
}


#besthotels
{
	padding: 8px 0 10px 0;
}


.column2 {
        width:500px;
	margin:.1em 0 .5em 0;
	padding:0 20px 0 20px;
        text-align:center;
}

.column3 {
        width:200px;
        text-align:right;
	padding: 0px 0 0px 0;
}

.imgborder {
        border: 0px solid white;
}

.imgborder2 {
        border: 0px solid white;
	padding: 0 0 5px 0;
}

.imgborder3 {
	padding: 0 0 0 40px;
        border: 0px solid white;
}

.address {
        font-family: Verdana, sans-serif; 
        font-size: 8pt; 
	color:#069;
        text-align:center;
	padding: 3px 0 7px 0;
}


#nextpage {
        text-align:center;
	margin: 3.4em 1em 0.2em 0;
	font-weight: bold;
}


#perroom {
        float:right;
        color: #0c97c0;
        font-size: 0.8em;
	padding: 10px 0 0 0;
}


.vise
{
	margin:0;
	padding:0 0 0 130px;
	list-style:none;
	overflow:auto;
}

.vise li
{
	background: url(vise.gif) 0 11px no-repeat;
	float:left;
	width:31%;
	padding: 0 0 0 15px;
	margin:0;
}

.visee
{
	padding:0 7px;
	display:block;
	color:#0c97c0;
}


.viseb
{
	margin:0;
	padding:5px 0 0 30px;
	list-style:none;
	overflow:auto;
}

.viseb li
{
	background: url(viseb.gif) 0 12px no-repeat;
	float:left;
	width:24%;
	padding: 0 0 0 5px;
	margin:0;
}

.viseeb
{
	padding:0 7px;
	display:block;
	color:#0c97c0;
        text-align:left;
}



/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {margin: 0 0 0 0px; float: right; font-size: 15px; font-weight: bold;}
ul.drop a { display:block; color: #fff; font-family: Verdana; font-size: 12px; text-decoration: none;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; }
ul.drop { position: relative; z-index: 597; float: right; }
ul.drop li { float: right; line-height: 1.3em; vertical-align: middle; padding: 5px 10px; border-radius: 8px; border: 1px solid #fff; background: #0283df; color: #fff; box-shadow: 2px 2px 1px #bbbbbb; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #F99D24; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 202px; background: #fff; border: 1px solid #fff; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }

#nav img  {
	margin: 0;
	padding: 0;
}


/* Footer styles */

#footer {
	clear:both;
        float:left;
        position:relative;
	width: 960px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	background: url(dalmatia-ft.jpg) repeat-x left top;
        border-radius: 4px;
}
#footer ul {
	margin: 0;
	padding: 0 0 0 27px;
	list-style: none;
	line-height: normal;
}
#footer li {
	float: left;
	height: 30px;
}
#footer a {
	display: block;
	margin-right: 3px;
	padding: 8px 0 7px 185px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: none;
}

#footer a:hover {
	text-decoration: underline;
}



#copy {
	clear:both;
        float:left;
        position:relative;
	width: 960px;
	height: 50px;
	padding: 35px 0 10px 0;
        text-align:center;
}


.thumbwrap {
	margin:5px auto;
        width:145px;
	padding: 0px 0 0px 0;
}
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
        padding:5px;
	border:1px solid #DAB8FC;
	vertical-align:bottom;
	background:#fff;
        border-radius: 4px;
        box-shadow: 10px 10px 5px #bbbbbb;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:-55px; left:-5px; 
}