@charset "utf-8";
/* 
	layout.css
	
	Project: RigManager Public Website

	iomer internet solutions
	http://www.iomer.com
    andrew.wright@iomer.com


	Table of Contents
	-----------------
		
	=clearfix
	=generals
	=main-navigation
    =vertical-navigation
	=search
	=page-layouts
    =search
    =panel
    =masthead-image
    =primary-feature
    =secondary-feature
    =footer
*/
/*< =color defs >*/
/*
	body bg: #e6e6da // warm grey 
	content bg: #fcfcfa // off-white
	content border: #a09e8f // dark mocha
	
	right col bg: #faf8e2 // cream
	right col border: #b7b280 // mocha
	
	panel header bg: #f4f2d8; // creamy
	
	feature bg: #074762 // deep sea blue (10,000 leagues)
	feature content bg: #14506a // middle sea blue (5,000 leagues)
	feature content border: #427388 // sea froth
	
	heading border-left: #3297c2 // electric blue


    product list border: #ebeadc // cocoa-y
	
	


*/
/*< /color defs >*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ul, ol,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

body {
	padding: 10px;
	background-color: #fcfcfa;
}
body.has-frame { /* switch background color if we are framing content */
	background-color: #e6e6da;
}

p {
	padding: 0;
	margin: 0 0 .75em;
}

a img { border: 0 none; }

.left { float: left; }
.right { float: right; }


