body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#5b5e60;
	}
body,th,div{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: justify;
}
h1{
	color: #a2b52d;
	font-size: 14px;
	display: inline;
	font-weight: bold;
}
h2{
	color: #a2b52d;
	font-size: 12px;
	display: inline;
	font-weight: bold;
}
h3{
	font-size: 11px;
	display: inline;
	font-weight: normal;
}

.fs-bigger {
	font-size: 14px;
}

/************ Link Styles ************/
a:link, a:visited {
  color: #a2b52d;
  text-decoration: underline;
  font-weight : normal;
}
a:hover {
  color: #ffffff;
  text-decoration: underline;
  font-weight : normal;
}
a.nounder:link, a.nounder:visited {
  color: #a2b52d;
  text-decoration: none;
  font-weight : normal;
}
a.nounder:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight : normal;
}
a.nounder-white:link, a.nounder-white:visited, a.nounder-white:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight : normal;
}

#mainPath a:link, #mainPath a:visited {
  color: #bcbdc5;
  text-decoration: underline;
  font-weight : normal;
}
#mainPath a:hover {
  color: #a2b52d;
  text-decoration: underline;
  font-weight : normal;
}

#menu a:link, #menu a:visited {
  color: #999999;
  text-decoration: none;
  font-weight : bold;
}
#menu a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight : bold;
}

#mainFooter a:link, #mainFooter a:visited {
  color: #999999;
  text-decoration: none;
  font-weight : normal;
}
#mainFooter a:hover {
  color: #a2b52d;
  text-decoration: none;
  font-weight : normal;
}
#mainFooterIndex a:link, #mainFooterIndex a:visited {
  color: #999999;
  text-decoration: none;
  font-weight : normal;
}
#mainFooterIndex a:hover {
  color: #a2b52d;
  text-decoration: none;
  font-weight : normal;
}

#mainFooterCopyright a:link, #mainFooterCopyright a:visited {
  color: #5b5e60;
  text-decoration: none;
  font-weight : normal;
}
#mainFooterCopyright a:hover {
  color: #5b5e60;
  text-decoration: none;
  font-weight : normal;
}

.rightMenuBoxLine150 a:link, .rightMenuBoxLine150 a:visited {
  color: #999999;
  text-decoration: none;
  font-weight : normal;
}
.rightMenuBoxLine150 a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight : normal;
}

/************ Color Styles ************/
.yellow{
	color: #a2b52d;
}

/************ General Layout Classes ************/
img {
	border: 0;
}
img.lightBorder {
 border: 1px solid #323550;
}
img {
	border: 0;
}
img.desticon {
	display: inline;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	width: 50px;
	height; 50px;
}
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}
ul {
	list-style-type: square;
}
.line {
	margin-bottom: 1px;
	margin-top: 0px;
	border-top: 1px solid #999999;
}
.imgCross {
	float: left;
	margin-right: 5px;
	margin-top: 4px;
}
.floatBoxRight{
	background-image: url(images/bg_luxury_yacht_charter_box.jpg);
	background-repeat: repeat-x;
	float: right;
	text-align: right;
	padding: 0px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
}
.extraHeight{
	line-height: 180%;
}
.destinationPic{
	float: left;
	margin-left: 10px;
	margin-bottom: 8px;
	border: solid #323550 1px;
}
.mainBoxBigRating{
	float: right;
}
.mainBoxYachtLeft{
	float: left;
	width: 220px;
}
.mainBoxYachtRight{
	float: left;
	width: 430px;
}
#mainItineraryPicCol{
	width: 160px;
	float: right;
	margin: 0px 0px 8px 0px;
}
.mainItineraryPic{
	float: right;
	margin-bottom: 8px;
	border: solid #323550 1px;
}
ul {
	margin: 0px;
	padding: 2px 0px 3px 15px;
	list-style: square outside;
}
.mainBoxLeft140{
	float: left;
	width: 140px;
}
.mainBoxRight510{
	float: left;
	width: 510px;
}
.mainColLeft{
 float: left;
 width: 330px;
 padding-right: 5px;
 text-align: left;
}
.mainColRight{
 float: left;
 width: 330px;
 padding-left: 5px;
 text-align: left;
}
td.header {
	background-color: #4B5293;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
tr.bkground_light {
	background-color: #4B5293;
}
tr.bkground_dark {
	background-color: #30366E;
}
/*** main layout ***/

#mainMenu{
	width: 900px;
	height: 31px;
	background-image: url(images/bg_luxury_yacht_charter_meni.jpg);
	background-repeat: repeat-x;
	font-size: 10px;
	padding: 12px 0px 0px 0px;
	background-color: #1e1e20;
	text-align: center;
}

.p-meni{
	z-index: 2;
	float: right;
	position: absolute;
	top: 280px;
	width: 680px;
	font-size: 11px;
	text-align: right;
}
.flash_header{
	z-index: 1;
	position: absolute;
	top: 43px;
	width: 680px;
}

.mainMeniButton{
	height: 20px;
	display: inline;
	padding: 0px 8px 11px 8px;
	border: 0px solid #ff0000;
}

#mainPath{
	position: absolute;
	top: 256px;
	width: 680px;
	font-size: 10px;
	color: #bcbdc5;
	margin-left: -10px;
	padding: 0px 10px 0px 10px;
	background-color: #1e1e20;
	border-bottom: solid #bcbdc5 1px;
}
#mainPathIndex{
	position: absolute;
	top: 256px;
	width: 880px;
	font-size: 10px;
	color: #bcbdc5;
	margin-left: -10px;
	padding: 0px 10px 0px 10px;
	background-color: #1e1e20;
	border-bottom: solid #bcbdc5 1px;
}

