@charset 'UTF-8';
/* CSS Document */

#horizon {
	/*	position: absolute;
	left: 0px;*/
	width: 100%;
	overflow: visible;
	visibility: visible;
	}

#mainbox {
	position: absolute;
	width: 900;
	margin-left: -450px;
	left: 50%;
	top: 0px;
	overflow: visible;
	visibility: visible;
	display: block;
}



body {
	background-repeat: repeat;
	background-position: center top;
	background-image: url(images/background_pattern.png);
}

a:link {color: #2a68a1;text-decoration:none;}
a:visited {color: #2a68a1;text-decoration:none;}
a:hover {color: #00578d; text-decoration:none;}
a:active {color: #2a68a1;text-decoration:none;}



.footeradjust {
	width:900px;
}

h1 {
	font-family: Helvetica;
	font-size:20px;
	font-weight:bold;
	color:#333333;
}

h2 {
	font-family: Helvetica;
	font-size:13.5px;
	font-weight:bold;
	color:#2a68a1;
}

h3 {
	font-family: Helvetica;
	font-size: 14px;
	font-weight:normal;
	color:#444444;
}

hr {
	background-color: #00578d;
	color: #00578d;
}


.h1 {
	font-family: Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#2a68a1;
}

.h2 {
	font-family: Helvetica;
	font-size: 14px;
	font-weight:bold;
	color:#2a68a1;
}

.h3 {
	font-family: Helvetica;
	font-size:13px;
	font-weight:bold;
	color:#2a68a1;
}

.li {
	line-height: 20px;
	font-size:13px;
}

.mainmenubox {
	position:relative;
	background-repeat: no-repeat;
	height: 15px;
	width: 900px;
	top: 15px;
	font-family: Arial;
	font-size: 12px;
	z-index:99;
}

.flashbox {
	position: absolute;
	width: 903px;
	top:40px;
}

.flashindexbox {
	position: absolute;
	width: 904px;
	top:10px;
}


.red {
	color: #FF0000;
}

.blue {
	color: #00578d;
}

.bold {
	font-weight: bold;
}

.contactleftbox {
	width: 272px;
	z-index:auto;
	overflow: visible;
	text-align: center;
}

.contactformbox {
	position:absolute;
	top: 80px;
	left: 650px;
	width: 240px;
	visibility: visible;
	overflow: visible;
	text-align:center;
}



.formfieldboxquestions {
	font-family: Helvetica;
	font-size: 11px;
	font-weight:bold;
	color: #4d4d4d;
	border: 1px solid #999999;
	padding: 5px;
	background-color: #dcdcdc;
	width: 200px;
	overflow: visible;
	visibility: visible;
	z-index: auto;
	display: block;
	float: left;
}

.yachtformfieldboxquestions {
	font-family: Helvetica;
	font-size: 11px;
	font-weight:bold;
	color: #4d4d4d;
	border: 1px solid #999999;
	padding: 5px;
	background-color: #dcdcdc;
	width: 125px;
	overflow: visible;
	visibility: visible;
	z-index: auto;
	display: block;
	float: left;
	text-align:left;

}


.formfieldboxanswers {
	border: 1px solid #c1ccd3;
	padding: 3px;
	background-color: #dce6ec;
	height: 15px;
	width: 150px;
	z-index: auto;
	display: block;
	float: right;
}

.formtext {
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #444444;
}

.tableheaderwhite {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}

label.invalid {
	color: #F00;
}

.footertext {
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-align: center;
}

.disclaimertext {
	font-family: 'Trebuchet MS', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #444444;
	text-align: left;
}

.insuranceterm {
	font-family: Helvetica;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #00578d;
}

.singleboxplacer {
	position: absolute;
	top:417px;
}

#singleboxformat {
	width: 800px;
	height:auto;
	border-top-width: 3px;
	/*border-right-width: 3px;*/
	/*border-left-width: 3px;*/
	border-bottom-width: 3px;
	border-top-style: solid;
	/*border-right-style: solid;*/
	/*border-left-style: solid;*/
	border-bottom-style: solid;
	border-top-color: #ccd1d9;
	/*border-right-color: #ccd1d9;*/
	/*border-left-color: #ccd1d9;*/
	border-bottom-color: #ccd1d9;
	background-color: #FFFFFF;
	background-image:url(images/background_watermark_right.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	padding-top: 15px;
	padding-right: 50px;
	padding-left: 50px;
	font-family: Helvetica;
	text-align: justify;
	font-size: 14px;
	color: #444444;
	display: inline-block;
}




/* ------------------------------Scrolling Logos CSS - Start-------------------------- */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}



/* special logo scroll code*/

#logoParade div.scrollableArea img {
	float: left;
	margin-left: 25px;
	}

/* ------------------------------Scrolling Logos CSS - End-------------------------- */







/* ------------------------------Dropdown Menues CSS - Start-------------------------- */
    #menu_drop_placer {
	position:absolute;
	top: 120px;
	z-index:100;
	}

	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 150px; float: left; margin-left: 0px; border-top: 3px #ccd1d9 solid; border-bottom: 3px #ccd1d9 solid; background-color: #e9e9e9; text-align: center;}
	#cssdropdown li.headlink a { display: block; padding: 15px; }
	#cssdropdown li.headlink a:hover {background-color: #3399CC;}

	/* Child lists and links */
	#cssdropdown li.headlink ul {
	display: none;
	text-align: left;
	border-right-color:#ccd1d9;
	border-right-width:3px;
	border-right-style:solid;
	border-left-color:#ccd1d9;
	border-left-width:3px;
	border-left-style:solid;
	}
	#cssdropdown li.headlink:hover ul { display: block;}
	#cssdropdown li.headlink ul li a { padding-left: 3px; padding-top: 5px; padding-bottom: 5px;height: 15px;
	border-top-color:#ccd1d9;
	border-top-width:1px;
	border-top-style:dotted;}
	#cssdropdown li.headlink ul li a:hover { background-color: #3399CC; outline-style: dotted ; outline-width:1px; outline-color:#FFFFFF;}
	
	/* Pretty styling */
	body { font-family: verdana, arial, sans-serif; font-size: 0.8em; background-color: black; }
	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color: #186ca2;}
	#cssdropdown li.headlink ul { background-position: bottom; padding-bottom: 10px; }
	
	
