/* YACHTINGIMAGE CSS STYLESHEET */ 
/* COPYRIGHT CHARL JORDAAN DESIGNS INC */
/* WWW.CHARLJORDAAN.COM */

/* GENERAL SETUP
--------------------------*/ 
a { outline:hidden}
a * { outline:hidden}
* { margin:0; padding:0;}

html { overflow-x:hidden; overflow-y:auto;}

body {
		background:#1a2e4a url(../images/bg.jpg) repeat;
		font:62.5% Arial, Helvetica, sans-serif;
}

/* GENERAL STYLES 
-----------------------*/

a{
		font-size:1em;
		text-decoration:none;
		outline:none;
}


h1{
		margin:0;
		padding:0;

}


div#warp.home h1,  div#warp.con h1{
		text-indent:-9999px;
		width:303px;
		height:120px;
		background: url(../images/yachtingimage.jpg) no-repeat;

}



.redmessage { color:#C00; }

/* BASIC SETUP
---------------------*/

div#header { 	
		margin:0 auto;
		width:780px;
		height:64px;
}


div#warp { 	
		margin:0 auto 0 auto;
		width:780px;
		height:671px;
		position:relative;
}


/* SUBS
--------------------*/

div#sub1, div#sub2, div#sub3{
		float:left;
		position:absolute;

}

div#warp.home div#sub1, div#warp.con div#sub1{ 
		top:25px; 
		left:15px;
}


div#warp.home div#sub2, div#warp.con div#sub2{	
		width:280px;
		height:512px;
		top:150px;
		left:27px;
		
}

div#warp.home div#sub2 h2#agent, div#warp.con div#sub2 h2#agent{
		font-size:10px; font-weight:bold;
		padding:0;
		margin:0;
		width:128px;
		height:18px;
		text-indent:-9999px;
		background: url(../images/tx_client_login.jpg) no-repeat;
}

div#warp.home div#sub2 div.rounded, div#warp.con div#sub2 div.rounded{
		width:286px;
		height:29px;
		background:url(../images/bg_input.jpg) no-repeat;
		margin:0;
		padding:0;
}

div#warp.home div#sub2 input.ins, div#warp.con div#sub2 input.ins{
		border:0;
		padding:0;
		margin:0;
		margin-top:2px;
		margin-left:10px;
		color:#778186;
		font-size:1.2em;
		width:246px;
		padding-top:6px;
}

div#warp.home div#sub2 #username, div#warp.con div#sub2 p#username{ 
		padding:0;
		font-size:10px;
		margin:0;
		width:51px;
		height:20px;
		text-indent:-9999px;
		background: url(../images/tx_username.jpg) no-repeat left center;
}

div#warp.home div#sub2 #password, div#warp.con div#sub2 p#password{ 
		padding:0;
		margin:0;
		font-size:10px;
		width:53px;
		height:20px;
		text-indent:-9999px;
		background: url(../images/tx_password.jpg) no-repeat left center;
}


div#warp.home div#sub2 input#enter, div#warp.con div#sub2 input#enter{ 
		padding:0;
		float:left;
		margin:10px 0;
		height:20px;
		width:54px;
		border:0;
		font-family:Tahoma;
		font-size:9px;
		letter-spacing:1px;
		color:#666;
		text-transform:uppercase;
		background: url(../images/btn_submit.jpg) no-repeat;
		cursor:pointer;
}

div#warp.home div#sub2 input#enter:hover, div#warp.con div#sub2 input#enter:hover{
		background-position:0 -20px;
		color:#000;
}

div#warp.home div#sub2 form, div#warp.con div#sub2 form{
		margin:0; padding:0;
}


div#warp.home div#sub2 #forgot, div#warp.con div#sub2 #forgot{ 
		padding:0;
		margin:12px 5px;
		float:left;
		color:#778186;
		font-weight:bold;
		font-size:1.1em;
		text-align:center;
}

div#warp.home div#sub2 #forgot a, div#warp.con div#sub2 #forgot a{ 		
		color:#778186;
		font-weight:bold;
		font-size:1em;
		text-decoration:underline;
}




