* {
	margin: 0;
	padding: 0;
}

a {color: #0066CC;}
a:hover {color: #0a2952;}

body {
	background: url(images/bg.jpg) repeat-x;
	color: #444;
	font: normal 11px Arial, Helvetica, sans-serif;
	width:800;
	height:100%;
}

.title
{
font-size: 24px;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {
	font: normal 14px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
}

h1,h2,h3 {padding-top: 6px; color: #126DA2}

h4 {
color: #455b78;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;

}
h5 {
color: #0066CC;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
h6 {
color: #126DA2;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
padding-bottom:15px;
padding-left:5px;
}
h7 {
color: #126DA2;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom:15px;
padding-left:10px;
}
h8 {
color: #126DA2;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom:15px;
padding-left:0px;
}
h9 {
color: #126DA2;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom:15px;
padding-left:0px;
font-weight: bold;
}
.box2 {
border:1px dotted #CCCCCC;
background-color:#ffffff;
color:455b78;

}
.odd{
background-color:#E8F3FD;
}

.even {
background-color:#C7D2DD;

}
.resortlogo
{
float:right;
vertical-align:top;
}
.clear {clear: both;}

/* structure */
.container {
	background: #ffffff;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	width: 800px;
	height: 1200px;
}

/* header */
.top {
	padding: 0px 0px 0px;
	width:800;
}

/* title */
.header {
	background: #ffffff;
	font-size: 14px;
	height: 95px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 800px;
}

#logo {
	width: 800px;
	height: 100px;
	margin: 0 auto;
	background: url(images/header.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#logo h1 {
	padding: 0px 0px 5px;
	font-size: 18px;
	color: #0272BA;
}

#logo h2 {
	padding: 0px 0 0 5px;
	font-size: 11px;

}

#logo a {
	color: #0272BA;
}
.slideshow {	
	height:250px;
	width:800;
}
/* navigation */
.nav {
	border: 0px;
	width:800;
	padding-top:6px 6px 6px 6px;
}
/* 
.nav1 {	
	border: 0px solid;
	width:780;
	padding-top:6px;
	padding-bottom:0px;
}
*/
.navigation {	
	background: #ffffff;
	height: 46px;
	width:800;
}
.navigation a {
	background: #ffffff url(images/menu.gif);
	color: #ffffff;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 21px;
	text-decoration: none;
}
.navigation a:hover {background: #319EDD; color: #ffffff; text-decoration: underline}

/* main */
.main {
	border-top: 0px solid #FFF;
	width:800;
}

/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
}


/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0px 14px;
	width: 550px;
	background-color: #e9f2fd;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 0px;
}
.content li {
	list-style: url(images/li.gif);
	margin-left: 18px;
}
.content p {font-family: Arial, Helvetica, sans-serif;}


 
/* content */
.con {
	float: left;
	margin: 10px 0px;
	padding: 10px 10px 10px 10px;
	width: 780px;
	background-color: #e9f2fd;
	height:inherit;
}
.con .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 0px;
}
.conli {
	list-style: url(images/li.gif);
	margin-left: 18px;
}
.con p {font-family: Arial, Helvetica, sans-serif;} 

#imageMenu {
	width: 211px;
	height: 510px;
	overflow: hidden;
	padding-top:10px;
	padding-left:6px;
	float:right;
	
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 400px;
	width: 211px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none scroll 0%;
	border-top: 0px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width: 211px;
	height: 48px;
}

#imageMenu ul li.landscapes a {
	background: url(images/dresses.jpg) scroll 0%;
}

#imageMenu ul li.people a {
	background: url(images/menswear.jpg) scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(images/cakes.jpg) scroll 0%;
}

#imageMenu ul li.urban a {
	background: url(images/balloons.jpg) scroll 0%;
}

#imageMenu ul li.abstract a {
	background: url(images/stationary.jpg) scroll 0%;
	width: 225px;
}

.clear {
	clear: both;
}
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
color:#FFFFFF;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #ffffff;
font-weight: bold;
color:#FFFFFF
border: 1px solid #ffffff;
padding: 3px;
}

div.eg-bar{
width: 500px;
}

.icongroup1{
width: 500px;
}
.slideshowContainer {
	border: 0px;
	width: 430px;
	height: 250px;
	float:inherit;
	padding-top:0px;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 0.5px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 0.5px;
}

.current img {
	border: 1px solid red;
	padding: 1px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	width: 310px;
	float: right;
	padding-left:15px;
	background-color:75adf8;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #75adf8;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #75adf8;
 border-bottom: none;
 background: #75adf8;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #75adf8; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #77aef8;
 border-color: #75adf8;
}

ul.tabbernav li.tabberactive a
{
 background-color: #398bf8;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #248df8;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #77aef8;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#wrapper1 {width:800px; margin:0 auto;}
.link {cursor:pointer;}
.slider {position: relative; overflow:hidden; border:0px; height:225px; background:#eef5f6; margin-bottom:0px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:0px}
.section {padding:0px}

#mMenu {
	width: 200px;
	height: 450px;
	padding-top:5px;
	padding-left:5px;
	float:right;
	display:block;
	background-color: #75adf8;
	font-size: 12px;
	}
#contact
{
width:500px;
float:left;
}
  /**/