/* ------------------------------ Dropdown Menues CSS - End -------------------------- */

/* ------------------------------ 3.0 tags start -------------------------- */
#main_image_placer {
	position:absolute;
	top:185px;
	z-index:0;
}

#logo_fader_ex {
	position:absolute;
	top:250px;
	z-index:10;
}

#footer_box_format {
	position:relative;
	width:800px;
	padding-left:50px;
	padding-right:50px;
	height:200px;
	background-color:#6bb7e8;
	background-image:url(images/foot_menu_grad.png);
	background-repeat: repeat-x;
	background-position: top;
}

.footer_column_1 {
	position:absolute;
	left:50px;
	padding-top:30px;
	float:left;
	text-align:left;
}

.footer_column_2 {
	position:absolute;
	left:230px;
	padding-top:30px;
	float:left;
	text-align:left;
}

.footer_column_3 {
	position:absolute;
	left:400px;
	padding-top:30px;
	float:left;
	text-align:left;
}

.footer_column_4 {
	position:absolute;
	left:580px;
	padding-top:30px;
	float:left;
	text-align:left;
}

.footer_column_5 {
	position:absolute;
	left:760px;
	padding-top:30px;
	float:left;
	text-align:left;
}

.footer_column_text {
	color:#FFFFFF;
	font-family:Arial;
	font-size:13px;
	line-height:20px;
}

.footer_vertical_line_column_1 {
	position:absolute;
	left:208px;
	padding-top:20px;
}
.footer_vertical_line_column_2 {
	position:absolute;
	left:375px;
	padding-top:20px;
}
.footer_vertical_line_column_3 {
	position:absolute;
	left:555px;
	padding-top:20px;
}
.footer_vertical_line_column_4 {
	position:absolute;
	left:734px;
	padding-top:20px;
}

.footer_vertical_line {
	background-image:url(images/vertical_line.png);
	width:1px;
	height:80px;
}

.footer_bottom_line {
	position:relative;
	width:800px;
	top:160px;
	text-align:center;
}

.footer_column_text a:link {color: #FFFFFF; text-decoration:none;}
.footer_column_text a:visited {color: #FFFFFF; text-decoration:none;}
.footer_column_text a:hover {color: #00578d;text-decoration:underline;}
.footer_column_text a:active {color:#FFFFFF; text-decoration:none;}


/* ------------------------------ 3.0 tags end -------------------------- */


/*------------------------------- fade main image tags end ---------------------- */


/* set the width and height to match the images */

#slideshow {
    position:relative;
    height:233px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 233px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 233px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/*------------------------------- fade main image tags end ---------------------- */


/*------------------------------- fade logos tags start ---------------------- */
#logo_slideshow {
  position:relative;
  top:35px;
  width: 800px;
  height: 33px;
}
/*------------------------------- fade logos tags end ---------------------- */


/*------------------------------- Yacht Quote tags Start ---------------------- */
.form_right_column_top {
	position:absolute;
	right:80px;
	top:81px;
	/*SAFARI top:83px;*/
	display:inline-block;
}

.form_right_column_bottom {
	position:absolute;
	right:89px;
	display:inline-block;
	top:267px;
	/*SAFARI top:274px;*/
}

.form_left_column {
	float:left;
	display:inline-block;
}

#form_personal_info {
	display:block;
}

#form_yacht_info {
	display:block;
}
/*------------------------------- Yacht Quote tags End ---------------------- */