/*
-----------------------------------------------
Style Sheet for www.ConvictBayBoatyard.bm
Contact http://www.sonyaboggs.com/ 
----------------------------------------------- */

* { 
	margin:0;
	padding:0;
}

html, body { 
	height:100%;
}

html {
	margin: 20px 0;
}

body {
    margin:0 auto;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
	width: 920px;
	background: #f1efd7 url(images/bg-diag-rev.gif) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; 
	line-height:1.2;
	color: #4d4d4d;
}
	
a:link {
	color:#5b4a42;
	text-decoration: underline;
}
a:visited {
	color: #4d4d4d;
	text-decoration: underline;
	}
a:hover {
	color: #CC3333;
	text-decoration: none;
}
a:active {
	color: #cacaca;
	text-decoration: none;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:center;
}

.f-right { 
	float:right;
	padding:20px 10px 10px 60px;
	text-align:center;
}
.center {
	text-align: center;
}
.clear { 
	clear:both;
}

p.news {
    margin: 0;
    padding: 0 0 .5em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.825em;
	color: #4d4d4d;
}
	
h1 {
	margin: 0;
    padding: .3em 0;
	font: italic 1.0em Georgia, helvetica;
	text-align: center;
	color: #5b4a42;
}
h2 {
	color:#5a4a42;
	font-size: 1.25em;
	line-height:1.2;
	font-weight:normal;
	border-bottom:1px solid #cacaca;
	padding:.25em 0 .625em 0;
	margin-bottom:1.2em;
	width:100%;
	overflow:hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	color: #4d4d4d;
	margin: 0;
	padding: .5em 0 0 0;
	font-size: 1em;
	font-family: Arial, Georgia, helvetica;
	font-weight: normal;
}

h4 {
	color: #CC3333;
	margin: 0;
	padding: .5em 0 0 0;
	font-size: .875em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

h5 {
	color:#5a4a42;
	font-size: 1em;
	line-height:1.2;
	font-weight:normal;
	border-bottom:1px solid #cacaca;
	padding:4px 0 10px 0;
	margin-bottom:21px;
	width:100%;
	overflow:hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#Main {
    width: 100%;
	background-color: #fff; 
}

/* Header styles */
#Header {
    clear:both;
    float:left;
	width:100%;
	background-color: #fff;
	margin-bottom:20px;
	}
#Header p {
	margin:.3em 0 .3em 0;
    padding:0;
	font: bold 1.0em Arial, helvetica;
	color: #5b4a42;
	text-align: center;
}
#Header img {
	margin:0; /* social icons */
	border: none;
	text-align:center;
}

#Header a {
	color: #CC3333;
	text-decoration: none;
}

.logo {
	float: left;
	width: 403px;
	height: 133px;
	margin: 0;
	padding: 30px 0 30px 30px;
	border: none;
}		

/* Footer styles */
#Footer {
    width:100%;
	margin: 0;
	background-color:#ADA08E;
	color: #5a4a42;
}
	#Footer p {
    	padding:10px;
    	margin:0;
		text-align: center;
		font-size: .8125em;
	}
	#Footer .tag {
	    padding:15px 0 0 0;
	    margin:0;
		text-align: center;
    	font-style:italic;
		font-size:1.0em;
		font-family: Georgia, helvetica;
	}
	#Footer a:link {
		font-size:1.0em;
		color: #5a4a42;
		text-decoration: none;
	}
	#Footer a:visited {
		color: #5a4a42;
		text-decoration: none;
	}
	#Footer a:hover {
		color: #e6e6e6;
		text-decoration: none;
	}
	#Footer a:active {
		color: #e6e6e6;
		text-decoration: none;
	}
/* LAYOUT */

.container { 
	width:920px; 
	margin: 0;
}

.legal {
padding: .5em;
text-align: center;
font-size: .75em;
line-height: 150%;
}

.wrapper { 
	width:100%;
	overflow:hidden;
	margin: 0;
	padding: 0;
}
	
