/*--------------------------------------*/
/* CSS Created by Domo - 2009 ----------*/
/* www.okdomo.com ----------------------*/
/*--------------------------------------*/

/*---------------------*/
/* General ------------*/
/*---------------------*/
* {margin: 0;padding: 0;}
body {
	background: #ffffff;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #333;
}
hr {display: none;}
img, fieldset {border: none;}
a:link, a:visited {color: #666;}
a:hover, a:active {color: #333;}
.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
#container {
	width: 920px;
	margin: 20px auto 0 auto;
	padding-bottom: 40px;
}
#top,
#btm {
	background: url(../images/bg_top.gif) top left no-repeat;
	width: 920px;
	height: 10px;
	line-height: 0;
	font-size: 0;
}
#btm {
	background: url(../images/bg_btm.gif) top left no-repeat;
}
/*---------------------*/
/* Header -------------*/
/*---------------------*/
#header {
	background: #fff url(../images/bg_header.gif) bottom left repeat-x;
	padding: 1px 0 15px 20px;
	border-bottom: 1px solid #fff;
	width: 900px;
}
#header h1 a {
	background: url(../images/outrank_logo.gif) top left no-repeat;
	float: left;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	width: 167px;
	height: 43px;
}
#header p {            
	background: url(../img/div_header.gif) right center no-repeat;
	width: 400px;
	text-align: right;
	float: right;
	display: inline;
	font-size: 20px;
	color: #001e3a;
	margin: 10px 25px 0 0;
	padding-right: 25px;
}                 
#header p strong {
	color: #d71920;
}
#btnLiveChat {
	/*background: url(../images/btn_livechat.png) top left no-repeat;*/
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 167px;
	height: 37px;
	float: right;
	display: inline;
	margin: 5px 0 0 0;
}                                          
/*
#btnLiveChat:hover {
	background-position: bottom;
}
*/
/*---------------------*/
/* Hero ---------------*/
/*---------------------*/
#hero {
	background: #94c0e2 url(../images/bg_hero.gif) top left repeat-x;	
	border: 1px solid #669ccf;                                    
	padding: 5px 22px 10px 22px;
	width: 874px;
}
#subHead {
	background: #66a5d6 url(../images/bg_hero.gif) top left repeat-x;	
	border: 1px solid #2572ba;                                    
	border-top: 1px solid #19518b;                         
	padding: 15px 22px;
	width: 874px;
	color: #fff;
}
#hero #about {
	float: left;
	display: inline;
	width: 530px;
	color: #000f30;
	font-size: 14px;  
}       
#about h1 {
	font-size: 28px;
	margin: 0 0 5px 8px;
	color: #a31418;
}                       
#about p {
	margin: 0 0 0 8px;     
	font-size: 14px;
}
#about strong {
	color: #fff;    
	font-size: 15px;
}         
/*---------------------*/
/* Form ---------------*/
/*---------------------*/
#sidebar #formContainer {
	float: none;
	display: block;
	width: 289px;
	margin: 0 6px 25px 0;
}
#formContainer {
	float: right;         
	display: inline;
	width: 320px;
	margin: 0 10px 0 0;
}
#formContainer p {
	text-align: center;
	font-size: 20px;
	color: #001e3a;
	margin: 15px 0 0 0;
}                 
#formContainer p strong {
	color: #d71920;
}
#sidebar #form {
	background: url(../images/bg_form_mid_side.gif) top left repeat-y;
	width: 237px;
}
#form {
	background: url(../images/bg_form_mid.gif) top left repeat-y;
	width: 268px;
	padding: 10px 40px 1px 12px;
	margin: 0;
}                         
#sidebar #formTop {
	background: url(../images/bg_form_top_side.gif) top left no-repeat;
	width: 249px;
}
#formTop,
#formBtm {                
	background: url(../images/bg_form_top.gif) top left no-repeat;
	height: 9px;
	width: 280px; 
	margin: 6px 0 0 0;
	padding: 0 40px 0 0;
	font-size: 0;
	line-height: 0;    
}          
#sidebar #formBtm {
	background: url(../images/bg_form_btm_side.gif) top left no-repeat;	
	width: 249px;
}
#formBtm {
	background: url(../images/bg_form_btm.gif) top left no-repeat;
	margin: 0 0 5px 0;
	padding: 0 40px 0 0;
}
#form h3 {
	font-size: 11px;
	line-height: 1.6em;
	color: #fff; 
}
#sidebar #form h3 {
	font-size: 11px;
	line-height: 1.6em;
	color: #fff; 
	text-align: left;
	margin: 0;
	padding: 0;
	width: 289px;
	background: none;
}                                
#form strong,
#sidebar #form strong {
	font-size: 18px;
	color: #000f30;
}                 
#form label {
	display: none;
}             
#form input {
	font-size: 12px;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	padding: 4px 2px 1px 2px;
	line-height: 1em;
	display: block;
	margin: 12px 0 0 0;
	width: 285px;
}
#sidebar #form input {
	width: 260px;
}
#form .btnSubmit {        
	background: url(../images/btn_submit.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	width: 258px !important;
	height: 31px;                                             
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
	margin: 5px auto;
}             
#form .btnSubmit:hover {
	background-position: bottom;
}
/*---------------------*/
/* Main ---------------*/
/*---------------------*/
#main {
	background: #fff url(../images/bg_content.gif) top left repeat-x;
	padding: 25px 25px 20px 20px;
	width: 875px;
}
#main #body {
	float: left;
	display: inline;
	width: 550px;
}
#main #sidebar {
	float: right;
	display: inline;
	width: 301px;
}
#main ul#checks {
	float: left;
	display: inline;
	width: 520px;
	font-size: 13px;
	margin: 10px 0 0 0;
	list-style: none;
	list-style-position: outside;
}                                
#main ul#checks li {
	background: url(../images/icon_check.jpg) top left no-repeat;
	padding: 8px 0 0 40px;
	line-height: 20px;
	margin: 0 0 5px 0;
}
#main ul#checks li strong {
	color: #a31418;
}

