html
{
	background:url("img/bg.gif") no-repeat fixed left 25px #9AE4E8;
}
body  
{	
	background:url("img/logobeachrahier_medium.png") no-repeat fixed right bottom ;
	
	color:#333333; 
/*	font:0.75em/1.5 'Lucida Grande',sans-serif;*/
	/*text-align:center;*/
	
}
#container
{
	margin: 0 auto;
	width: 960px;
	
}

#super_header
{
	text-align:right;
	padding-right:50px;
	/*margin: 50px auto 50px auto;*/
}

#super_header a img
{
	width:64px;
	/*border-style:none; */
}

#header
{
	background-image:url(img/logo_beach_85.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding: 0px 110px 110px 110px;
}


#header h1 
{ 
	margin: 0; 
	vertical-align:bottom;
	font-size:xx-large;
	color:#3A9EE7;
}

#navigation
{
	/*padding: 0px auto 0px auto;*/
	float: left;
	width: 960px;
	/*background:#333;*/
	background-color:#FFF;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color:#fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover 
{ 
	/*background:#383; */
	background:#fff; 
	color:#33CCFF;
	font-weight:bold;
}

#content
{
	background:#fff;
	clear: left;
	padding: 20px;
	min-height:500px;
	font-size:large;
	overflow:hidden; /* Thanks to Zerthis for the tip*/
}

#content h2
{
/*	color:#000;*/
	color:#33CCFF;
	font-weight:bolder;
	font-size: 160%;
	margin: 0 0 .5em;
}

#content h3
{
	color:#33CCFF;
	font-weight:bold;
	font-size: 130%;
	margin: 0 0 .5em;
}
#content h3.stronger
{
	color:#248FB3;
	font-weight:bolder;
	font-size: 150%;
	text-decoration:underline;
}
#content .left 
{
	width: 580px;
	float: left;
	padding:10px;
}
#content .right 
{
	width: 280px;
	float: right;
	padding:10px;
}



#footer
{
	clear:both;
	/*background:#ccc;*/
	text-align: center;
	padding: 20px;
	height: 1%;
}