/* SPECIAL STYLES FOR INNER PAGES (background images, content etc.) */


/* LAYOUT ------------------------------------------ */

/* HEADER: contains menus */
#header
{background: #99CCCC url(../images/backgrounds/waves.jpg) no-repeat;
height: 157px;}

#logo
{float: right;
margin-top: -48px;
margin-right: 5px;
position: relative;
z-index: 3;}

/* CONTENT: contains main text */
#content
{background: #00CCFF url(../images/backgrounds/content-gradient.gif) repeat-y;}

	/* sidebar */
	.sidebar
	{background: #336699 url(../images/illus/swimmer.jpg) no-repeat;
	width: 107px;
	float: left;
	height: 300px;
	padding-top: 160px;
	margin-top: -121px;
	position: relative;
	z-index: 1;}
	
	* html .sidebar
	{height: auto;}
		
		.sidebar h2
		{font-size: 11px;
		text-transform: uppercase;
		text-align: center;
		margin-top: 0;
		margin-bottom: 5px;
		margin-left: 1px;
		margin-right: 1px;
		padding: 3px;
		color: #FFF;
		background: #3380B3;
		border: 1px solid #194C7F;
		font-weight: bold;}
		
		.sidebar a
		{color: #FFF !important;
		text-decoration: none;}
		
		.sidebar small
		{font-size: 10px;
		text-transform: none;}
		
	/* sidebar bottom decorative photo */
	#sidebar-illus
	{background: url(../images/illus/reef.gif) no-repeat;
	height: 141px;
	width: 106px;
	position: absolute;
	z-index: 2;
	bottom: 0;}
	
		* html #sidebar-illus
		{position: relative;
		margin-bottom: -20px;}
	
	/* middle column, for 3 column pages */
	.middle-content
	{margin-left: 130px;
	width: 440px;}
	
	.middle-content p
	{padding-left: 15px;
	line-height: 140%;}
	
	.middle-content table
	{margin-left: 15px;}
	
	/* 2nd column for main text on 2 column pages (no callout column, only sidebar) */
	.maintext_column
	{margin-left: 130px;
	width: 610px;}
	
		* html .maintext_column
		{height: 150px;}
		
	.maintext_column p
	{padding-left: 15px;
	line-height: 140%;}
	
		.maintext_column div p
		{padding-left: 0;}
	
	/* callout column, 3rd column for 3 column pages */
	.callout
	{position: absolute;
	width: 150px;
	top: 15px;
	right: 10px;}
	
		.callout h2
		{background: #003399;
		margin-bottom: 5px;}
		
		.callout p
		{background: #0099CC;
		margin-top: 0;
		margin-bottom: 10px;
		padding: 5px;}

/* FOOTER: contains bottom menu and contact info */
#footer
{background: #66CCCC;
border-bottom: 1px solid #66FFFF;}

/* decorative wave image */
.waves
{background: url(../images/backgrounds/waves.jpg) no-repeat;
border-top: 1px solid #669999;
height: 45px;}

/* PRODUCTS FOR ORDER PAGE */
.product_wrapper
{float: left;
width: 280px;
height: 240px;
margin-right: 15px;
margin-bottom: 20px;}

	.product_wrapper img
	{float: left;
	margin-right: 10px;}
	
	.product_wrapper a
	{text-decoration: none;}
	
	.product_wrapper p, .product_wrapper h2, .product_wrapper h3, .product_wrapper h4, .product_wrapper ol, .product_wrapper ul
	{margin-left: 110px;}
	
	.product_wrapper p
	{margin-bottom: 5px;}
	
	.product_wrapper h2
	{margin-top: 0;}
	
	.product_wrapper h3
	{margin-top: 5px;}
	
	.product_wrapper h2, .product_wrapper h3, .product_wrapper h4
	{margin-bottom: 0;}
	
	.product_wrapper ol, .product_wrapper ul
	{margin-top: 0;
	margin-bottom: 5px;}


/* MENUS ------------------------------------------ */

ul#customer-menu, ul#main-menu
{background: transparent;
border: none;
float: none;}

ul#main-menu
{background: url(../images/backgrounds/pink-transparent.gif);
width: 500px;}
	
	ul#customer-menu li
	{border-bottom: none;}
	
	ul#main-menu li
	{background: transparent;}
	
		ul#main-menu li:last-child,
		ul#main-menu li.last-child
		{border-right: 2px solid #FFF;}

/* menu for main site sections */
ul#main-menu li
{float: left;}


/* TITLES (image replacement for special non-standard fonts) */
.about-sea-dreams
{background: url(../images/titles/about-sea-dreams.gif) no-repeat;
height: 16px;
width: 244px;
text-indent: -9000px;
overflow: hidden;}

.product-sea-dreams
{background: url(../images/titles/products.gif) no-repeat;
height: 16px;
width: 244px;
text-indent: -9000px;
overflow: hidden;}


.sizechart-sea-dreams
{background: url(../images/titles/sizechart.gif) no-repeat;
height: 16px;
width: 244px;
text-indent: -9000px;
overflow: hidden;}

.contact-sea-dreams
{background: url(../images/titles/contact.gif) no-repeat;
height: 16px;
width: 300px;
text-indent: -9000px;
overflow: hidden;}

.warranty-sea-dreams
{background: url(../images/titles/warranties.gif) no-repeat;
height: 16px;
width: 700px;
text-indent: -9000px;
overflow: hidden;}

.testimonials-sea-dreams
{background: url(../images/titles/testimonials.gif) no-repeat;
height: 16px;
width: 244px;
text-indent: -9000px;
overflow: hidden;}

.privacy-sea-dreams
{background: url(../images/titles/privacy.gif) no-repeat;
height: 16px;
width: 244px;
text-indent: -9000px;
overflow: hidden;}