#mainContent{
	width: 670px;
	font-size: 11px;
	color: #999999;
	padding: 10px 10px 10px 10px;
	background-color: #2d2d30;
}
#mainContentIndex{
	width: 880px;
	font-size: 11px;
	color: #999999;
	padding: 10px 10px 10px 10px;
	background-color: #2d2d30;
}

.mainBoxTitleLeft{
	float: left;
	width: 310px;
}

.mainBoxTitleRight{
	float: right;
	width: 330px;
	text-align: left;
}

.mainBoxSmallLeft{
	float: left;
	width: 310px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/bg_luxury_yacht_charter_box.jpg);
	background-repeat: repeat-x;
	text-align: left;
}

.mainBoxSmallRight{
	float: right;
	width: 310px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/bg_luxury_yacht_charter_box.jpg);
	background-repeat: repeat-x;
	text-align: left;
}

.mainBoxSmallLeftIndex{
	float: left;
	width: 410px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/bg_luxury_yacht_charter_box.jpg);
	background-repeat: repeat-x;
	text-align: left;
}

.mainBoxSmallRightIndex{
	float: right;
	width: 410px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/bg_luxury_yacht_charter_box.jpg);
	background-repeat: repeat-x;
	text-align: left;
}
.mainBoxSmallLeftEmpty{
	float: left;
	width: 310px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
}

.mainBoxSmallRightEmpty{
	float: right;
	width: 310px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
}
.mainBoxSmallPic{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	border: solid #323550 1px;
}
.mainBoxSmallPicLast{
	float: left;
	margin-bottom: 8px;
	border: solid #323550 1px;
}
.mainSmallPicLeft{
	float: left;
	margin: 3px 8px 0px 0px;
	border: solid #323550 1px;
}

.mainBoxSmallRating{
	float: right;
}

.mainBoxBig{
	width: 650px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/bg_luxury_yacht_charter_box.jpg);
	background-repeat: repeat-x;
}

.mainBoxBigIndex{
	width: 860px;
	margin-top: 3px;
	padding: 10px 10px 10px 10px;
	background-image: url(images/bg_luxury_yacht_charter_box.jpg);
	background-repeat: repeat-x;
}
#mainFooter{
	width: 670px;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	margin-top: 30px;
	margin-left: 10px;
	padding: 2px 0px 10px 0px;
	background-color: #2d2d30;
	border-top: solid #999999 1px;
}
#mainFooterCopyright{
	width: 670px;
	font-size: 10px;
	color: #5b5e60;
	text-align: center;
	margin-top: 5px;
	padding: 0px 0px 10px 0px;
	background-color: #2d2d30;
}

#mainFooterIndex{
	width: 880px;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	margin-top: 30px;
	margin-left: 10px;
	padding: 2px 0px 10px 0px;
	background-color: #2d2d30;
	border-top: solid #999999 1px;
}
#mainFooterCopyrightIndex{
	width: 880px;
	font-size: 10px;
	color: #5b5e60;
	text-align: center;
	margin-top: 5px;
	padding: 0px 0px 10px 0px;
	background-color: #2d2d30;
}

#rightMenu{
	float: left;
	width: 200px;
	font-size: 11px;
	color: #999999;
	background-color: #2d2d30;
}

.rightMenuBox{
	width: 180px;
	font-size: 11px;
	color: #999999;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background-color: #1d1d1f;
	text-align: left;
}

.rightMenuBoxLine150{
	width: 180px;
	line-height: 180%;
	font-size: 11px;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background-color: #1d1d1f;
}

#menu{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

#rightSpace{
	float: left;
	width: 10px;
	color: #ffffff;
	background-color: #2d2d30;
}

#rightSpacePath{
	width: 10px;
	font-size: 10px;
	color: #ffffff;
	background-color: #1e1e20;
	border-bottom: solid #bcbdc5 1px;
}

.emailform{
	text-align: left;
	font-size: 10px;
	padding: 10px;
}
#idx-sidelogo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1050px;
	height: 800px;
	text-align: right;
}
	#flashcontent-side {
		z-index: 10;
		display: block;
		margin: 25px 0 0 0;
		float: right;
		width: 150px;
		height: 764px;
	}
#flashcontent-destinations {
	z-index: 10;
	display: block;
	margin: 0;
	width: 650px;
	height: 270px;
	overflow: hidden;
}

/************ Forms ************/
form {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}
.edit
{
	width: 150px;
	background-color: #ffffff;
    border: #777777 1px solid;
    font-size: 11px;
    margin: 0px;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
}
.edit300
{
	width: 300px;
	background-color: #ffffff;
    border: #777777 1px solid;
    font-size: 11px;
    margin: 0px;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
}
select
{
    border: #777777 1px solid;
    font-size: 11px;
    margin: 0px;

}
textarea {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #ffffff;
    border: #777777 1px solid;
    font-size: 11px;
    padding-left: 2px;
    padding-right: 2px;
}
.Submit {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	border: #777777 1px solid;
	padding: 0px 10px 0px 10px;
	background-color: transparent;
	color : #ffffff;
	font-size: 11px;
	font-weight : bold;
	margin: 0px;
	cursor: pointer;
}
.Submit:hover {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	border: #777777 1px solid;
	padding: 0px 10px 0px 10px;
	background-color: transparent;
	color : #a2b52d;
	font-size: 11px;
	font-weight : bold;
	margin: 0px;
	cursor: pointer;
}
.calendar{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-image: url(include/calendar/images/ew_calendar.gif);
	width: 16px;
	height: 15px;
	border: 0px;
	cursor: pointer;
}

/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */