@charset "utf-8";
/* CSS Document */
.background{
background-color:#FFFFFF;
margin: 0px;
background: #77d4f5 url(http://www.grimsea.co.uk/images/grimsea_bg.gif) repeat-x;
}
#bg-holder{
width: 100%;
background-image:url(http://www.grimsea.co.uk/images/grimsea_bg_bar.gif);
background-repeat:repeat-x;
min-height:202px;
}
#page{
width:960px;
margin:auto;
background-color:#ffffff;
font-size:1em;
}
#nav{
width:100%;
height:40px;
background-color:#000099
}
#head{
width:100%;
height:162px;
background-color:#FFFFFF;

}
#main{
width:958px;
padding:0px;
background-color:#FFFFFF;
border-left:#00aeef solid 1px;
border-right:#00aeef solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;

}
#foot{
width:950px;
height:15px;
background-color:#292d2e;
text-align:right;
font-size:0.7em;
color:#FFFFFF;
padding-top:35px;
padding-right:10px;
}
#logo{
width:180px;
height:162px;
float:left;
}
#headertext{
width:780px;
height:162px;
float:left;
}

#maintext{
width:960px;
float:left;

}

.maintext{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
#foottext{

}
.img_left{
margin: 8px;
float:left;
}
.img_right{
margin: 8px;
float: right;
}

/*frontpagetext*/

#fp_holder{
width: 960px;
height: 500px;
}

#text_holder {
width: 590px;
height: 480px;
padding: 10px;
background: #FFF url(http://www.grimsea.co.uk/images/text_bg_fp.jpg) no-repeat;
float: left;
}

#fp_flash_holder {
width: 350px;
height: 500px;
background:#FFF url(http://www.grimsea.co.uk/images/bg_everything.png) no-repeat;
float: left;
}

.big_fp_test {
font-size:1.6em;
font-weight:bold;
}

#fp_2_text{
width: 280px;
height: 210px;
padding: 20px;
float:left;


#fp_boat_top {
width: 300px;
height: 160px;
background-color: #FFFFFF; 
overflow:hidden;
float:left;
padding-top:20px;
}

#fp_boat_btm{
width: 620px;
height: 250px;
background-color: #FFFFFF;
overflow:hidden;
float:left;
}

/*NAV BAR STYLES*/

#sddm
{	margin: 0;
	padding: 0}
	
	#sddm li
	{	float: left;
	    width:160px;
		list-style: none;
		font-size: 0.9em;
		font-family:Arial, Helvetica, sans-serif;
		}
        
		
	#sddm li a
	{	display: block;
	    width:160px;
		height: 20px;
		padding-top: 20px;
		text-decoration: none;
		border:0px;
		color:#FFFFFF;
		background: #0fb3f0 url(http://www.grimsea.co.uk/images/nav_bar_grad_off.jpg) repeat-x; 
		white-space: nowrap;
		text-align:center;
		font-size: 0.9em;
		font-family:Arial, Helvetica, sans-serif;
}
	#sddm li a:hover
	{	background:#0fb3f0 url(http://www.grimsea.co.uk/images/nav_bar_grad_on.jpg) repeat-x; }
		
		#sddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border:0px;}
		
		#sddm li ul li
		{	float: none;
			display: inline}
		
		#sddm li ul li a
		{	width: auto;
			background: #9F1B1B}
		
		#sddm li ul li a:hover
		{	background: #7F1616}

#sddm li.one a{
background:#0033CC url(http://www.grimsea.co.uk/images/home_nav_bg.jpg);
}
#sddm li.one a:visited{
background:#0033CC url(http://www.grimsea.co.uk/images/home_nav_bg.jpg);
}
#sddm li.one a:hover{
background:#0033CC url(http://www.grimsea.co.uk/images/home_nav_bg_on.jpg);
}
.sub {
background-color:#00CCCC;
}
#sddm div.ddlist
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ebeffb;
	border-bottom:1px solid #336699;
	border-left:1px solid #336699;
	border-right:1px solid #336699;
	border-top: 0;
	padding-bottom:8px;}


	#sddm div.ddlist a
	{	position: relative;
		display: block;
		margin: 0;
		width: 200px;
		height:10px;
		padding-top:5px;
		padding-bottom: 5px;
		padding-left: 3px;
		padding-right: 3px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ebeffb;
		color: #0054a6;
		font: 11px arial;
		overflow:hidden;
		}

	#sddm div.ddlist a:hover
	{	background: #0054a6;
		color: #FFF} 
		
		
		#sddm div.ddlist_end a
	{	position: relative;
		display: block;
		margin: 0;
		width: 154px;
		height:10px;
		padding-top:5px;
		padding-bottom: 5px;
		padding-left: 3px;
		padding-right: 3px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ebeffb;
		color: #0054a6;
		font: 11px arial;
		overflow:hidden;
		}

	#sddm div.ddlist_end a:hover
	{	background: #0054a6;
		color: #FFF} 
/*NAV BAR STYLES END*/
.clearer {
clear: both;
}