/*-------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------- NB Info           -----------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------*/
/*

	Website:			Sabe Website
	Module: 			Main::Stylesheet .
	Copyright:			2008 Cubedroute
	Initials: 			JK
	Creation Date: 		11-Jan-2009
	Last update:		11-Jan-2009
	Notes: Design: Grid 960
	Colour Pal: TDB


/*-------------------------------------------
    Eliminate chance spacing issues by reset
-------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, p, a, address, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, thead, tr, th, td, blockquote {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit; font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; margin: 0;	padding: 0;} /* Note for MS: LH  = Unitless for proper inheritance */
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
ul {list-style:none;}


/*------------------------------------------------------------
	GENERAL PAGE DECLARATIONS/ Typography (Style & Colour)
--------------------------------------------------------------*/

body { color: #333; font:13px/1.231  Georgia; line-height: 18px; background:#fff url(/m/cr/img/bgs/body.jpg) repeat-x;}
h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", Times, serif;  } 
	h1 {font-size:197%;margin-bottom:0.5em;}
	h2 {font-size:123.1%;margin-bottom:0.5em; font-weight:normal;}
	h2.sectionHead {font-size:182%;margin-bottom:20px; margin-top:5px; color:#FB6703; }
	h3{font-size:167%; margin-bottom:0.75em; font-weight:normal;}
	h3.featureSet {font-size:153.9%; margin:20px 0 10px 0;display: block; padding:10px 0 0 0;	border-top: 1px solid #333;}
	h3.blog_h3{ color:#ff6600; font-size:123.1%; display: block; padding:10px 0 0 0;}
	h4  {font-size:123.1%; line-height:25px;  padding-top:3px; padding-bottom:5px;  font-weight:normal;}
	h4.newsLink  {font-size:123.1%; margin-bottom:1.25em;height:1.25em; line-height:20px; padding-top:3px; padding-bottom:5px;  border-bottom:1px dotted #101010;}

	li {font-size:100%;  line-height: 1.7em; margin: 0.8em 0 0 0;	 }
	p { font-size:100% padding: 0;	margin:0 0 1.5em; line-height: 1.7em; } 
	p.introTxt {font-size:123.1%;margin-bottom:0.5em;} 

	a:focus, a:hover {color:#6385a1; padding: 0;	text-decoration: none;}
	a{color:#3c89c8;text-decoration:none;}
	h1.splash { color:#999999; font-size:307.8%; margin-top:10px; font-weight:normal;}
	ul#skiplinks {display: none;}

	
/*--------------------------------------
	Core structure (Grid in mind)
---------------------------------------*/
#wrap{	margin-left: auto; margin-right: auto;	width: 960px;  }
#topStrip{ position:relative;  margin:0 auto; margin-top:0; margin-bottom:0;  padding:0 0 0 0; }
#header { position:relative; width:100%; height:120px; margin-bottom:0; margin-top:0;}	
#footer {position: relative;  margin:0 auto; width:940px; padding:20px 0 0 0;  overflow: hidden; font-size: 95%; text-align:left; background:url(/m/cr/img/generic/doubleDots.png) top left repeat-x; }


ul#topNav{ display:inline;}
/*--------------------------------------
	Header
---------------------------------------*/
#logo { float:left; width:420px; height:80px; clear:both; overflow: hidden;  margin:22px 10px 0 10px; background:url(/m/cr/img/generic/logo.jpg) top left no-repeat; }
#logo { text-indent:-5000px;}
#logo a {display:block; width:420px; height:80px;}

#search { overflow: hidden;  position: absolute; top:20px; right:0; margin:0 0 0 0;  width:200px; text-transform:uppercase;}

/*--------------------------------------
	NAV
---------------------------------------*/
#nav { overflow: hidden;  position: absolute; top:57px; right:10px; margin:0 0 0 0;  clear:left; text-transform:uppercase; font-size:12px;  }
#nav ul {margin:0;padding:0;}
#nav ul li {list-style:none;float:left;}
#nav ul li a{  color: #000; text-decoration:none; margin-left:5px; margin-right:5px;}
#nav ul li a:hover,#nav ul li.active a{  color: #FF6600;}


.bannerBox { position:relative; width:940px; text-indent:-5000px; margin-left:10px; padding-bottom:30px; margin-bottom:20px; border-bottom:2px solid #101010;}
	div.banner-home-1{ background:url(/m/cr/img/banners/banner-home-1.jpg) top left no-repeat; height:248px;}
	div.banner-features-1{ background:url(/m/cr/img/banners/banner-features-1.jpg) top left no-repeat; height:248px;}
	div.banner-news-1{ background:url(/m/cr/img/banners/banner-news-1.jpg) top left no-repeat; height:80px;}
	div.banner-archive { background:url(/m/cr/img/banners/banner-news-2.jpg) top left no-repeat; height:80px;}
	div.banner-pricing-1{ background:url(/m/cr/img/banners/banner-pricing-1.jpg) top left no-repeat; height:80px;}
	div.banner-contact-1{ background:url(/m/cr/img/banners/banner-contact-1.jpg) top left no-repeat; height:80px;}
	div.banner-404-1{ background:url(/m/cr/img/banners/banner-404-1.jpg) top left no-repeat; height:80px;}
	div.banner-500-1{ background:url(/m/cr/img/banners/banner-500-1.jpg) top left no-repeat; height:80px;}

	
/*--------------------------------------
	GRID (Manages core content)
---------------------------------------*/
#cont{	margin-left: auto; margin-right: auto;	width: 960px; padding-bottom:20px; margin-top:0; }
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12,.col_13,.col_14,.col_15,.col_16 {display:inline;	float:left;	margin-left:10px;	margin-right:10px;}
#cont .col_1  {width:60px;}
#cont .col_2  {width:140px;}
#cont .col_3  {width:220px;}
#cont .col_4  {width:300px;}
#cont .col_5  {width:380px;}
#cont .col_6  {width:460px;}
#cont .col_7  {width:540px;}
#cont .col_8  {width:620px;}
#cont .col_9  {width:700px;}
#cont .col_10 {width:780px;}
#cont .col_11 {width:860px;}
#cont .col_12 {width:940px;}



/*--------------------------------------
	Misc Classes
---------------------------------------*/
/*Left Side*/
.padL_1Col  {padding-left:80px;}
.padL_2Col  {padding-left:160px;}
.padL_3Col  {padding-left:240px;}
.padL_4Col  {padding-left:320px;}
.padL_4Col  {padding-left:400px;}
.padL_6Col  {padding-left:480px;}
.padL_7Col  {padding-left:560px;}
.padL_8Col  {padding-left:640px;}
.padL_9Col  {padding-left:720px;}
.padL_10Col {padding-left:800px;}
.padL_11Col {padding-left:880px;}

/*right Side*/
.padR_1Col  {padding-right:80px;}
.padR_2Col  {padding-right:160px;}
.padR_3Col  {padding-right:240px;}
.padR_4Col  {padding-right:320px;}
.padR_5Col  {padding-right:400px;}
.padR_6Col  {padding-right:480px;}
.padR_7Col  {padding-right:560px;}
.padR_8Col  {padding-right:640px;}
.padR_9Col  {padding-right:720px;}
.padR_10Col {padding-right:800px;}
.padR_11Col {padding-right:880px;}

.margTop_25  {margin-top:25px;}
.margTop_30  {margin-top:30px;}
.margTop_40  {margin-top:40px;}
.margTop_50  {margin-top:50px;}
.margTop_60  {margin-top:60px;}

/*--------------------------------------
	Site Wide Styles
---------------------------------------*/
ul.bulleted {margin-bottom:15px;}
ul.bulleted li {list-style-type: disc; margin-left:15px; }

ol { margin-left:20px;}
/*--------------------------------------
	News
---------------------------------------*/

div.moreNews { float:right; font-style:italic; margin-top:-20px; font-size:12px;}
div.moreNews a{ color:#666666;}
img.newsThumb{ border:1px solid #dddddd; padding:4px 4px 4px 4px;}

div.blog_content { border-bottom:1px dotted #cecece; margin-bottom:20px;}
div.blog_content h3.blogTitle{ margin-top:5px; font-style: italic;}
div.blog_content img{ float:left; margin:0 20px 10px 0; border:1px solid #dddddd; padding:4px 4px 4px 4px;}

.blog_txt ol li { margin-left:40px;}
.blog_txt ul li { margin-left:40px;}
.blog_content {padding:0 0 20px 0;}
p.byline {	margin: 0 0 0 0;	padding: 0 0 0 0;	font-size: 100%;	font-style: italic; font-family:Arial, Helvetica, sans-serif;}
span.pubdate {	margin-left: 8px;	padding-left: 8px;	font-style: normal;	border-left: 1px solid #999; 	}
h3.commentCaption { margin-bottom:0; background:#CCCCCC; color:#fff; font-size:138.5%; padding:5px 5px 5px 5px;}


div.sidebar ul{ list-style-type:none;}
div.sidebar ul li{ list-style-type:none; list-style:none; font-size:11px; font-family:  Helvetica, Verdana, Arial, sans-serif}
div.sidebar ul li a{ color:#7f7f7f; text-decoration:none;}
div.sidebar ul li a:hover{ color:#6385a1;}

a.readMore {display:block; padding-left:15px; background: url(/m/cr/img/generic/arrow.gif) no-repeat center left; color:#000000; margin-top:8px;}
a:hover.readMore { text-decoration:underline;}

.sidebar ul li{color:#7F7F7F;line-height:1.2em;border-bottom:1px dotted #DEDEDE;padding:4px 0;}

.pricingReason h3 {	color: #8DC63F; font-style:italic; text-transform:capitalize; line-height:20px; margin-bottom:10px;}
.pricingReason p { margin-top:20px;}
.noMarg { margin:20px 0 0 0;}


.pricingGrid { border-top:1px dotted #101010; /* border-bottom:1px  dotted #101010; */ width:940px;}
.pricingGrid div { width:218px; height:320px; float:left; margin-left:10px; /*border-right:1px  dotted #101010;*/	margin-right:10px; }
.pricingGrid div.final { margin-right:0; margin-left:0; border-right: none !important; background:#F4F8FB;}
.pricingGrid h3 { margin:20px 10px 20px 10px; font-size:138.5%; padding-left:55px; padding-top:15px}
.pricingGrid h3.increase {background: url(/m/cr/img/icons/increase.png) no-repeat top left; height:50px; }
.pricingGrid h3.chart{background: url(/m/cr/img/icons/chart.jpg) no-repeat top left; height:50px; }
.pricingGrid h3.cash{background: url(/m/cr/img/icons/cash.jpg) no-repeat top left; height:50px; }
.pricingGrid p { font-style:italic; margin-right:10px;}
.pricingGrid div.final p { padding:0 10px 0 10px; margin-top:50px;}
.pricingGrid div.final h3 { padding-left:20px;}


/*--------------------------------------
	Form Styles
---------------------------------------*/
fieldset {border: none; padding:0 0 0 0;	margin: 0 0 30px 0;}
	 fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0; }
		fieldset label { float:left; width:250px;  padding-top:5px;  display:block;}
			 fieldset p.helptext { margin-left:200px; color:#979888; font-weight:normal;  font-size:.9em;}
		fieldset span.errors { display: block; margin-bottom:5px; color:#ff6600; font-weight:normal; font-style:italic;}
   	
		fieldset input, fieldset textarea {font-size:13px;  font-weight:normal;  width:420px; line-height:18px;  margin:3px 0 8px 0; padding: .3em; border: 1px solid #CFCEC4;}
		fieldset select {margin:3px 0 8px 0;  width:240px;}
		fieldset input.news { width:147px; color:#999999; float:left;  line-height:17px; }
		
#contactForm { width:420px; margin-left:20px;}
#contactForm form { padding:0 0 0 0;}

#contactForm div.errorBox {display: inline-block; margin:20px 0 20px 0; border: 1px solid #F16034; background: #F8AD94;	padding: 10px; color:#fff; }
	#contactForm div.errorBox div {padding: 10px; }

#contactForm div.successBox { display: inline-block;margin:20px 0 20px 0; border: 1px solid #F26C4F; background: #FED6AA;	padding: 10px; color:#F26C4F}
	#contactForm div.successBox div{ padding: 10px;}
	



/*--------------------------------------
	Buttons
---------------------------------------*/

.button {display: block;  width: 121px;	height: 80px;	background-position: 0 0;	background-repeat: no-repeat; border: none;	text-indent: -5000px;}
.button:hover {	background-position: 0 -80px;}
.button.static:hover {	background-position: 0 0;}
#btn_back { position:absolute; top: 0; right:0; width:121x; background-image: url(/m/cr/img/btns/back.png); outline:none;}
blockquote {	clear: both;	margin: 10px 0 20px 0;	padding: 15px 15px 15px 15px; color:#666;	font-style: italic;	background: #f0f0f0;	}


/*--------------------------------------
	Misc
---------------------------------------*/

.cleaner {clear:both; height:1px;  font-size:1px;  border:none; margin:0; padding:0; background:transparent;}
.borderBtmDotted { border-bottom:1px dotted #101010;}
.dot_colour {color:#FA6900;}
p.telephone {font:normal 20px/23px Helvetica, Arial, sans-serif;color:#000;}
/*clearfix*/
.cf:after {content: ".";display: block;	clear: both;visibility: hidden;	line-height: 0;	height: 0;}
.cf {display: inline-block;}
html[xmlns] .cf {display: block;}
* html .cf {height: 1%;}
/*end clearfix*/