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: #3E3D3D; 
        text-align:center;
}

 
#container {position:relative; width:594px; height:240px; background:#fff; border:0px solid #fff; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}
 
#container a.pics {float:left; padding:7px 10px; display:inline; color:#0c99c0; text-decoration:none; width:50px; height:50px; cursor:default;}
#container a.pics img.thumb {display:block; border:1px solid #fff;}
 
#container a.pics span {display:none; border:0; width:270px; background:#fff; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:5px auto; border:1px solid #fff;}
 
#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:1px; top:16px; z-index:10; height:185px;}
 
#container a.pics:active img.thumb {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:1px; top:16px; z-index:5; height:185px;}
 
#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fc0}
#container a.pics:focus span {display:block; position:absolute; left:1px; top:16px; z-index:5; outline:0; height:185px;}



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

h1 {
        font-size: 18px; 
	margin:2.1em 12.8em 1.2em 0;
	padding:0;
	color: #0c99c0;
}

h2 {
        font-size: 12pt; 
	margin:.8em 0 .2em 0;
	padding:0;
	color: #0c99c0;
        text-align:center;
}

h3 {
        font-size: 11pt; 
	margin:.8em 0 .2em 0;
	padding:0;
	color: #0c99c0;
        text-align:center;
}

ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	line-height: 2.5em;
        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:right;
        position:relative;
	width:960px;
        height:130px;
        text-align:center;
	background:#fff;
}

img.logo {
        position:relative;
        float:left;
	margin:1.1em 0 0 0;

}


/* Menu */
#menu {
	width: 960px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	background: url(dalmatia-mn.jpg) repeat-x left top;
}
#menu ul {
	margin: 0;
	padding: 0 0 0 38px;
	list-style: none;
	line-height: normal;
}
#menu li {
	float: left;
	height: 45px;
}
#menu a {
	display: block;
	margin-right: 3px;
	padding: 10px 25px 7px 25px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	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:100%;				/* width of whole page */
	overflow:hidden;			/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		        /* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/* 3 Column blog style settings */

.blogstyle {
	background:#fff;			/* right column background colour */
}
.blogstyle .colmid {
	right:202px;				/* width of the right column */
	background:#fff;		        /* center column background colour */
}
.blogstyle .colleft {
	right:598px;				/* width of the middle column */
	background:#fff;			/* left column background colour */
}
.blogstyle .col1 {
	width:160px;				/* width of center column content (column width minus padding on either side) */
	left:800px;				/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width:598px;				/* Width of left column content (column width minus padding on either side) */
	left:800px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width:202px;				/* Width of right column content (column width minus padding on either side) */
	left:800px;				/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right                                                  padding) plus (right column left padding) */
}


#map {
	padding: 190px 0 0 0;
        text-align:center;
}
	
table, tr, td
{
        border: 0px solid white;
}

table
{
        width:99%;
        border-bottom: 1px dashed #0c99c0;
	padding: 15px 0 25px 0;
}


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

#keyword {
	padding: 115px 0 0 0;
}

#rate {
	padding: 122px 0 0 0;
	line-height: 2em;
        text-align:center;
}

#checkout {
	padding: 120px 0 0 0;
	list-style: none;
	line-height: 2em;
        text-align:center;
}

#checkout h3 {
	padding: 0 0 8px 0;
	line-height: 2em;
        text-align:center;
}

#checkout img {
	padding: 10px 0 10px 0;
}

.content2p {
        text-align:left;
	padding: 0 40px 10px 40px;
}

.content3h {
        text-align:center;
	padding: 10px 0 12px 0;
}

#hotels {
        text-align:center;
	padding: 12px 0 47px 18px;
}

#hotels h3 {
	padding: 0 0 12px 0;
	line-height: 2em;
        text-align:center;
}

#hotels img {
	padding: 8px 0px 5px 0px;
}

.imgborder {
        border: 0px solid white;
}


.vise
{
	margin:0;
	padding:0 0 12px 0;
	list-style:none;
	overflow:auto;
}
.vise li
{
	background: url(vise.gif) 0 15px no-repeat;
	float:left;
	width:33%;
	padding:0;
	margin:0;
}

.visee
{
	padding:0 17px;
	display:block;
}


.c1 {
	border: 0 solid #ffffff;
}


/* Footer styles */

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

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


#copy {
	clear:both;
        float:right;
        position:relative;
	width: 960px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
        text-align:center;
}