.col-1, .col-2, .col-3 { 
 	float:left;
}

.col-left, .col-right { 
 	float:left; 
}

#Content .row-1 { margin-bottom:20px;}
#Content .row-1 .col-1 {width:580px; margin-left:15px; margin-right:15px; border: 1px solid #ccc;}
#Content .row-1 .col-2 {width:280px; margin-right:15px; border: 1px solid #ccc; height:300px; overflow:auto; background: #f1efd7 url(images/f1efd7.gif) repeat;
}

#Content .row-2 { margin-bottom:20px;}
#Content .row-2 .col-1 {width:280px; margin-left:15px; margin-right:15px; border: 1px solid #ccc;}
#Content .row-2 .col-2 {width:280px; margin-right:14px; border: 1px solid #ccc;}
#Content .row-2 .col-3 {width:280px; margin-right:15px; border: 1px solid #ccc;}

#Content .row-top { background: #fff; padding-bottom:20px;}
#Content .row-top .col-left {width:585px; margin-left:15px; margin-right:15px;}
#Content .row-top .col-right {width:285px; margin-right:15px; text-align:center;}

.box {
	background: #f1efd7 url(images/f1efd7.gif) repeat;
	width:100%;
	color:#ccc;
}
.box .inner-area { 
		padding:0px 20px 0px 20px;
	}
.box .inner { 
		padding:20px 20px 30px 20px;
	}
.box .inner p { 
	margin: 0 0 1em 0;
    padding: 0;
	font-size:.875em;
	line-height:1.2;
	text-align: justify;
	color: #4d4d4d;
	}

.box .inner img {
	margin: 0 0 1em 0;
	border: none;
	text-align:center;
}

.box .inner ul {
	margin: 0 0 1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.2;
	color: #4d4d4d;
	list-style: inside square;
}

.box .more { 
		padding:20px 20px 30px 20px;
	}
.box .more p { 
	margin: 0 0 1em 0;
    padding: 0;
	font-size:.8em;
	line-height:1.2;
	text-align: center;
	color: #5a4a42;
	}
	
.box .more img {
	margin: 0 0 1em 0;
	border: none;
	text-align:center;
}
	
.box .more ul {
	margin: 0 0 1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.2;
	color: #5a4a42;
	list-style: inside square;
}

/* Main menu settings */
#Centermenu {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	border-top:0px solid #ccc; /* black line below menu */
	border-bottom:0px solid #ADA08E; /* black line below menu */
	width:100%;
	font-family:Helvetica, Verdana, sans-serif; /* Menu font */
	font-size:100%; /* Menu text size */
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
	background: #ADA08E;
}

#Centermenu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
#Centermenu ul li {
	margin:0 0 0 1px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:0px;
}
#Centermenu ul li a {
	display:block;
	margin:0;
	padding:.6em .5em .6em .5em;
	font-size:1em;
	line-height:1em;
	text-decoration:none;
	font-weight:normal;
	background:#ada18f;
	color:#fff;
	border-left: thin solid #fff;
}
#Centermenu ul li.active a {
	color: #5b4a42;
	background: #ADA08E;
}
#Centermenu ul li a:hover {
	color:#797979;
	background:#cbc1b3; /* Top menu items background colour */
	text-decoration:none;
}
	
#Centermenu ul li:hover a,
#Centermenu ul li.hover a { /* This line is required for IE 6 and below */
	background:#cbc1b3; /* Top menu items background colour */
	text-decoration:none;
	color:#797979;
}	

#home #Centermenu .home a,
#haulage #Centermenu .haulage a,
#storage #Centermenu .storage a,
#repair #Centermenu .repair a,
#yacht #Centermenu .yacht a,
#moorings #Centermenu .moorings a,
#barge #Centermenu .barge a,
#contact #Centermenu .contact a {
	color:#797979; 
	background-color: #cbc1b3;
	cursor: default;
	}