/* 
CSS Document 
Wink Hosting (www.winkhosting.com)
Designed By Alexis Corredor
alexis.corredor@gmail.com
*/
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img{
 border: none;
} 

.news_more a {
 color: black;
 text-decoration: none;
}
 
.news_more a:hover{
 text-decoration: underline;
 color: #7DA5E0;
}
 
/*HEADER*/
#header{
	width: 800px;
	position:relative; 
	height: 162px;
	background-image:url("images/header_2.jpg");
	background-repeat:no-repeat;
}
/*COMPANY NAME IN HEADER*/
#companyname {
    position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	margin-top:50px;
	margin-left:40px;
	left: 0px;
	top: 0px;
	text-indent: -50000px;
}
/*MENU IN HEADER*/
#menu{
	position:absolute;
	bottom: 20px;
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}

/*LEFT PANEL (News, Links, etc.)*/
#leftpanel{
	float:left;
	width:200px;
}

/*CONTENT*/
#content{
	width: 800px;
}
#contenttext{
	float:right;
	width: 580px;
}

ul {
 text-align: justify;
}
 li{
 margin-bottom: 10px;
} 
/*FOOTER*/
.footer{
	width: 779px;
	height: 32px;
	background-image:url("images/bg_footer.gif");
	background-repeat:no-repeat;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	margin-top: 20px;
}
/*FOOTER LINKS*/
.footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}

/*TABLE*/
.table_top{
	width: 204px; 
	height: 27px;
	background-image:url("images/table_top.jpg");
	background-repeat:no-repeat;
}
.table_content{
	width: 204px;
	background-image:url("images/table_content.jpg");
	background-repeat:repeat-y;
}
.table_text{
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}
.table_bottom{
	width: 204px; height: 23px;
}

/*TEXT STYLES*/
.news_date {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099CC;
}
.body_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.body_text_bold {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.news_more {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	font-weight: bold;
}
.news_text {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.subtitle_gray {	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: #7E8388;
	position: relative;
	right: 130px;
}

.subtitle_gray_2 {	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: #7E8388;
	position: relative;
	left: 80px;
}
	
.title_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; color: #7DA5E0; }
.title_panel {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.body_text_2
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 50%;
 text-align: justify;
 position: relative;
 right: 130px; 
} 

.body_text_3
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 50%;
 text-align: justify;
 position: relative;
 left: 70px; 
}
 #salon {	
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 border-style: double;
 border-width: 3px;
 border-color: red;
 padding: 5px;
}
/*IMAGES*/
#sub {
 width: 100%;
 position: relative;
 left: 0px;
}

#b3 {
 position: absolute;
 top: 200px;
 right: 180px;
} 

#b4{
position: absolute;
top: 335px;
left: 335px;
}

#b6{
position: absolute;
top: 550px !important;
top: 520px;
right: 180px;
}

#b8{
position: absolute;
top: 715px;
left:365px;
}

#b10{
position: absolute;
top: 910px !important;
top: 850px;
right: 180px;
}

#flag {
 width: 4%;
 position: absolute;
 left: 260px;
 top: 123px;
} 

#maq {
 margin-bottom: 15px;
}	

#groplan {
 width: 100%;
}

#bora {
 width: 60%;
 float: right;
 margin-left: 10px;
 margin-bottom: 30px;
} 
 
.plan{
 width: 100%;
 margin-top: 30px;
}

#sousleau {
 width: 25% !important;
 width: 30%;
 position: absolute;
 left:45px;
 top:690px
} 

#slipway {
 width: 30%;
 float: left;
 margin-right: 15px;	
} 

#slip {
 width: 25%;
 position: absolute;
 left: 75px;
 top: 520px;
}
 
#logo {
 width: 100%;
} 

#scoot_tibetty {
 width: 100%;
}

p a {
color: black;
text-decoration: underline;
}

#atelier {
 width: 25%;
 position: absolute;
 left: 75px;
 top: 600px;
 }
 
 #ponton {
 width: 25%;
 position: absolute;
 left: 75px;
 top: 400 px;
 }