div#warp.home div#sub2 h2#tools, div#warp.con div#sub2 h2#tools{ 
		float:left;
		padding:0;
		margin:0;
		width:284px;
		height:47px;
		text-indent:-9999px;
		background: url(../images/tx_h2_tools.jpg) no-repeat;
		margin-top:27px;
}

div#warp.home div#sub2 div#intro, div#warp.con  div#sub2 div#intro{
		float:left;
		height:200px;
}

#intro { font-size:1.2em};
#intro  p {margin:5px 0; color:#333333;}

div#warp.home div#sub2 p, div#warp.con div#sub2 p{ 
		text-align:justify; 
		color:#778186; 
		font-size:1.1em;
		padding:0;
		margin:10px 0;
}

div#warp.home div#sub2 ul#contacts, div#warp.con div#sub2 ul#contacts{
		float:left; 
		padding:0;
		list-style:none;
		margin:0;
		margin-top:10px;
}


ul#contacts a:link, ul#contacts a:visited{
	color: #778186 ;
	text-decoration:none;

}

ul#contacts a:link, ul#contacts a:visited{
	color: #778186 ;
	text-decoration:underline;
}

div#warp.home div#sub2 ul#contacts li, div#warp.con div#sub2 ul#contacts li{ 
		margin:0px;
		padding:0px;
		color:#778186; 
		font-size:1.1em;
}

div#warp.inner div#sub2 ul{ 
		list-style:none;
		margin:0;
		padding:0;
}

div#warp.inner div#sub2 ul li{ 
		margin:0;
		padding:6px 5px 6px 8px;
}


div#warp.inner div#sub2 ul li.cat{ 
		font-size:1.2em;
		color:#5a8aca;
		font-weight:bold;
		line-height:30px;
		text-align:left;
		padding-bottom:10px;
		padding-left:23px;
}


div#warp.inner div#sub2 ul li#op1 {
		background: url(../images/opt1.jpg) no-repeat center bottom;		
}

div#warp.inner div#sub2 ul li#op2 {
		background: url(../images/opt2.jpg) no-repeat center bottom;		
}

div#warp.inner div#sub2 ul li#op3 {
		background: url(../images/opt3.jpg) no-repeat center bottom;		
}

div#warp.inner div#sub2 ul li#op4 {
		background: url(../images/opt4.jpg) no-repeat center bottom;		
}


div#warp.inner div#sub2 ul li a{
		color:#785841;
		font-size:1.1em;
}


div#warp.inner div#sub2 ul li a:hover{
		color:#785841;
		text-decoration:underline;
}


div#warp.inner div#sub2 ul li.current{
		color:#785841;
		background-color:#fff;
		border-top:1px solid #dbd9cd;
		border-bottom:1px solid #dbd9cd;
}

div#warp.inner div#sub2 ul li.current a{
		color:#5587c6;

}


div#warp.home div#sub3, div#warp.con div#sub3 {		
		width:431px;
		height:635px;
		top:16px;
		right:18px;
		text-align:center;

}

div#warp.home div#sub3 h3{
	width:431px;
	height:64px;
	text-indent:-99999em;
	font-size:10px;
	background:url(../images/sub3_1.jpg) no-repeat;
	margin-left:1px;

}


div#warp.home div#sub3 h4{
	width:431px;
	height:72px;
	text-indent:-99999em;
	font-size:10px;
	background:url(../images/sub3_2.jpg) no-repeat;
	margin-left:1px;
	margin-top:8px;
}

div#warp.home div#sub3 img { margin:0; padding:0; margin-top:7px;float:left;}

div#warp.home div#sub3 div#sec1 a{
	width:182px;
	height:241px;
	margin-top:21px;
	text-indent:-9999em;
	background:url(../images/sub3_5.jpg) no-repeat;
	float:right;
	
 }

div#warp.home div#sub3 div#sec1 a span{
	width:182px;
	height:241px;
 }





div#warp.home div#sub3 div#sec2 { clear:both;}

div#warp.home div#sub3 div#sec2 p#a { 
	width:430px;
	height:43px;
	text-indent:-99999em;
	font-size:10px;
	background:url(../images/sub3_4.jpg) no-repeat;
	margin-left:1px;

}

