/* CSS Document */

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }

html { overflow-y: scroll; }

body { 
    margin: 0px 0px;
    padding: 0px;
    text-align: center;
	font: 62.5% Georgia, "Times New Roman", Times, serif;
	background: url(images/background.jpg) repeat-x top;
	background-color: #FFF;
}

/* ul { list-style: none inside; } */

p { 
	font: 1.3em/1.3em; 
	margin-bottom: 1.3em;
}

a { outline: none; }

a img { border: none; }
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }

.floatright { float: right; }

.clear { clear: both; }

.transpBlack { background: url(transpBlack.png); }
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#container {
	overflow: auto;
	width: 775px;
	margin: 0 auto;
	padding: 0px;
	background-color: #FFF;
	text-align: left;
	border: 3px #404040 solid;
	}

#header {
	width: 775px;
	height: 125px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px;
	background-color: #FFF;
	color: #003300;
	font-style: normal;
	overflow: hidden;
	}
	#header h3 { text-align: center; margin-top: 4px; font-size: 12px; }


#tabs {
	padding: 0px;
	margin: 0px;
	margin-top: 16px;
	text-align: center;
	height: 36px;
	background-color: #480000;
	border: 3px #404040 solid;
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	}
	#tabs ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	#tabs li {
		clear: both;
		display: inline;
		margin-left: 7px;
		margin-right: 7px;
		padding: 4px;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		background-color: #480000;
		text-indent: 0px;
		}
		#tabs li span {
			padding-bottom: 14px;
			}
	#tabs a:link { color:#FFFFFF; text-decoration: none; }
	#tabs a:visited { color:#FFFFFF; text-decoration: none; }
	#tabs a:hover { color:#FFFFFF; text-decoration: none; }
	#tabs a:active { color:#FFFFFF; text-decoration: none; }
	
	#tabs a:hover span { background: url(images/bullet.gif) no-repeat bottom center; }


#main-table {
	width: 775px;
	font-size: 12px;
	padding-top: 0px;
	background: url(images/fade.gif) top repeat-x;
	}
	#main-table .col1 {
		float: left;
		width: 174px;
		padding: 30px;
		padding-top: 20px;
		background-color: #480000;
		}
		#main-table .col1 * { color: #FFF; }
	#main-table .col2 {
		float: right; 
		width: 476px;
		padding: 30px;
		padding-top: 20px;
		}
		
#footer {
	width: 775px;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background: url(images/seaway.gif) right no-repeat;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	color: #000;
	}
	#footer a:link    { color: #557996; text-decoration: underline; }
	#footer a:visited { color: #557996; text-decoration: underline; }
	#footer a:active  { color: #557996; text-decoration: underline; }
	#footer a:hover   { color: #dcecf6; text-decoration: none; }


/* ------------------------------------------ */
/* ELEMENTS */
/* ------------------------------------------ */

h1 { font-size: 24px; margin-bottom: 14px; }
h2 { font-size: 20px; margin-bottom: 14px; color: #480000; }
h3 { font-size: 18px; margin-bottom: 14px; color: #480000; }
h4 { font-size: 16px; margin-bottom: 14px; color: #480000; }
h5 { font-size: 14px; margin-bottom: 14px; }
h6 { font-size: 11px; margin-bottom: 14px; }
hr { margin-bottom: 14px; }

		
/* ------------------------------------------ */
/* CLASSES */
/* ------------------------------------------ */

.b { font-weight: bold; }
.sm { font-variant: small-caps; }
.big { font-size: 16px; }
.small { font-size: 10px; }
.left { text-align: left; }
.center { text-align: center; }
.phone { font-weight: normal; text-align: center; }
.space { margin-bottom: 30px; }

.services ul { list-style-position: inside; margin-left: 16px; margin-bottom: 20px; }
.services h4 { margin-bottom: 8px; }

.red { color: #FF0000; }
.maroon { color: #480000; }
.white { color: #FFF; }

p.bottom { margin-bottom: 384px; }


/* ------------------------------------------ */
/* GALLERY */
/* ------------------------------------------ */

#gallery_cont {
    position:relative;
    width:512px;
    height:512px;
    margin:20px auto 0 auto;
	border:none;
	font-size:12px;
	}
	#gallery_cont ul {
		float:left;
		width:512px;
		padding:0;
		list-style-type:none;
    	height:100px;
		margin-left:0px;
		margin-top:408px;
		}
	#gallery_cont li {
		float:left;
		}
	#gallery_cont a.gallery span {
		position:absolute;
		width:1px;
		height:1px;
		top:5px;
		left:5px;
		overflow:hidden;
		background:#dad8b0;
		}
	#gallery_cont a.gallery, #gallery_cont a.gallery:visited {
		display:block;
		color:#000;
		text-decoration:none;
		border:1px solid #000;
		margin:1px 2px 1px 2px;
		text-align:left;
		cursor:default;
		}
	#gallery_cont a.gallery:hover {
 		border:1px solid #dad8b0;
   	 	}
	#gallery_cont a.gallery:hover span {
		position:absolute;
		width:512px;
		height:396px;
		top:0px;
		left:0px;
		color:#000;
		background:#dad8b0;
		}
	#gallery_cont a.gallery:hover img {
		border:none;
		float:left;
		margin-right:5px;
		}


/* ------------------------------------------ */
/* LINKS */
/* ------------------------------------------ */

a:link    { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:active  { color: #000000; text-decoration: underline; }
a:hover   { color: #480000; text-decoration: none; }