/*---------------------*/
/* Body ---------------*/
/*---------------------*/
#body h2,
#wide h2 {
	color: #000;
	font-size: 24px;	
	padding: 3px 0 5px 40px;
	margin: 0 0 5px 0;
}        
#iconPrint {background: url(../images/icon_print.jpg) 0 0 no-repeat;}
#iconLightbulb {background: url(../images/icon_lightbulb.jpg) 8px 0 no-repeat;}
#iconQuestion {background: url(../images/icon_question.jpg) 2px 0 no-repeat;}
#iconDollar {background: url(../images/icon_dollar.jpg) 10px 0 no-repeat;}
#iconGraph {background: url(../images/icon_graph.jpg) 2px 0 no-repeat;}
#iconContact {background: url(../images/icon_contact.jpg) top left no-repeat;}
#iconSuccess {background: url(../images/icon_star.jpg) top left no-repeat;}
#body .content,
#wide .content {
	margin: 0 0 20px 40px;
	font-size: 13px;
}                      
#wide .success p {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px 5px;
}                
#wide .success {
	margin: 0 0 20px 35px;
}
#wide .success table {
	width: 100%;
}
#body .bullets {
	margin: 0 0 20px 5px;
	font-size: 13px;
}
#successTop,
#successBtm {
	background: url(../images/bg_success_top.gif) top left no-repeat;
	width: 840px;
	height: 10px;
	line-height: 0;
	font-size: 0;
}                                                     
#successMid {
	background: url(../images/bg_success_mid.gif) top left repeat-y;
	width: 790px;
	padding: 15px 25px;
}                                                               
#successMid th {
	text-align: left;
	font-size: 14px;
	color: #000;
	padding: 0 20px 10px 0;
	line-height: 20px;
}           
#successMid td {
	padding: 0 20px 5px 0;
	font-size: 13px;
}                       
#successMid a {
	color: #155599;
	font-weight: bold;
}                    
#successMid a:hover {
	color: #343434;
}
#successBtm {background: url(../images/bg_success_btm.gif) top left no-repeat;}
.content img.left {
	float: left;
	display: inline;
}                   
.content div.right {
	float: right;
	display: inline;
	width: 330px;  
	line-height: 1.4em;
}                 
.content div.left {
	float: left;
	display: inline;       
	width: 360px;      
	margin: 10px 0;
	line-height: 1.5em;
}
#wide .content div.left {
	width: 600px;
	margin: 30px 0 0 15px;
}                         
.content img.right {
	float: right;
	display: inline;
	margin: 0 0 10px 0;
}
.content div.right ul {
	margin: 0 0 0 18px;
	font-size: 12px;
	line-height: 1.6em;
}                      
.content div.right ul li {
	margin: 0 0 5px 0;
}
.content h3 {
	color: #d71920;
	font-size: 15px;
	margin: 0 0 5px 0;
}
.content ol {
	margin: 0 0 15px 25px;
}                  
.content ol li {
	margin: 0 0 5px 0;
}      
.content ol li strong {
	color: #000f30;
}         
.content .col01,
.content .col02 {
	width: 160px;
	float: left;
	display: inline;
}
.content .col03 {
	width: 180px;
	float: left;
	display: inline;
}
.content .col01 li,
.content .col02 li,
.content .col03 li {
	list-style: none;
	list-style-position: outside;
	background: url(../images/icon_green_check.gif) center left no-repeat;
	padding: 0 0 0 17px;                               
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 2px 0;
}
.content .red {
	color: #d71920;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 0 0;
	line-height: 1.5em;
}            
.content .contact {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}                     
.content h4 {
	color: #d71920;
	font-size: 20px;
}
/*---------------------*/
/* Sidebar ------------*/
/*---------------------*/
#sidebar .top,
#sidebar .btm {
	background: url(../images/bg_sidebar_top.gif) top left no-repeat;
	width: 301px;
	height: 15px;
	font-size: 0;
	line-height: 0;
}
#sidebar .btm {
	background: url(../images/bg_sidebar_btm.gif) top left no-repeat;	
	margin: 0 0 20px 0;
}
#sidebar .mid {
	background: url(../images/bg_sidebar_mid.gif) top left repeat-y;
	padding: 1px 25px 10px 25px;
	font-size: 12px;        
	line-height: 1.5em;
}
#sidebar h3 {         
	background: url(../images/div_sidebar.gif) bottom center no-repeat;
	font-size: 20px;
	color: #00274a;
	text-align: center;
	padding: 15px 0 10px 0;
	margin: 0 0 10px 0;
}
#sidebar img.center {
	display: block;
	margin: 0 auto;
}
#sidebar img.left {
	float: left;
	display: inline;
	margin: 0 0 5px 0;
}
#sidebar img.right {
	float: right;
	display: inline;  
	margin: 0 0 5px 0;
}          
#sidebar .left p,
#sidebar .right p {
	font-size: 11px;
}              
#sidebar div.left {
	float: left;
	display: inline;
	width: 185px;
	margin: 0 0 5px 0;
}                         
#sidebar div.right {
	float: right;
	display: inline;
	width: 185px;    
	margin: 0 0 10px 0;
}
#sidebar p.justify {
	text-align: justify;
	width: 230px;
	margin: 10px auto 0 auto;
}
#partners {    
	background: url(../images/img_partner_logos2.jpg) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 250px;
	height: 180px;                                                   
	margin: 0 auto;
}
/*---------------------*/
/* Timeline -----------*/
/*---------------------*/
.section.timeline {        
	background: url(../images/img_timeline.gif) top center no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 850px;
	height: 455px;
}            
.section.timeline ul {
	list-style: none;
}
/*---------------------*/
/* Popup---------------*/
/*---------------------*/
#popup #main,
#popup {
	background-color: #fff;
	width: auto;
}
#popup #subHead {                    
	border: 0;
	border-bottom: 1px solid #19518b;
	width: auto;
}       
/*---------------------*/
/* Testimonials -------*/
/*---------------------*/
.testimonials img {
	float: left;
	display: inline;
	margin: 4px 10px 0 0;
}
.testimonials li {     
	font-size: 11px;
	list-style: none;
	list-style-position: outside;
	margin: 0 0 15px 0;
	width: 100%;
}
.testimonials cite {
	margin: 5px 0 0 0;
	display: block;
	text-align: right;
}
/*---------------------*/
/* Footer -------------*/
/*---------------------*/
#footer {
	font-size: 13px;
	margin: 15px 0 0 30px;
}