div#warp.home div#sub3 div#sec2 div.col p, div#warp.home div#sub3 div#sec2 div.col2 p { 
	color:#fff; 
	font-size:11px; 
	text-indent:5px; 
	width:170px; 
	margin-left:15px;
} 


div#warp.home div#sub3 div#sec2 div.col { 
	float:left; 
	text-align:justify; 
	width:48%; 
	float:left; 
	display:inline;
	margin-left:2px;
}

div#warp.home div#sub3 div#sec2 div.col p.title { 
	width:198px; 
	height:38px; 
	text-indent:-9999em;
	background:url(../images/sub3_6.jpg) no-repeat;
}

div#warp.home div#sub3 div#sec2 div.col2 { 
	float:left; 
	text-align:justify; 
	width:48%; 
	float:left; 
	display:inline; 
	margin-left:2px;
}

div#warp.home div#sub3 div#sec2 div.col2 p.title { 
	width:198px; 
	height:38px; 
	text-indent:-9999em;
	background:url(../images/sub3_7.jpg) no-repeat;
}

div#warp.home div#sub3 div#sec3 { 
	float:right;
}

div#warp.home div#sub3 div#sec3 a{
	width:270px;
	height:65px;
	text-indent:-9999em;
	float:right;
	background:url(../images/sub3_8.jpg) no-repeat left bottom;
 }

div#warp.home div#sub3 div#sec3 a span{
	width:270px;
	height:65px;
 }

.sites{ font-size:0.8em; }
div#warp.inner div#sub3 {		
		width:575px;
		height:636px;
		top:16px;
		right:18px;		
		overflow:auto;
		overflow-x:hidden;
		color:#fff;
		font-size:1.2em;
}

div#warp.inner div#sub3 #page_margins{ 
		margin:10px;
		
}		

div#warp.home div#sub3 div#samples a span, div#warp.home div#sub3 div#more a span{
		float:left;
		display:block;
}

/* Design 

div#warp.design h1 { width:741px; margin:0 auto; height:122px; background:url(../images/des_1.jpg) no-repeat left bottom; text-indent:-9999em;}

div#warp.design div#flash_animation { width:242px; height:190px; display:block; float:left; position:absolute;left:45px; top:151px; }

div#warp.design div#d_feat { width:453px; float:right; position:absolute; right:20px; top:130px;}
div#warp.design div#d_feat span#title { width:453px; height:33px; background:url(../images/des_2.jpg) no-repeat; text-indent:-9999em; display:block;}
div#warp.design div#d_feat ul { margin-left:20px; color:#fff; font-size:12px; list-style:none;}
div#warp.design div#d_feat ul li { background:url(../images/li.gif) no-repeat 0 4px; padding-left:20px;}
div#warp.design div#d_feat a { text-decoration:none; font-weight:bold; color:#fff;}
div#warp.design div#d_feat a:hover { text-decoration:underline;}


div#warp.design div#cus_de { text-indent:-9999em; background:url(../images/des_4.jpg) no-repeat; width:227px; height:65px; left:44px; bottom:182px; position:absolute; }


div#warp.design div#d_sam { float:left; position:absolute; bottom:25px; left:20px; width:434px; height:134px;}
div#warp.design div#d_sam img { float:left;}
div#warp.design div#d_sam div {float:left; text-align:center; margin-top:55px; width:187px;}
div#warp.design div#d_sam div span { height:20px; display:block;text-align:center; }
div#warp.design div#d_sam div span a{ font-size:12px; color:#333;text-align:center; }
div#warp.design div#d_sam div span a:hover { font-weight:bold;}

div#warp.design div#d_toc { width:296px; height:68px; float:right; position:absolute; bottom:21px; right:19px; }

div#warp.design div#d_toc a{
	width:296px;
	height:68px;
	text-indent:-9999em;
	float:right;
	background:url(../images/des_5.jpg) no-repeat;
 }

div#warp.design div#d_toc a span{
	width:308px;
	height:68px;
 }

div#warp.design div#sfre { width:308px; height:34px; float:right; position:absolute; bottom:170px; right:70px; }

div#warp.design div#sfre a{
	width:308px;
	height:34px;
	text-indent:-9999em;
	float:right;
	background:url(../images/sfre.jpg) no-repeat;
 }

div#warp.design div#sfre a span{
	width:296px;
	height:34px;
 }


*/
/* PATH - revised all browsers
----------------------------*/

