/*
***********************************************************

	HTML CLASSES

***********************************************************
*/

	body {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:1.6em;
		margin:0px 10px 30px 10px;
		background-color:#2066A8;
		background-image:url(../images/background.jpg);
		background-position:top;
		background-repeat:repeat-x;
		color:#21476C;
	}
	h1 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:normal;
	}
	h2 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	h3 { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	h1,h2,h3 { margin-top:0px; margin-bottom:20px; line-height:1.2em; }
	p,ul { margin-top:0px; margin-bottom:20px; }
	form { margin:0px; padding:0px; }
	a { color:#63b0fe; font-weight:bold; }
	a.out { color:#63b0fe; font-weight:normal; }
	blockquote {
		background-image:url(../images/blockquote.gif);
		background-position:top;
		background-repeat:repeat-x;
		background-color:#f1f9fd;
		padding:20px;
	}
	li { margin-bottom:10px; }
	input,select,textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

/*
***********************************************************

	STRUCTURAL CLASSES

***********************************************************
*/

	#outer_canvas {
		margin-left:auto;
		margin-right:auto;
		width:780px;
		padding-left:17px;
		padding-right:17px;
		padding-bottom:23px;

	}

	#canvas {
		width:760px;
		padding:10px;
		background-color:#FFFFFF;
		min-height:700px;
	}
	/* Hack for IE 5, 6 */
	/*\*/ * html #canvas { height: 700px; }
	
	#header {
		height:190px;
		border-bottom:1px solid #FFFFFF;
	}
	
	#header_promo {
		position:absolute;
		z-index:1000;
		margin-top:10px;
		margin-left:541px;
	}
	
	#menu {
		height:28px;
		background-image:url(../images/menu.gif);
		background-repeat:repeat-x;
	}
	
	#menu ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	
	#menu ul li {
		float:left;
		margin-bottom:0px;
	}
	
	#menu li a {
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		text-align:center;
		line-height:11px;
		padding:8px 10px 9px 10px;
		font-weight:normal;
	}
	#menu li a:hover {
		background-color:#1F5486;
	}
	#menu li a.current {
		background-color:#FFFFFF;
		
		color:#000000;
	}
	
	/* Submenus */
	#menu li ul {
		width:236px;
		position:absolute;
		z-index:10;
		overflow:hidden;		
	}
	
	#menu li ul li {
		float:left;
	}
	
	#menu li ul a {
		float:none;
		text-align:left;
		border:0px;
		padding:8px;
		width:220px;
		background-color:#1F5486;
	}	
	#menu li ul a:hover {
		background-color:#3C739F;
	}
	
	/* Main content area columns */
	#left_column {
		float:left;
		width:480px;
		padding:30px;
		font-size:12px;
		height:1%;
	}
	
	#right_column {
		float:left;
		width:220px;
		padding-top:10px;
		height:1%;
	}
	
	#one_column {
		padding:30px;
	}
		
	#footer { margin-top:-18px; }
	#footer p { text-align:center; color:#A6C2DC; margin:0px; }
	#footer a { color:#FFCC00; font-weight:normal; }
	#footer a.external { color:#A6C2DC; font-weight:normal; text-decoration: none; }
	#footer p.footerLinks a { color:#A6C2DC; font-weight:normal; text-decoration: none; }
	#footer a:hover { color:#FFFFFF; }
	
	#sailboat_preview {
		background-color:#cee4f9;
		background-image:url(../images/sailboat_preview_background.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		padding-bottom:40px;
	}
	
	#sailboat_preview h1 {
		display:block;
		background-color:#FFCC00;
		color:#000000;
		padding:6px;
		margin:0px;
	}
		#sailboat_preview h3.yacht_fleet_title {
		display:block;
		background-color:#FFCC00;
		color:#000000;
		padding:6px;
		margin:0px;
	}
	#sailboat_preview_canvas { padding:10px; color:#000000; }
	#sailboat_preview_canvas p.legend { text-align:center; font-size:10px; margin-top:4px; margin-bottom:10px; color:#999999; line-height:12px; }
	#sailboat_preview_canvas ul {
		margin:0px;;
		padding:0px;
		list-style-type:none;
	}
	#sailboat_preview_canvas ul li {
		float:left;
	}
	#sailboat_preview_canvas ul li a {
		display:block;
		float:left;
		width:158px;
		padding-left:40px;
		line-height:12px;
		text-decoration:none;
		font-weight:normal;
		color:#000000;
		
	}
	#sailboat_preview_canvas ul li a:hover {
		font-weight:bold;		
		background-image:url(../images/sailboat_preview_bullet.gif);
		background-repeat:no-repeat;
		background-position:20px;
	}
	#sailboat_preview_canvas ul li a.current {
		font-weight:bold;		
		background-image:url(../images/sailboat_preview_bullet.gif);
		background-repeat:no-repeat;
		background-position:20px;
		color:#990000;
	}
	#sailboat_preview_canvas ul li a.over {
		font-weight:bold;		
		background-image:url(../images/sailboat_preview_bullet.gif);
		background-repeat:no-repeat;
		background-position:20px;
	}
	#sailboat_image_placeholder {
		border:1px solid #666666;
		background-color:#F2F2F2;
		height:158px;
		color:#FFFFFF;
	}
	#sailboat_image_placeholder div { }
	#sailboat_image_placeholder span { position:absolute; margin:106px 0px 0px 10px; font-size:14px;line-height:1.2em; font-weight: bold;font-family: Arial,Helvetica,sans-serif;}
	#sailboat_image_placeholder p { position:absolute; margin:122px 0px 0px 10px; line-height:14px; }
	#sailboat_image_placeholder #ajax_loader {
		position:absolute;
		margin-left:84px;
		margin-top:65px;
	}
	
	#gmap { height:320px; background-color:#F2F2F2; }
	


	
