/*
	RX Critical main stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	background: #002d60 url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: 'Trebuchet MS', arail, sans-serif;
	font-size: 13px;
}
table tr td {
	font-size: 13px;
}
img, a img {
	border: 0;
}
.clearit:after { 
    content: ""; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}
.clearit { 
    min-height: 0; 
    height: 0; 
}
html>body .clearit { 
    height: auto; 
}
.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Branding / top menu
--------------------------------------------------------------------------------------------------- */
#header {
	background: url('../images/wrapper/header-bg.jpg') 50% 0 no-repeat;
	min-height: 186px;
	height: auto !important;
	height: 186px;
	clear: both;
	position: relative;
	z-index: 1000;
}
#header #header-inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#header #header-inner #logo {
	display: block;
	float: left;
	position: relative;
	top: 25px;
	left: 44px;
}
#header #header-inner #tagline {
	display: block;
	float: right;
	position: relative;
	top: 62px;
	right: 31px;
}
#header #header-inner #toolbar {
	float: right;
	padding: 17px 5px 0 0;
}
#header #header-inner #toolbar li {
	display: block;
	float: left;
	padding-right: 23px;
}
#header #header-inner #toolbar li a {
	display: block;
	float: left;
}
/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	background: url('../images/wrapper/wrapper-bg.jpg') 50% 0 no-repeat;
	width: 100%;
	clear: both;
	position: relative;
	z-index: 10;
}
#wrapper #main-content {
	width: 980px;
	min-height: 345px;
	height: auto !important;
	height: 345px;
	margin: 0 auto;
	position: relative;
}
#wrapper #main-content #content {
	background: #fff url('../images/wrapper/content-btm.gif') 0 100% no-repeat;
	margin-top: 27px;
	padding-bottom: 10px;
}
#wrapper #main-content #content #content-inner {
	background: url('../images/wrapper/content-top.jpg') 0 0 no-repeat;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#wrapper #main-content #content #content-inner #main-col {
	float: left;
	width: 750px;
}
#wrapper #main-content #content #content-inner #left-nav {
	float: left;
	width: 223px;
}
#wrapper #main-content #content #content-inner #main-col #text-content {
	padding: 20px 20px 15px 28px;
}

/* =Layout (homepage)
---------------------------------------------------------------------------------------------------- */
#home #feature {
	background: #fff url('../images/wrapper/feature-btm.gif') 0 100% no-repeat;
	padding-bottom: 10px;
}
#home #feature #feature-inner {
	background: url('../images/wrapper/feature-top.jpg') 0 0 no-repeat;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#home #feature #feature-inner div {
	float: left;
	color: #3e3e3e;
	padding-top: 28px;
}
#home #feature #feature-inner div.mission {
	width: 277px;
	padding-left: 33px;
	padding-right: 20px;
}
#home #feature #feature-inner div.news {
	width: 273px;
	padding-left: 23px;
	padding-right: 20px;
}
#home #feature #feature-inner div.news ul li {
	padding-bottom: 22px;
}
#home #feature #feature-inner div.technology {
	width: 332px;
}
#home #feature #feature-inner div.technology p {
	line-height: 24px;
	padding: 0 20px 0 20px;
}
#home #feature #feature-inner div.technology h2 {
	padding: 0 20px 0 20px;
}
#home #feature #feature-inner div p {
	margin: 0 0 22px 0;
	line-height: 20px;
}
#home #feature #feature-inner div h2 {
	margin: 0 0 22px 0;
}
#home #feature #feature-inner div a.more-link {
	display: block;
	margin-top: 4px;
	text-align: right;
}

