body
{ 
background: url(../images/back_bg.gif) repeat-x top #D5281A;
margin:0px auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#ccc;
}
h1{
font-size:20px;
color:#610904;
font-weight:bold;
}
h2{
font-size:14px;
color:#610904;
margin:0px;
padding:3px;
}
h3{
font-size:12px;
color:#610904;
margin-bottom:10px;
padding:3px;
text-align:left;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
a:hover{
text-decoration:none;
}
/*.clear {
clear:both;
overflow:hidden;
height:4px;
}
*/#page_container{
	position:relative;
	left:0px;
	top:0px;
	margin:0px auto;
	text-align:center;
	width:100%;
	border:1px solid #ffff00;
	clear:both;
}

#main_content{
position:relative;
top:0px;
left:0px;
width:850px;
margin:auto;
background-color:#F6F6EE;
border:8px solid #2F5600;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

/*------top menu---------*/
#top_menu{
width:750px;
position:relative;
top:0px;
right:0px;
text-align:center;
height:40px;
margin:0px auto;

}
ul.menu {
list-style-type:none;}

ul.menu li {
display:inline;
position:relative;
height:40px; 
text-transform:uppercase;
}

a.nav {
display:block;
float:left; 
padding:0px 18px 0px 18px; 
height:40px; 
text-align:center; 
line-height:40px; 
font-weight:bold;
text-decoration:none;
margin:0px 5px 0px 5px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#DB1C2C/*9C1C1C*/; 
position:relative;
top:0px;
text-transform:uppercase;

}
a.nav:active {
text-decoration:none; /* color:#146200;*/
color:#FFFFFF;
background-color:#2F5600;
}
a.nav:hover {
text-decoration:none; /* color:#146200;*/
color:#DCB43C;
background-color:#2F5600;
}
/***********************************************/

#top_banner{
width:100%;
height:151px;
background:url(../images/to_banner_bg.gif) no-repeat top right;
margin:auto;
position:relative;
top:0px;
left:0px;
/*border:1px solid #ffff00;
*/
}
img.logo{
padding-left:15px;
width:230px;
display:inline;
padding:0px;
float:left;
position:relative;
top:10px;
/*border:1px solid #ffff00;
*/
}
#tel
{
/*	background-image:url(../images/fish_8.gif);
	background-repeat:no-repeat;
	background-position:top right;
*/	position:relative;
	top:50px;
	left:0px;
	width:600px;
	height:100px;
	float:right;
	text-align:right;
/*	border:1px solid #ffff00;
*/
}
#page_content_down{
width:100%;
margin: 0px auto;
position:relative;
top:0px;
left:0px;
height:auto;
}
#page_content_left{
width:460px;
height:467px;
position:absolute;
top:0px;
left:10px;
float:left;
color:#2F5600;
padding:15px 0px 0px 20px;
background:url(../images/body_text.gif) no-repeat left;
z-index:999999;
}
#page_content_left p{
padding-left:10px;
padding-right:60px;
font-size:12px;
text-align:left;
font-weight:bold;
line-height:28px;
margin-top:30px;
}
#page_content_right{
width:99%;
height:300px;
margin: 0px auto;
position:relative;
top:0px;
left:0;
border:4px solid #ffffff;
}
#page_content_right_ocean{
width:600px;
height:480px;
position:relative;
top:2px;
left:220px;
float:left;
margin-bottom:20px;
color:#92672C;
/*background-color: rgba(0, 255, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00', EndColorStr='#7F00FF00');
*/
}
#page_content_right_ocean p{
font-size:20px;
}
.title{
font-size:20px;
color:#DCB43C;
clear:both;
}
.content_text{
font-size:12px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
.content_text p{
font-size:12px;
color:#333333;
height:auto;
text-align:justify;
padding-left:10px;
padding-bottom:-8px;
}
/*-------footer-----*/
#footer{
width: 850px;
height:100px;
clear:both;
position:relative;
top:0px;
left:0px;
margin:auto;
}
#footer_content{
width:850px;
margin:auto;
}
#copyrights{
width:350px;
color: #ffffff; 
font-size:14px;
float:left;
font-family: Arial, Verdana, Helvetica, sans-serif;
padding-top:15px;
}
#madeby{
width:140px;
height:40px;
float:right;
text-align:center;
padding-top:0px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:right; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; 
float:left; 
padding:4px 0 0 5px; 
margin:15px;width: 
auto; height:20px; 
text-align:center; 
line-height:16px;
text-decoration:none;
color:#ffffff; 
font-size:14px;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.nav2:hover {
color:#93D283;text-decoration:underline}
/*img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:5px #FFFFFF solid;
float:left;
}
.more{
width:auto;
float:right;
height:20px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}*/
#page_bottom{
width:830px;
clear:both;
padding:10px;
height:200px;
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #FFFFFF solid;
}
/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:20px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color: #990000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(images/bullet_a.png) no-repeat left; color:#000000;}



/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}

/*---------------------sliding-------------------------------*/
#slider{
	position:absolute;
	top:0px;
	left:50px;
	width:750px;
	height:200px;
	background-image:url(images/logo.gif);
background-repeat:no-repeat;
border:4px solid #59A003;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:750px;
	height:200px;
	overflow:hidden; 
}
ol#controls{
	margin:0px;
	padding:0;
	height:26px;	
}
ol#controls li{
	margin:0 3px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:26px;
	line-height:26px;
	}
ol#controls li a{
	float:left;
	height:26px;
	line-height:26px;
	width:26px;
	background:#000000;
	color:#ffffff;
	padding:0 3px;
	text-decoration:none;
	text-align:center;
	}
ol#controls li.current a{
	background:#CC3433;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
.special_number_box{
	position:absolute;
	left:437px;
	bottom:15px;
	height:26px;
	width:300px;
	margin-right:3px;
	cursor:pointer;
}
/***************************************************************/
#s3slider {
   width: 600px; /* important to be same as image width */
   height: 480px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 574px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}