/**
 *	DataLava
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		29/08/2007	
 *
 *	Table of Contents:
 *		layout
 *		breadcrumbs
 *		typography
 *		lists / links
 *		tables
 *		forms
 *
 */
body,html {
	background:					#e3e3e3 url(../images/bg-body.gif) repeat-x;
}

body {
	color:						#444;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
--------------------------------------- */
#wrapper {

}

#container {
	margin:						0 auto;
	width:						900px;
}

#header {

}

#brand {
	float:						left;
	height:						108px;
	width:						260px;
}

#navigation {
	clear:						both;
	width:						900px;
}

#splash {
	background:					#c80e1c url(../images/bg-splash.jpg) left bottom no-repeat;
	height:						317px;
	margin-bottom:				5px;
}

#splash-inner {
	height:						247px;
	padding:					70px 0 0 50px;
}

#hero {
	background:					#c80e1c url(../images/bg-hero.gif) left bottom no-repeat;
	height:						187px;
	margin-bottom:				5px;
}

body.bc17168 #hero {
	background-image:			url(../images/heros/hero-about.png);
}

body.bc17169 #hero {
	background-image:			url(../images/heros/hero-how.png);
}

body.bc17170 #hero {
	background-image:			url(../images/heros/hero-who.png);
}

body.bc17171 #hero {
	background-image:			url(../images/heros/hero-pricing-signup.png);
}

body.bc17172 #hero {
	background-image:			url(../images/heros/hero-grab.jpg);
}

body.bc17173 #hero {
	background-image:			url(../images/heros/hero-support.png);
}

body.bc17174 #hero {
	background-image:			url(../images/heros/hero-showcase.png);
}

body.bc17174 #hero {
	background-image:			url(../images/heros/hero-showcase.png);
}

body.bc17175 #hero {
	background-image:			url(../images/heros/hero-contact-us.png);
}

body.bc17177 #hero {
	background-image:			url(../images/heros/hero-privacy-policy.png);
}

body.bc17178 #hero {
	background-image:			url(../images/heros/hero-disclaimer.png);
}

#content {
	background:					#fff url(../images/bg-content.gif) repeat-y;
	padding-bottom:				1.5em;
}

body.home #content {
	padding-bottom:				0;
}

#content-inner {
	background:					url(../images/bg-content-inner.gif) no-repeat;
	overflow:					hidden;
	width:						900px;	
}

#featured {
	background:					url(../images/bg-featured.gif) repeat-y;
	height:						140px;
	overflow:					hidden;
	width:						900px;
}

#content-side {
	float:						left;
	width:						235px;
}

#content-main {
	font-size:					1.2em;
	line-height:				150%;
	margin-left:				235px;
	padding:					31px 45px 0 0;
}

#footer {
	background:					url(../images/bg-footer.gif) no-repeat;
	height:						61px;
	padding-top:				20px;
}

/** typography
--------------------------------------- */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

#header h2 {
	background:					url(../images/h2s/h2-tagline.gif);
	float:						right;
	height:						13px;
	margin:						47px 26px 0 0;
	text-indent:				-9999px; 
	width:						234px;	
}

#splash-inner h3,
#splash-inner h4 {
	text-indent:				-9999px;
	width:						529px;
}

#splash-inner h3 {
	background:					url(../images/h3s/h3-splash-next-gen.gif);
	height:						28px;
}

#splash-inner h4 {
	background:					url(../images/h4s/h4-splash-for.gif);
	height:						12px;
}

#splash-inner ol li strong {
	color:						#fff;
}

#content-side h4#related-items {
	background:					url(../images/h4s/h4-related-items.gif) no-repeat;
	height:						32px;
	margin:						23px 0 0 25px;
	text-indent:				-9999px;
	width:						179px;
}

#content-main h2 {
	color:						#c70d1b;
	height:						21px;
	font-size:					18px;
	margin-bottom:				25px;
	text-transform:				uppercase;
}

#content-main h3,
#content-main h4,
#content-main h5,
#content-main h6 {
	color:						#403f3f;
	font-weight:				bold;
	margin-bottom:				0.5em;
}

#content-main h3 {
	color:						#c70d1b;
	background: 				url(../images/bg-h3.gif) left bottom no-repeat;
	padding:					0 0 3px 8px;
}

#content-main blockquote {
	font-style:					italic;
}

#content-main p {
	margin-bottom:				1.5em;
}

#content-main strong {
	color:						#4d4c4c;
}