/* =Main nav and dropdown
---------------------------------------------------------------------------------------------------- */
#main-nav {
	clear: both;
	width: 798px;
	height: 54px;
	position: relative;
	top: 25px;
	left: 182px;
}
#logo-slice {
	display: block;
	position: absolute;
	top: 0;
	left: -67px;
	z-index: 1000;
}
ul#menu li a#get-to-know-us {
	background: url('../images/menu-know-us.gif') 0 0 no-repeat;
	width: 154px;
}
ul#menu li a#products-services {
	background: url('../images/menu-products.gif') 0 0 no-repeat;
	width: 187px;
}
ul#menu li a#leasing-licensing {
	background: url('../images/menu-sales.gif') 0 0 no-repeat;
	width: 189px;
}
ul#menu li a#join-our-team {
	background: url('../images/menu-join-team.gif') 0 0 no-repeat;
	width: 151px;
}
ul#menu li a#investors {
	background: url('../images/menu-investors.gif') 0 0 no-repeat;
	width: 117px;
}
ul#menu li a {
	display: block;
	float: left;
	height: 54px;
	text-indent: -10000px;
}
ul#menu li a:hover, ul#menu li a.active {
	background-position: 0 -54px !important;
}
ul#menu li ul {
	background: #00254f;
	width: 200px;
	border-left: 1px solid #517094;
	border-right: 1px solid #517094;
	border-bottom: 1px solid #517094;
	margin: 22px 0 0 0;
}
ul#menu li ul li {
	line-height: 13px;
	border-top: 1px solid #25476f;
}
ul#menu li ul li ul {
	margin-left: 40px;
	margin-top: 0;
}
ul#menu li ul li a {
	background: none !important;
	color: #fff !important;
	display: block;
	font-size: 12px;
	text-indent: 0;
	width: 180px;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	line-height: 16px;
	text-decoration: none;
	padding: 9px 10px 9px 10px;
} 
ul#menu li ul li a:hover {
	background: #fff !important;
	color: #000 !important;
}	
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	outline: 0;
}
/* Essential Styles - modify with caution */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em;
	z-index: 9999;
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* Fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* Match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 150px; /* Match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* Match ul width */
	top: 0;
}
.sf-sub-indicator { /* Use if needed */
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
}
/* Apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	margin: 0;
}
/* Main menu item styles */
#menu li.sfHover a, #menu li a.active {
	background-position: 0 -54px !important;
}

/* =Left nav
---------------------------------------------------------------------------------------------------- */
#left-nav ul {
	margin-top: 25px;
}
#left-nav ul li {
	display: inline;
}
#left-nav ul li a {
	display: block;
	width: 222px;
	line-height: 16px;
	text-indent: 32px;
}
#left-nav ul li a span {
	display: block;
}
#left-nav ul li a span span {
	display: block;
	padding: 11px 0 14px 0;	
}
#left-nav ul li a:hover {
	background: url('../images/wrapper/left-nav-hover.jpg') 0 0 repeat-y;
	color: #d71921;
}
#left-nav ul li a.active {
	background: url('../images/wrapper/left-nav-hover.jpg') 0 0 repeat-y;
	color: #d71921;
	font-weight: bold;
	text-decoration: none;
}
#left-nav ul li a:hover span, #left-nav ul li a.active span {
	background: url('../images/wrapper/left-nav-item-top.jpg') 0 0 no-repeat;
}
#left-nav ul li a:hover span span, #left-nav ul li a.active span span {
	background: url('../images/wrapper/left-nav-item-btm.jpg') 0 100% no-repeat;
	cursor: pointer;
}	

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	color: #848484;
	font-size: 11px;
	padding: 36px 0 0 28px;
	line-height: 15px;
}
#breadcrumb a {
	color: #848484;
}

/* =Sub content
---------------------------------------------------------------------------------------------------- */
#wrapper #main-content #content #content-inner #main-col #sub-content {
	background: #d4e6eb;
	float: right;
	color: #3e3e3e;
	width: 237px;
	margin: 74px 16px 10px 20px;
	padding: 22px 0 5px 0;
	border: 1px solid #aec7cd;	
}
#wrapper #main-content #content #content-inner #main-col #sub-content h3 {
	font-size: 18px;
	color: #004482;
	font-weight: normal;
	margin: 0 0 15px 20px;
}
#wrapper #main-content #content #content-inner #main-col #sub-content p {
	line-height: 20px;
	margin-bottom: 14px;
	padding: 0 20px 0 20px;
}
#wrapper #main-content #content #content-inner #main-col #sub-content a.btn-sc-link {
	margin: 0 0 0 13px;
}