/* =clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* global style def'n for horizontal lists */
.horizontal-list {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.horizontal-list li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.horizontal-list a,
.horizontal-list span {
	display:inline-block;/* crucial for proper IE6 rendering */
	text-decoration: none;
}

/*< =generals >*/
.page-frame {
	width:960px; /* used to 'trim' the width */
	margin: 0 auto 10px;
}
body.has-frame .page-frame {
	border: 1px solid #a09e8f;
	background-color: #fcfcfa;
}
.matte {
	display: block;
	margin: 10px 10px 0;
}

a.button-fom {
	display: inline-block;
	width: 152px;
	height: 27px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

a.button-fom:link,
a.button-fom:visited { background-image: url(images/btn_find_out_more.gif); }
a.button-fom:hover,
a.button-fom:active { background-image: url(images/btn_find_out_more_hvr.gif); }

a.button-learn-more {
	display: inline-block;
	width: 126px;
	height: 22px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
a.button-learn-more:link,
a.button-learn-more:visited { background-image: url(images/btn_learn_more.gif); }
a.button-learn-more:hover,
a.button-learn-more:active { background-image: url(images/btn_learn_more_hvr.gif); }

a.button-fom span,
a.button-learn-more span {
	display: none;
}

/*</ generals >*/


/*< =main-navigation >*/
.main-nav-frame {
	background: #074762 url(images/main_nav_rptr.png) 0 0 repeat-x scroll;
}

.main-nav, /* ul */
.main-nav li,
.main-nav a {
	/* specific height of the bg and the nav elements */
	height: 49px;
	line-height: 49px;
}

.main-nav li { 
	background: transparent url(images/main_nav_div.png) 0 0 no-repeat scroll;
	padding: 0 0 0 2px;
}
.main-nav a { 
	margin: 0;
	padding: 0 40px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none !important;
}
.main-nav a:link,
.main-nav a:visited {
	/* empty for IE 6 */
	color: #fff;
}
.main-nav a:hover,
.main-nav a:active {
	color: #fff;
	background: transparent url(images/main_nav_hvr.png) 0 0 repeat-x scroll;
}
.main-nav a:active,
.main-nav a.selected,
.main-nav a.selected:link,
.main-nav a.selected:visited,
.main-nav a.selected:hover,
.main-nav a.selected:active {
    /* *Do NOT delete this style* if color, etc. removed, leave empty for IE 6 */
	color: #fff;
	background: #0b668b url(images/main_nav_selected.png) 0 0 repeat-x scroll;
}
/*</ main navigation >*/

/*< =vertical-navigation >*/

ul.vert-nav {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none none outside;
}
ul.vert-nav li {
	margin: 0;
	display: inline; 
	
	list-style: none none outside;
}
ul.vert-nav a {
	display: block;
	text-decoration: none !important;
	padding: 3px 5px;
	border-bottom: 1px solid #eee;
}
ul.vert-nav a:link,
ul.vert-nav a:visited {
	color: #074762;
	background-color: transparent;
}

ul.vert-nav a:hover,
ul.vert-nav a:active,
ul.vert-nav a.selected,
ul.vert-nav a.selected:link,
ul.vert-nav a.selected:visited,
ul.vert-nav a.selected:hover,
ul.vert-nav a.selected:active {
	color: #fff;
	background-color: #074762;
}

/*< / vertical-navigation >*/
/*< =search >*/
.logo-search-wrap { margin-bottom: 10px; }
.search {
	float: right;
	text-align: right;
	width: 300px;/*not-specific */
	margin-top: 0px;
}
.search input {
	vertical-align: top;
	margin-top: 10px;
}
.search-query
{
	/* text input */
	background-position: 3px 50%;
	border: 1px solid #aaaaaa;
	height: 28px;
	line-height: 28px;
	padding: 0 3px 0 25px;
	margin-top: 10px;
	width: 150px;
	vertical-align: top;
	background: #fff url(images/icon_search.png) 3px 50% no-repeat scroll;
	color: #808080;
}
.search-button {
	vertical-align: baseline;
	margin-top: 10px;
}
/*< / search >*/


/*< =panel >*/
.panel {
	display: block;
	margin: 0 4px 10px;/*match: =panel-margin*/
	background-color: #fcfcfa;
	border: 1px solid #b7b280;
	padding: 10px;
	/* IE -margin fix */
	position: relative;
	zoom: 1;
	/* / fix */
}
.panel h1 {
	display: block;
	margin: -10px -10px 10px;
	padding: 0 10px;
	height: 27px;
	line-height: 24px;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #212121;
	background: #f4f2d8 url(images/panel_header.png) 0 100% repeat-x scroll;
}
/* remove the padding on a panel, and remove the corrections on the heading */
.panel.remove-padding { padding: 0; }
.panel.remove-padding h1 { margin: 0; }

.panel-button {
    display: block;
    margin: 0 4px 10px;/*match: =panel-margin*/
}
/*< / panel >*/

/*< =masthead-image >*/
.masthead {
    width: 700px;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

/*< / masthead-image >*/

/*< =primary-feature >*/
.featured-product-frame {
	display: block;
	background-color: #074762;
	padding: 10px;
	position: relative;
	z-index: 100;
}

.featured-product-outer {
	display: block;
	background-color: #14506a;
	border: 1px solid #427388;
}

.featured-product-inner {
	display: block;
	padding: 10px;
	overflow: visible;
}
	
.featured-product-inner .product-image {
	float: left;
	border: 5px solid #fff;
	margin-top: -50px;
	zoom: 1;/* IE6 fix */
	position: relative;/* IE6 fix */
}
.featured-product-inner .product-content {
	float: left; 
	width: 405px;
	margin: 0 10px 0 20px;
	color: #fff;
}
.featured-product-inner .product-content h1 {
	color: #f0eaa8;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}
/*< / primary-feature >*/

/*< =secondary-feature >*/
.secondary-products-frame {
	margin: 10px 0 20px 0;
	padding: 0;
	background: transparent url(images/double_border.png) 0 100% repeat-x scroll;
}

/* the wrapper around each product item */
.secondary-product {
	margin-bottom: 10px;
	padding-top: 13px;
	background: transparent url(images/double_border.png) 0 0 repeat-x scroll;
}

/* smaller image representing product */
.secondary-product .product-image {
	float: left;
	width: 80px;
}

/* product title and description container */
.secondary-product .product-content {
	float: left; 
	width: 240px;
	margin: 0 10px;
}
/* product title */
.secondary-product .product-content h1 {
	color: #074762;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
}
/*< / secondary-feature >*/


.standard-content .page-title {
	margin: 25px 0 15px;
}
.standard-content .breadcrumb {
	margin-top: 5px;
	font-size: 13px;
}

.breadcrumb a:visited {
 color:#390;
}

.breadcrumb a:active {
 color:#0f82ae;
}


/*< =footer >*/
.footer {
	width:940px; /* used to 'trim' the width */
	margin: 0 auto 30px;
	padding: 10px;
	background-color: #f5f5f0;
	border: 1px solid #a09e8f;
	color: #555;
	font-size: 11px;
}
.footer a,
.footer a:link,
.footer a:visited {
	color: #555;
}
.footer a:hover,
.footer a:active {
	color: #212121;
}
/*< / footer >*/



/*< =product-listing >*/
.product-listing {
    border: 1px solid #ebeadc;
    background: #fefefe url(images/product_listing_bg.png) 0 0 repeat-x scroll;
    padding: 20px;
    margin-bottom: 20px;
}

.product-listing .product {
    width: 300px;
    margin-bottom: 20px;
}
.product-listing .product img {
    float: left;
}
/* product title and description container */
.product-listing .product-content {
	float: left; 
	width: 220px;
	margin-left: 10px;
}
.product-listing .product-content p {
    margin-bottom: 5px;
}
/* product title */
.product-listing .product h3 {
	color: #212121;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 4px; /* undo our custom h3 setting, and add new */
	border-left: 0 none; /* undo our custom h3 setting */
	border-bottom: 1px solid #e3dd9f;
}
/*< / product-listing >*/

/*< =product-page tabs >*/
.page-tabs-wrap {
    border-bottom: 1px solid #e6e6da; 
    margin-bottom: 10px;
}
.page-tabs-wrap ul {
    float: right;
}
.page-tabs-wrap li { margin-left: 3px; }

.page-tabs-wrap a { padding-left: 10px; }
.page-tabs-wrap a.selected {
    background: transparent url(images/page_tab_L.gif) 0 0 no-repeat scroll;
}
.page-tabs-wrap a,
.page-tabs-wrap a:link,
.page-tabs-wrap a:visited 
{
    color: #555;
    text-decoration: none;
}
.page-tabs-wrap a:hover,
.page-tabs-wrap a:active 
{
    color: #212121;
    text-decoration: none;
}
.page-tabs-wrap a span 
{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 20px 0 10px;
}
.page-tabs-wrap a.selected span 
{
    background: transparent url(images/page_tab_R.gif) 100% 0 no-repeat scroll;
}

/* standard def'n for on product pages */
.intro-blurb .product-image {
    margin: 0 10px 10px 0;
    border: 1px solid #bebebe !important;    
}
/*< / product-page tabs >*/

.investor-quote-top {
	margin-bottom: 5px;
	padding-top: 7px;
}

.investor-quote {
	margin-bottom: 5px;
	padding-top: 7px;
	background: transparent url(images/double_border.png) 0 0 repeat-x scroll;
}