#path { 
		float:left; 
		margin-top:43px; 
		vertical-align:bottom;
}

#path * { 
		padding:0;margin:0;
}

#path p {
		text-indent:10px;
}

#path p, #path p a { 
		color:#8c959e; 
		font-size:1em;
}

#path p a { 
		text-decoration:underline; 
		font-weight:normal;
}

/* TOP NAVIGATION BAR
-------------------*/

div#topnav_warp  {	
		margin:0;
		padding:0; 
		width:464px;
		height:32px;
		float:right;
		margin-top:32px;
		margin-right:2px;
}


div#topnav_warp * { 		
		margin:0;
		padding:0; 
}


ul#topnav {	
		width:464px;
		list-style:none;
		height:32px;
}

ul#topnav li {
		display:inline;
	
}

ul#topnav li a {
		height:32px;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
}

ul#topnav  li a span {
		float:left;
		display:block;
}

ul#topnav li#top_option_1 a {
		width:155px;
		background:url(../images/top_nav_00.jpg) no-repeat left top;
}
	  
	  
ul#topnav  li#top_option_1 a:hover { 
		background-position:0 -32px;
}

ul#topnav li#top_option_1 a.current {
		width:155px;
		background:url(../images/top_nav_00.jpg) no-repeat left bottom;
}


ul#topnav li#top_option_2 a {
		width:109px;
		background:url(../images/top_nav_01.jpg) no-repeat left top;
}
	  

ul#topnav  li#top_option_2 a:hover { 
		background-position:0 -32px;
}

ul#topnav li#top_option_2 a.current {
		width:109px;
		background:url(../images/top_nav_01.jpg) no-repeat left bottom;
}

ul#topnav li#top_option_3 a {
		width:200px;
		background:url(../images/top_nav_03.jpg) no-repeat left top;
}
	  

ul#topnav  li#top_option_3 a:hover { 
		background-position:0 -32px;
}

ul#topnav li#top_option_3 a.current {
		width:200px;
		background:url(../images/top_nav_03.jpg) no-repeat left bottom;
}
/* FOOTER
--------------------------*/

div#footer {
		width:780px;
		margin:0 auto;
		margin-top:1px;
		height:40px;
		font-size:1.0em;
		text-transform:uppercase;
		color:#616f81;
		background:url(../images/bg_footer.jpg) no-repeat;
}

div#footer ul { 
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
		line-height:36px;
}

div#footer ul li {
		padding:0;
		margin:0;
		display:block;
} 

div#footer ul li#item1 {	
		float:left;
		padding-left:10px;
}

div#footer ul li#item2 {
		float:right;
		padding-right:10px;

}

div#footer a{
		font-size:1.1em;
		font-weight:bold;
		color:#426596;
}
		
div#footer a:hover{
		color:#426596;
		text-decoration:underline;
}

/* CONTACT FORM
---------------*/
#margins { margin:10px; text-align:left;}

.validation-advice { color: #FFCC00 ; font-size:1.2em;}
div#form1{ float:left; width:400px; padding-bottom:10px;}
div#form2{float:left;padding-bottom:10px;}
div#form3{float:left; display:block; text-align:left}
div#form4{ padding-top:10px; text-align:center; display:block; clear:both;}
div#form1 input:hover, div#form2 input:hover, div#form2 select:hover { border-style:solid; border-color:#AAEB8B;}
fieldset {	margin: 20px 0;	padding: 15px 10px;	overflow: auto; border:0;}
label{display:block; padding:10px 0; font-weight:bold; color:#fff; font-size:1.2em;}
span.form_required{ color:#f30; font-weight:bold;}
span.requeridos { color:#021f49; font-size:1em; }