#wrapper #main-content #content #content-inner #main-col #sub-content-photo {
	float: right;
	width: 237px;
	margin: 54px 16px 10px 20px;
	padding: 22px 0 5px 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-bg.jpg') 0 0 no-repeat;
	min-height: 70px;
	height:  auto !important;
	height: 70px;
	color: #fff;
	font-size: 12px;
	clear: both;
	margin: 35px 0 35px 0;
	padding: 25px 0 0 0;
}
#footer .copyright {
	float: left;
	line-height: 20px;
	padding: 0 40px 0 35px;
}
#footer .logos {
	float: left;
}
#footer .logos img {
	display: block;
	float: left;
	padding-right: 30px;
}
#footer .contact-info {
	float: right;
	line-height: 22px;
	text-align: right;
	padding: 0 35px 0 0;
}
#footer a {
	color: #fff;
}
#footer p a:hover {
	color: #eee;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:focus  {
	outline: none;
	color: #d71921;
}
a:hover {
	outline: none;
	color: #000;
}
a.btn-link {
	background: url('../images/wrapper/btn-bg.gif') 0 0 no-repeat;
	displaY: block;
	width: 243px; 
	height: 38px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 24px;
	padding-top: 13px;
}
a.btn-sc-link {
	background: url('../images/wrapper/btn-sc-bg.gif') 0 0 no-repeat;
	displaY: block;
	width: 212px; 
	height: 47px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 24px;
	padding-top: 13px;
}

/* =lists
--------------------------------------------------------------------------------------------------- */
#text-content ul {
 	margin: 0 0 18px 0;
	padding: 0;
}
#text-content ul li {
 	background: url('../images/wrapper/list-bullet.gif') 0 6px no-repeat;
	color: #004382;
	line-height: 16px;
	padding: 0 0 10px 17px;
}
#text-content ol {
 	margin: 0 0 16px 27px;
	padding: 0;
}
#text-content ol li {
	list-style: decimal;
	line-height: 16px;
	padding: 0 0 5px 0px;
}
#text-content blockquote {
	color: #004382;
	margin-left: 34px;
	font-style: italic;
	margin-right: 34px !important;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#wrapper #main-content #content #content-inner #main-col #text-content {
	color: #3e3e3e;
}
#wrapper #main-content #content #content-inner #main-col #text-content p {
	line-height: 20px;
	margin: 0 0 20px 0;
}
#wrapper #main-content #content #content-inner #main-col #text-content h1 {
	font-family: arial, sans-serif;
	color: #d71921;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 15px 0;
}
#wrapper #main-content #content #content-inner #main-col #text-content h2 {
	color: #666;
	font-size: 14px;
	margin: 0 0 10px 0;
}

/* = Callout Box
---------------------------------------------------------------------------------------------------- */
#wrapper #main-content #content #content-inner #main-col #callout {
	background: #d4e6eb;
	color: #3e3e3e;
	width: 430px;
	margin: 25px 16px 10px 0;
	padding: 22px 0 5px 0;
	border: 1px solid #aec7cd;	
}
#wrapper #main-content #content #content-inner #main-col #callout h3 {
	font-size: 18px;
	color: #004482;
	font-weight: normal;
	margin: 0 0 15px 20px;
}
#wrapper #main-content #content #content-inner #main-col #callout p {
	line-height: 20px;
	margin-bottom: 14px;
	padding: 0 20px 0 20px;
	font-style: italic;
}

/* =Tables
---------------------------------------------------------------------------------------------------- */
.data {
	margin: 0 auto;	
}
.data tr th {
	text-align: left;
	line-height: 15px;
	padding: 5px 15px 5px 15px;
}
.data tr td {
	line-height: 15px;
	vertical-align: top;
	padding: 5px 15px 5px 15px;
}