/* CSS Document */
/*  ---png--- */
div{ behavior:url(/css/instantocean/iepngfix.htc); }
img{ behavior:url(/css/instantocean/iepngfix.htc); }
body{ behavior:url(/css/instantocean/iepngfix.htc); }

/* ---------  center content area ------------*/
#content_bdy{
	position:relative;
	width:779px;
	left:192px;
	padding-top:128px;	/* padding added to solve problem produced by position relative. Using 'top' was not working.  DRM */
	min-height:700px;
	
}
* html #content_bdy {
	height:700px;
}
#content_head{
	position:relative;
	background-image:url(/images/instantocean/bg_home_center_top.jpg);
	width:779px;
	height:38px;
}

#content_btmImg{
	background-image:url(/images/instantocean/bg_home_content_bottom.gif);
	width:779px;
	height:22px;
}

/* ----- Sidebar ----- */
#sidebar{
	/*
	background:url(../images/bg_rightnav.png);
	position:absolute;
	width:187px;
	height:212px;
	top:156px;
	left:829px;
	*/
	display:none;
}


/* ------------- Floating assets (section item and WAWW) ------------- */
#asset_1{
	/*
	position:relative;
	margin-left:500px;
	margin-top:-70px;
	height:153px;
	width:162px;
	*/
	display:none;
}
.asset_2{
	/*
	position:absolute;
	top:550px;
	left:850px;
	*/
	display:none;
}


/* -------------    Text Block Formatting ----- */
.content_pageHead{
	padding:15px 0 0 0;
}

#homeLeftColumn {
	width:290px; 
	font-size:12px; 
	line-height:17px; 
	margin:30px 20px 0 5px;
}
#homeTagLine {
	position:absolute; 
	top:420px; 
	left:590px; 
	width:148px;
}

#homeFeaturedProduct {	
	float:left; 
	width:168px; 
	margin:10px 10px 5px 10px;
	text-align:center;
}
#homeFeaturedProduct a {
	font-size:11px;
	margin:5px 10px;
}
#homeFeaturedImage {
	float:right; 
	width:393px; 
	margin:30px 0 0 0px;
}
.photoCaption {
	text-align:right;
	font-size:10px;
	line-height:13px;
	padding-top:2px;
}
.sectionBlock {
	margin-bottom:25px;
}