/*
***********************************************************

	CUSTOM CLASSES

***********************************************************
*/

	.defaultTable { border-collapse:collapse; border:1px solid #999999; }
	.defaultTable th { background-color:#DDDDDD; border:1px solid #999999; color:#666666; padding:4px; }
	.defaultTable td { padding:4px; border:1px solid #999999; }
	.defaultTable tr.trOver { background-color:#F7FDE3; }
	.defaultTable tr.trEven { background-color:#F1F1F1; }

	.grey { color:#999999; }
	.obligatory { color:#FF0000; }
	.error { color:#FF0000; }
	input.error { background-color:#FFD9DA; }
	
	
	
	.table_header {
		background-color:#DAE0FE;
		font-weight:bold;
		padding:16px;
	}
	
	#your_details_fields input {
		width:220px;
	}
	
	#gallery_canvas {
	display: block;
	}
	
	#gallery_canvas div {
	display: inline-table;
		margin-right:10px;
		margin-bottom:10px;
		border:1px solid #CCCCCC;
	}

	#gallery_canvas div a {
	display:inline-table;
		padding:6px 6px 20px 6px;
	}
	#gallery_canvas div a:hover {
		background-color:#E0E0E0;
	}
	#gallery_canvas div img {
		border:0px;
	}
	
	
	
	h1.boat_nameH1 {
		color:#1567A0;
		font-size:14px;
		line-height:32px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		margin: 0px 0px 0px 0px;
	}
	h2.boat_name { 
		color:#1567A0;
		font-size:24px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		margin: 0px 0px 20px 0px;
	}
	
	

/*
***********************************************************

	MARGIN & FLOAT CLASSES

***********************************************************
*/

	.mt0 { margin-top:0px; }
	.mb0 { margin-bottom:0px; }
	.mt10 { margin-top:10px; }
	.mb10 { margin-bottom:10px; }
	.mt20 { margin-top:20px; }
	.mb20 { margin-bottom:20px; }
	
	.clear { clear:both; height:0px; disply: block; }
	
	.image_right { float:right; padding-left:25px; padding-bottom:15px; padding-top: 0px; text-align: center; color: #999999; font-size: 11px; width: 180px;}
	.image_right_col { padding: 15px 0px 20px 20px; text-align: center; color: #999999; font-size: 11px; width: 180px;}
	
	
P.links  {
font-size: 10px;
margin-bottom: 20px;
}	
P.links A {
font-size: 10px;
}

DIV.goog-te-gadget {
text-align: right;
margin: 0px;
}
DIV.goog-te-gadget DIV {
display: inline;
margin: 0px 5px 0px 5px;
}
SPAN.schema {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
