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-size: 9pt; 
        font-family: Arial, Helvetica, sans-serif; 
        color: #3E3D3D; 
        text-align: center;
}

a {
	color: #0066FF;
        font-size: 10pt; 
        padding: 11px;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

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

h1 {
        font-size: 11pt; 
	color: #00A2FF;
	margin-bottom: 0.9em;
	margin-top: 1.2em;
	padding-bottom: 0;
	padding-left: 0;
        text-align: center;
}

h2 {
        font-size: 11pt; 
	color: #00A2FF;
	margin-bottom: 0;
	margin-top: 1.5em;
	padding-bottom: 0.7em;
        text-align: center;
}

h3 {
        font-size: 10pt; 
	color: #00A2FF;
	margin-bottom: 0;
	margin-top: 1.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
        text-align: center;
	border-bottom: 1px solid #2288cc;
}

p {
	margin: 0.4em 0 0.8em 0;
	padding:0;
}


/* Menu */
#menu {
	width: 960px;
	height: 39px;
	margin: 0 auto;
	padding: 0;
	background: #0283df;
        border-radius: 5px 5px 0 0;
        border-bottom: 2px solid #f90;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}
#menu li {
	float: left;
	height: 39px;
}
#menu a {
	display: block;
	margin-right: 0;
	padding: 13px 30px 3px 38px;
	text-decoration: none;
	font-family: Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}
#menu a:hover {
	text-decoration: underline;
}


#colmask {
	position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 960px;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
	background: #fff;		/* Left column background colour */
}
#colmid {
	float: left;
	width: 175%;
	position: relative;
	left: 174px;
	background: #fff;    	/* Centre column background colour */
}
#colright {
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -294px;
	background: #fff;    	/* Right column background colour */
}
#col1wrap {
	float: right;
	width: 55%;
	position: relative;
	right: 100%;
}
#col1pad {
	margin: 0 20px 0 410px;
	overflow: hidden;
}
#col1 {
	width: 100%;
	overflow: hidden;
        text-align: center;
}
#col2 {
	float: left;
	width: 176px;
	position: relative;
	margin-left: -50%;
	left: 112px;
	overflow: hidden;
        line-height: 0.4;
}
#col3 {
	float: left;
	width: 240px;
	position: relative;
	left: 0px;
	overflow: hidden;
}


#col3 ul
{
	margin-top: 2em;
	margin-bottom: 0.5em;
	padding-left: 2em;
	list-style: none;
        text-align: left;
}

#col2 ul
{
	margin-bottom: 1.5em;
	margin-right: 3.1em;
	list-style: none;
        text-align: left;
}


#visitdalmatia {
                 width: 960px;
                 height: 135px;
                 text-align: center;
}

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

#hotels {
	float: left;
	width: 153px;
	position: relative;
	left: 10px;
	overflow: hidden;
	margin-bottom: 1.0em;
	margin-right: 17px;
}

#hotels a:hover {
	text-decoration:none;
}

#hotels img {
        border-radius: 4px;
}

#villas {
	float: left;
	width: 153px;
	position: relative;
	left: 10px;
	overflow: hidden;
	margin-bottom: 1.0em;
	margin-right: 17px;
}

#villas a:hover {
	text-decoration:none;
}

#villas img {
        border-radius: 4px;
}

#apartments {
	float: left;
	width: 153px;
	position: relative;
	left: 10px;
	overflow: hidden;
	margin-bottom: 1.0em;
}

#apartments a:hover {
	text-decoration:none;
}

#apartments img {
        border-radius: 4px;
}

#map {
	float: left;
	padding: 30px 20px 10px 0;
	margin-bottom: 20px;
}

#map a:hover {
	text-decoration: none;
}


#specialoffers {
	width: 505px;
	height: 404px;
	margin-top: 606px;
	margin-bottom: 3.2em;
        text-align: left;
}

#specialoffers img {
	float: left;
	margin: 25px 15px 0 0;
        border-radius: 4px;
        box-shadow: 7px 7px 3px #bbbbbb;
}


#smile {
	float: left;
        padding-top: 25px;
        text-align: center;
}

#smile img {
        padding: 25px 0 0 10px;
        border-radius: 4px;
	border: 1 solid #008B9F;
}


#feel {
	float: right;
        padding: 80px 20px 0 0;
}

#feel ul {
	margin: 0;
        padding: 20px 0 0 0;
}

#feel li {
	margin: 0;
        padding: 0;
        line-height: 3.7;
}


#share
{
	float: right;
        background: #ffffff;
        margin: 20px 45px 25px 35px;
	padding: 0;
}

#searchhotels
{
        background: #ffffff;
	margin-top: 10px;
	margin-bottom: 30px;
}

#searchhotels h3
{
        padding: 0 0 0 40px;
        color:  #003580;
	border-bottom: 0px solid #ffffff;
}

#hotelscroatia {
	float: right;
        padding-top: 70px;
}

#weather
{
        background: #ffffff;
	margin-top: 11.9em;
	padding-left: 1em;
}

.c1 {
	border: 0 solid #ffffff;
}


.c2 {
	border: 1px solid #ff9900;
}

.c3 {

	border: 1px solid #00ffff;
}

.c4 {

	border: 1px solid #ff99ff;
}

.c5 {

	border: 0px solid #ffffff;
        padding: 0 0 4px 0;
}


/* Footer styles */

#footer {
	clear:both;
        float: left;
        position:relative;
	width: 960px;
	height: 28px;
	margin: 0 auto;
	padding: 0;
	background: #0283df;
        border-radius: 0 0 5px 5px;
        border-top: 2px solid #f90;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
        text-align:center;
}
#footer li {
	float: left;
	height: 28px;
}
#footer a {
	display: block;
	margin-left: 17px;
	padding: 5px 120px 7px 120px;
	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: 30px 0 20px 0;
	padding: 0;
        font-family:Verdana,sans-serif;
	font-size: 11px;
        text-align:center;
}

.direct {
	clear: both;
	width: 958px;
	height: 40px;
	margin: 0 auto;
	padding: 30px 0 0 0;
        text-align: center;
}


.links {
	clear: both;
	width: 915px;
	background: #28c;
	margin: 0 auto;
	padding: 0;
        border-radius: 4px;
}

.links a {
	display: block;
	margin-right: 3px;
	padding: 4px 15px 4px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
        font-weight: bold;
	color: #FFFFFF;
	border: none;
}

.links a:hover {
	text-decoration: underline;
}


.vise
{
	margin: 0;
	padding: 0 0 0 35px;
	list-style: none;
	overflow: auto;
        text-align: left;
}
.vise li
{
	background: url(vise.gif) no-repeat 0% 9px;
	float: left;
	width: 20%;
	padding: 0;
	margin: 0;
}

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

.visee a
{
	font-size: 11px;
}



#slideshow { position: relative; width: 153px; margin: 0; }
#controls { z-index: 1000; position: absolute; top: -14px; left: 23px; display: none;
            background-color: #fff; margin: 0; padding: 0 5px 0 5px; width: 100px; 
}
#controls span { margin: 0 }


#slideshow2 { position: relative; width: 153px; margin: 0; }
#controls2 { z-index: 1000; position: absolute; top: -14px; left: 23px; display: none;
             background-color: #fff; margin: 0; padding: 0 5px 0 5px; width: 100px; 
}
#controls2 span { margin: 0 }


#slideshow3 { position: relative; width: 153px; margin: 0; }
#controls3 { z-index: 1000; position: absolute; top: -14px; left: 23px; display: none;
             background-color: #fff; margin: 0; padding: 0 5px 0 5px; width: 100px; 
}
#controls3 span { margin: 0 }