#footer h6 {
	float:						right;
	padding-right:				15px;
	width:						97px;
}

/** lists / links
--------------------------------------- */
#splash-inner ol {	
	color:						#ffcccc;
	font-size:					1.2em;
	margin-top:					35px;
}

#splash-inner ol li {
	float:						left;
	line-height:				140%;
	padding-right:				30px;
	width:						155px;
}

#featured ol {
}

#featured ol li {
	display:					block;
	float:						left;
	height:						140px;
	padding:					15px 16px 0 18px;
	width:						266px;
}

#featured ol li ul li {
	float:						none;
	height:						auto;
	padding:					0;
	width:						auto;
}

#featured ol li#featured-packed {
	background:					url(../images/icons/icon-feature-packed.jpg) 19px 41px no-repeat;
}

#featured ol li#featured-packed h5,
#featured ol li#help-and-support h5,
#featured ol li#sign-up h5 {
	height:						12px;
	margin-bottom:				14px;
	text-indent:				-9999px;
}

#featured ol li#featured-packed h5 {
	background:					url(../images/h5s/h5-feature-packed.gif) no-repeat;
}

#featured ol li#featured-packed ul {
	margin-left:				95px;
}

#featured ol li#featured-packed ul li {
	background:					url(../images/icons/icon-arrow-lg.gif) 0 50% no-repeat;
	font-size:					1.1em;
	line-height:				130%;
	padding-left:				10px;
}

#featured ol li#featured-packed a,
#featured ol li#featured-packed a:link,
#featured ol li#help-and-support a,
#featured ol li#help-and-support a:link,
#featured ol li#sign-up a,
#featured ol li#sign-up a:link {
	bottom:						-22px;
	display:					block;
	float:						right;
	height:						19px;
	position:					relative;
	text-indent:				-9999px;
	width:						97px;
}

#featured ol li#featured-packed a,
#featured ol li#featured-packed a:link {
	background:					url(../images/buttons/btn-learn-more-b.gif) no-repeat;
}

#featured ol li#help-and-support {
	background:					url(../images/icons/icon-help-and-support.jpg) 19px 41px no-repeat;
}

#featured ol li#help-and-support h5 {
	background:					url(../images/h5s/h5-help-and-support.gif) no-repeat;
}

#featured ol li#help-and-support p,
#featured ol li#sign-up p {
	font-size:					1.1em;
	padding-left:				100px;
	line-height:				130%;
}

#featured ol li#help-and-support a,
#featured ol li#help-and-support a:link {
	background:					url(../images/buttons/btn-learn-more-g.gif) no-repeat;
}


#featured ol li#sign-up {
	background:					url(../images/icons/icon-sign-up.jpg) 19px 41px no-repeat;
}

#featured ol li#sign-up h5 {
	background:					url(../images/h5s/h5-sign-up-now.gif) no-repeat;
}

#featured ol li#sign-up a,
#featured ol li#sign-up a:link {
	background:					url(../images/buttons/btn-learn-more-r.gif) no-repeat;
}

#content-side ul#related-items-list {
	background:					url(../images/bg-related-items-list.gif) left bottom no-repeat;
	font-size:					1.1em;
	margin:						0 0 23px 25px;
	padding-bottom:				4px;
}

#content-side ul#related-items-list li {
	background:					#f8f8f8 url(../images/icons/icon-related-item.gif) 9px 50% no-repeat;
	border-top:					1px solid #eaeaea;
	border-right:				1px solid #d4d4d4;
	border-left:				1px solid #d4d4d4;
	height:						21px;
	padding:					10px 0 0 38px;
	width:						139px;
}

#content-side ul#related-items-list li a,
#content-side ul#related-items-list li a:link {
	color:						#717171;
	padding-bottom:				1px;
	text-decoration:			none;				
}

#content-side ul#related-items-list li a:hover {
}

#content-main a,
#content-main a:link {
	background-color:			#fcf3f3;
	border-bottom:				1px solid #c80e1c;
	color:						#c80e1c;/*#444;*/
	padding:					2px 1px;
	text-decoration:			none
}

#content-main a:hover {
	background:					#c80e1c !important;
	color:						#fcf3f3;
}

#content-main ul {
	margin-bottom:				1.5em;
}

#content-main ul li {
	background:					url(../images/icons/icon-arrow-r.gif) 0 6px no-repeat;
	margin-bottom: 				0.5em;
	padding-left:				1em;
}

#content-main ul li ul {
	margin:						0.5em 0 0.5em 1.5em;
}

