/* CSS Document */

html {
	height: 100%;
}

body, h1, h2, h3, h4, h5, h6, h7, p, ol, ul, form, blockquote { 
	margin: 0px;	/*this clears all browser pre-assigned settings*/
	padding: 0px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXthis is for the effectscode flash file   XXXXXXXXXXXXXXXXXXXXXXX*/

/*html.hasFlash .alternateContent {
	visibility: hidden;
}
*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #001642; /*dark blue*/
	/*text-align: center;*/   /* for IE */
}

#wrapper {
	width: 700px;
	height: auto;
	margin: 20px auto 10px auto;
	padding: 0px;
	color: #000000;
	background-color: #ffffff;
	text-align: left; /*re-aligns the text after the hack on the body*/
	position: relative; /*relative positions page to center in browser*/
	z-index: 1;
}

/*XXXXXXXXXXXXXXXX  general page elements  XXXXXXXXX*/

#logo_compass {
	position: absolute;
	top: -20px;
	left: -62px;
	width: 130px;
	height: 152px;
	background-color: transparent;
	z-index: 2;
}

/*
THIS IS THE ORIGINAL LOGO_WATER DIV INFO

#logo_water {         
	position: absolute;
	top: 33px;
	left: 68px;
	width: 631px;
	height: 71px;
	background-color: #ffffff;
	background-image: url(../images/fcd_head_water.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 3;
}
*/


/*THIS IS THE TEST LOGO_WATER DIV INFO*/
#logo_water {         
	position: absolute;
	top: 33px;
	left: 68px;
	width: 631px;
	height: 71px;
	background-color: #ffffff;
	background-image: url(../images/fcd_head_water.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 3;
	bottom-border: 1px solid #001642;
	top-border: 1px solid #001642;
}


#nav {
	position: absolute;
	top: 8px;
	right: 16px;
	width: auto;
	height: 20px;
	background-color: #ffffff;
	z-index: 4;
}

#content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 660px;
	margin:  0px;
	padding: 104px 20px 0px 20px;
	background-color: #ffffff;
}

#footer {
	position: relative;
	width: 660px;
	height: 90px;
	bottom: 0px;
	right: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color: transparent;
}

#lighthouse {
	position: absolute;
	top: 0px;
	left: -74px;
	width: 54px;
	height: 76px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/fcd_lighthouse.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 5;
}

img {
	border: none;
}

.sample {
	padding: 25px;
}

.left {
	float: left;
	margin: 6px 20px 20px 10px;
}

.right {
	float: right;
	margin: 6px 10px 20px 20px;
}

.right_low {
	float: right;
	margin: 20px 10px 20px 20px;
}

.right_high {
	float: right;
	margin: -10px 10px 20px 20px;
}



/*XXXXXXXXXXXXXXXX  home page elements  XXXXXXXXX*/

#text {
	position: relative;
	margin: 30px 10px 20px 10px;
	width: 370px;
	height: auto;
	padding: /*30px10px 10px 20px 10px*/10px;
	background color: transparent;
	z-index: 3;
}

#table_home {
	position: relative;
	width: 350px;
	top:10px;
	left: 10px;
	padding: 0px;
	border: 0;
}

#bottle {
	position: absolute;
	top: 120px;
	left: 380px;
	width: 314px;
	height: 463px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

#bottle_slideshow {
	position: absolute;
	top: 261px;
	left: 476px;
	width: 116px;
	margin: 0px;
	padding: 0px;
	z-index: 8;
}


/*XXXXXXXXXXXXXXXX  quality, profile and faq page elements  XXXXXXXXX*/

#quality, #profile, #faq {
	position: relative;
	margin: 40px 10px 10px 10px;
}

/*XXXXXXXXXXXXXXXX  labels page elements  XXXXXXXXX*/

#labels {
	position: relative;
	margin: 40px 10px 10px 10px;
	padding: 0px;
}

#labels_main1 {
	float: left;
	width: 336px;
	margin: 0px 0px 20px 0px;
	padding: 10px;
}


#labels_artwork {
	position: relative;
	margin: 30px 10px 10px 350px;
	padding: 10px 16px 10px 10px;
	background-color: #eeeeee;
}

/*XXXXXXXXXXXXXXXX  faq page elements  XXXXXXXXX*/

#faq {
	position: relative;
	margin: 40px 10px 10px 10px;
	padding: 0px;
}

#faq_main {
	position: relative;
	margin: 0px;
	padding: 20px;
}

#faq_sidebar {
	float: right;
	width: 180px;
	margin: 10px;
	padding: 0px;
}

/*XXXXXXXXXXXXXXXX  contact page elements  XXXXXXXXX*/

#contact_page {
	position: relative;
	margin: 40px 10px 10px 10px;
	padding: 0px;
}

/*#contact_main {
	position: relative;
	margin: 0px;
	padding: 0px;
}
*/

table.contact {
	position: relative;
	margin: -20px 0px 0px 0px;
	padding: 0px;
}

table.message {
	position: relative;
	margin: 0px 0px 0px -180px;
	padding: 0px;
}

table.message th {
	text-align: center;
}