/* Layout Stylesheet */ 

body {
background:#001E1E url(../images/balsasurfers_bodybg.jpg) top center repeat-y;
margin:0;
padding:0;
color: #fff;
font:11px/1.5 Verdana, sans-serif;		
text-align:center;
}

#maincontainer {
width:900px;
margin:0 auto;
padding:0;
}

#header {
background:url(../images/balsasurfers_headerbg.jpg) top center no-repeat;
width:900px;
height:140px;
margin:0;
padding:0;
border-bottom:1px solid white;
}

	#headernav {
	width:900px;
	float:right;
	text-align:right;
	margin:0 0 0 0;
	padding:0;
	}
	
		#headernav ul {
		margin:-1px 0 0 0;
		padding:0;
		font:bold 0.9em Verdana, sans-serif;		
		color:#fff;
		}

		#headernav li {
		list-style-type:none;
		display:inline;
		margin:0 0 0 -2px;
		padding:0;
		line-height:24px;	
		}

		#headernav li.here {
		margin:0 0 0 -2px;
		padding:5px 6px 12px 6px;
		color:#CC6600;
		background:url(../images/nav_button2.gif);		
		}

		#headernav li a {
		text-decoration:none;
		margin:0;
		padding:5px 6px 12px 6px;
		color:#dcf9e5;
		background:url(../images/nav_button1.gif);
		}

		#headernav li a:link {
		color:#fff:
		}

		#headernav li a:visited {
		color:#fff;
		}

		#headernav li a:hover {
		color:#000;
		background-position:-201px 0;
		}
	
.logo {
margin:0;
padding:10px 0 0 10px;
border:0px solid white;
}

#columncontainer {
margin:0;
padding:0;
background:url(../images/balsasurfers_columnbg.jpg) top left repeat-y;
}

#leftcolumn {
width:499px;
float:left;
padding:0 0 40px 0;
margin:0;
}

	#leftimage {
	margin:0;
	padding:0;
	border-bottom:1px solid white;
	}

	.leftimage2 {
	margin:20px 0;
	padding:0;
	border-bottom:1px solid white;
	border-top:1px solid white;
	}

	.leftimagebutton {
	margin:20px 0;
	padding:0;
	}

	.leftimagebutton img {
	border:0px solid white;
	}
	
	.leftcontent {
	margin:5px 5px 5px 5px;
	padding:0;
	text-align:left;
	}
	
		.leftcontent h1 {
		margin:0;
		padding:5px 10px 0 5px;
		color:#fff;
		font:bold 1.3em/2 Verdana, sans-serif;
		}
		
		.leftcontent h2 {
		margin:0;
		padding:5px 10px;
		color:#fff;
		font:bold 1.1em/2 Verdana, sans-serif;
		}		

		.leftcontent p {
		margin:5px 10px;
		padding:0;
		color:#fff;
		}
		
		.leftcontent ul {
		margin:0;
		padding:5px 10px 5px 40px;
		color:#dcf9e5;
		}

		#leftcontentleftcol {
		width:200px;
		float:left;
		padding:0;
		margin:0;
		text-align:center;
		}
		
		#leftcontentrightcol {
		width:200px;
		float:right;
		padding:0;
		margin:0;
		text-align:center;
		}

		

#rightcolumn {
width:400px;
float:right;
text-align:center;
padding:0 0 40px 0;
margin:0;
border-left:1px solid white;
}

	#strapline {
	width:400px;
	height:150px;
	background:url(../images/strapline_bg.jpg) top left repeat;
	border-bottom:1px solid white;
	}

	#rightcontent {
	text-align:left;
	width:400px;
	margin:0px;
	padding:20px 0 0 0;
	}
	
	#rightcontent img {
	border:0px solid white;
	}

	#customform {
	width:350px;
	margin:0 0 0 50px;
	}

	#customform input, #customform select, #customform textarea {
	background-color:#fff;
	}

		.rightcontentleftcol {
		width:125px;
		float:left;
		padding:0 5px 0 0;
		margin:8px 0 0 0;
		text-align:right;
		}
		
		.rightcontentrightcol {
		width:220px;
		float:right;
		padding:0;
		margin:5px 0 0 0;
		text-align:left;
		}		
		
	#rightcontent h1 {
	margin:0px 10px 10px 10px;
	padding:10px 0 0 0;
	color:#fff;
	font:bold 1.2em Verdana, sans-serif;
	}

	#rightcontent h2 {
	margin:0px 10px 10px 10px;
	padding:10px 0 0 0;
	color:#fff;
	font:bold 1.1em Verdana, sans-serif;
	}		

	#rightcontent p {
	margin:5px 10px 5px 15px;
	padding:0;
	color:#fff;
	font-weight:none;
	}

	#rightcontent p.smalltext {
	font-size:0.8em;
	font-weight:none;
	}

	#rightcontent ul {
	margin:0 10px 0 45px;
	padding:0;
	list-style-type:circle;
	}

	#rightcontent ol {
	margin:25px 30px 0 45px;
	padding:0;
	}

	#rightcolumn ol li {
	margin:0 0 10px 0;
	padding:0;
	}
	
	#rightcolumn ul li {
	margin:0;
	padding:0;
	}

	.rightimagebutton {
	margin:20px 30px 20px 40px;
	padding:0;
	}

	.rightimagebutton img {
	border:0px solid white;
	}

.clear {
clear:both;
height:1px;
}

#footer {
background:#000;
margin:0;
padding:5px;
font:0.8em Verdana, sans-serif;		
border-top:1px solid white;
}


/* Presentation Stylesheet */



/* pseudo selectors for text links */

a:link {
text-decoration:none;
font-weight:bold;
color:#E39D49;
}

a:visited {
text-decoration:none;
font-weight:bold;
color:#E39D49;
}

a:hover {
text-decoration:underline;
font-weight:bold;
color:#FF9900;
}

a:active {
text-decoration:none;
font-weight:bold;
color:#CC6600;
}		


/* How to build styles */

#howtobuild {
width:450px;
margin:auto;
text-align:left;
padding:0;
}

#howtobuild h1 {
margin:0px 10px 10px 10px;
padding:10px 0 0 0;
color:#fff;
font:bold 1.2em Verdana, sans-serif;
}

#howtobuild p {
margin:5px 10px 5px 15px;
padding:0;
color:#fff;
font-weight:none;
}

.website{display:none;}