#content-main ul li ul li {
	background:					url(../images/icons/icon-arrow-dg.gif) 0 6px no-repeat;
	margin-bottom:				0;
	padding-left:				1em;
}

#content-main ul li ol {
	margin:						0.5em 0 0.5em 1em;
}

#content-main ul li ol li {
	background:					none;
	padding-left:				0;
}

#content-main ol {
	list-style:					decimal;
	margin:						0 0 1em 0.5em;
	padding-left:				0.5em;
}

#content-main ol li {
	margin-bottom:				0.5em;
}

#content-main ol li ol {
	margin:						0.5em 0 0.5em 1.5em;
}

#content-main ol li ol li {
	margin-bottom:				0.5em;
}

#footer ul {
	color:						#6e6e6e;
	margin:						0 0 1em 20px;
}

#footer ul li {
	display:					inline;
}

#footer a {
	color: 						#6e6e6e;
	text-decoration:			none;
}

#footer a:hover {
	text-decoration:			underline;
}

#footer ul li a {
	border-right:				solid 1px #dfdfdf;
	padding:					0 7px;
}

#footer ul li a.first {
	padding-left:				0px;
}

#footer ul li a.last {
	border:						0;
}

/** tables
--------------------------------------- */
#content-main table {
	margin:						0.5em 0 1em 0;
}

table.overview a,
table.overview a:link,
table.overview a:visited {
	border:						none;
}		

table.overview img {
	margin:						0.2em 0;
	vertical-align:				middle;
}	

table.overview {
	border-collapse:			collapse;
	border-top:					1px solid #e3f1fe;
	border-right:				1px solid #e3f1fe;
	margin:						1em auto;
	width:						100%;
}

table.overview caption {
	caption-side:				top;
	color:						#9ba9b4;
	font-size:					0.94em;
	letter-spacing:				0.1em;
	margin:						1em 0 0 0;
	padding:					0;
	text-align:					center;
}	

table.overview tr.odd td,
table.overview tr.odd .column1 {
	background:					#f4f9fe url(../images/bg-td.gif) no-repeat;
}	

table.overview .column1 {
	background:					#f9fcfe;
}

table.overview td {
	border-bottom:				1px solid #e3f1fe;
	border-left:				1px solid #e5eff8;
	color:						#444;
	padding:					0.3em 1em;
	text-align:					center;
}	
			
table.overview th {
	border-bottom:				1px solid #e3f1fe;
	border-left:				1px solid #e5eff8;
	color:						#444;
	font-weight:				normal;
	padding:					0.3em 1em;
	text-align:					left;
}	

table.overview thead th {
	background:					#f4f9fe;
	color:						#66a3d3;
	font:						bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:					center;
}

table.overview thead th.column1 {
	text-align:					left;
}	
			
table.overview tfoot th {
	background:					#f4f9fe;
	text-align:					center;
}	

table.overview tfoot th strong {
	color:						#66a3d3;
	font:						bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:						0.5em 0.5em 0.5em 0;
}	
	
table.overview tfoot th em {
	color:						#f03b58;
	font-weight:				bold;
	font-size:					1.1em;
	font-style:					normal;
}

/** forms
--------------------------------------- */
input, select, textarea, optgroup, pre {
	color:						#444;
	font:						12px monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace
}

label {
	color:						#444;
	font:						12px Arial, Helvetica, Sans-Serif;
}

span.required {
	color:						#bc0000;
}

form#contact-us-form fieldset {
	border:						0 !important;
	padding-top:				0.5em;
	width:						305px;
}

form#contact-us-form fieldset p {
	margin-bottom:				0.3em;
}

form#contact-us-form fieldset p.button {
	display:					block;
	margin-bottom:				0;
	text-align:					right;
	width:						305px;

}

form#contact-us-form fieldset p label {
	color:						#444;
	float:						left;
	width:						225px;
	padding-bottom:				2px;
}

form#contact-us-form fieldset p input.text {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	margin-bottom:				0.5em;
	padding:					2px;
	width:						225px;
}

form#contact-us-form fieldset p select {
	border:						1px solid #b3b3b3;
	margin-bottom:				0.5em;
	width:						229px;
}

form#contact-us-form fieldset p textarea {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	height:						70px;
	padding:					2px;
	width:						300px;
}

form#contact-us-form fieldset p input.text:focus,
form#contact-us-form fieldset p textarea:focus {
	background-image:			url(../images/bg-input-focus.gif);
	border:						1px solid #999;
}