/*  
	2007 Copyright D.E.A.N. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/

/* ------ Notes/Reference ------

FOR ALL SUBPAGES: Body tag must have ' class="sub" '

------------ COLORS ------------
Body Bg:		#1f3038
Header Bg:		#0c1e28
Header Nav:		#5d6970
Wrapper Bg:		#e5e0da
Stage Border:	#cecece
Nav:			#d0d2d3
Nav Hover,
H*,
Links:			#db5818
Blockquote:		#6e6346
Footer Text:	#64757d

*/


html, body, div, p, h1, h2, h3, h4, dl, dt, dd, ul, li, form, fieldset, blockquote, table, tr, td, th {margin:0;padding:0;border:0}

body {font:12px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;background-color:#1f3038;color:#333333}
/*body { opacity: 0.99999; -moz-opacity: 0.99999; -khtml-opacity: 0.99999; filter: alpha(opacity=99);font-weight:bold }*/

/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
/*.clear {display: inline-table;}*/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}



/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {outline:none;color:#333333}
a:hover {text-decoration:none}
a img {display:block;border:0}

a.start-btn {display:block;width:210px;height:25px;padding-top:1px;background:#fff url(images/start-btn_bg.jpg) no-repeat 0 0;text-align:center;font-size:13px;font-weight:bold;color:#db5818;text-decoration:none}
a.start-btn:hover {color:#1f3038}

/*---- <small> ----*/
small {font-size:11px}

/*---- <h*> ----*/

h1 {font:23px/1 Georgia, "Times New Roman", Times, serif;padding:8px 0 .1em 0;color:#db5818;font-weight:bold;border-bottom:1px solid #e6e8e9}
h2 {}
h3 {font-size:12px;color:#db5818;margin-bottom:.5em}
#test-alert h3 {font-size:14px;color:#333333;margin-bottom:.2em}
h4 {padding-bottom:.2em;margin-bottom:1em;font:12px/1 Georgia, "Times New Roman", Times, serif;color:#db5818;font-weight:bold;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e6e8e9}
h5 {font:11px/1 Georgia, "Times New Roman", Times, serif;color:#1f3038;font-weight:bold;text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}


/*---- <p> ----*/
p {margin-bottom:1.5em}


/*---- <ul> ----*/

ul {margin:0 0 1.5em 1.5em}


/*---- <div> ----*/


/*------------- Layout Styles -------------*/

#header-wrap {width:100%;height:140px;background:#0c1e28 url(images/header-wrap_bg.png) repeat-x 0 100%}
	#header {width:850px;height:79px;padding:19px 0 0 7px;position:relative;margin:0 auto 0 auto}
		#header ul {list-style:none;position:absolute;top:7px;right:7px}
			#header ul li {display:inline;color:#5d6970}
				#header ul li a {color:#5d6970;padding:0 .5em 0 .5em}
				#header ul li.last a {padding:0 0 0 .5em}

		#header span {position:absolute;top:28px;right:7px}

	#nav {width:857px;margin:0 auto 0 auto}
		#nav li {display:inline}
			#nav li a {display:block;float:left;padding:12px 1.5em 0 1.5em;background:transparent url(images/nav_bg.png) no-repeat 100% 100%;font-size:13px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#d0d2d3;display:inline}
			#nav li.last a {background:none}
			#nav li a:hover {color:#db5818}
#wrapper {width:100%;background:#e5e0da url(images/wrapper_bg.png) repeat-x 0 0}
	#stage {width:855px;margin:0 auto 0 auto;background-color:#ffffff;border:1px solid #cecece;border-bottom:none;position:relative}
		#hero {width:845px;height:228px;margin:6px;background:#ffffff;position:relative}
			#hero-content div {width:317px;float:left;padding:50px 0 0 245px;display:inline}
				#hero-content div h1 {font:32px/1.1 Georgia, "Times New Roman", Times, serif;color:#dfe7ee;border-bottom:0;padding:0}
					#hero-content div h1 strong {display:block;color:#ffffff;font-weight:normal;margin-left:50px}
				#hero-content div a.demo {display:block;width:186px;height:27px;margin:37px 0 0 95px;padding:5px 0 0 16px;background:transparent url(images/demo_btn.jpg) no-repeat 0 0;text-decoration:none;font:16px/1.1 Georgia, "Times New Roman", Times, serif;font-weight:bold;color:#db5818}
				#hero-content div a.demo:hover {color:#1f3038}
			#benefits {width:266px;height:210px;float:left;position:relative;padding:18px 0 0 16px;background:#fff url(images/benefits_bg.jpg) no-repeat 0 0;color:#ffffff;z-index:5;}
				#benefits h2 {font-size:20px;line-height:1.2;margin-bottom:.5em;font-weight:normal}
				#benefits ul {margin-left:0;list-style:none}
					#benefits ul li {font-size:14px;display:block;width:220px;background:transparent url(images/star_ico.png) no-repeat 0 3px;padding:0 7px 6px 1.5em;}
				#benefits a.button {width:129px;height:23px;position:absolute;right:2px;bottom:1px;padding-top:6px;background:transparent url(images/benefit_btn.png) no-repeat 0 0;color:#f4f3f3;text-align:center}
		
		#cell-example {width:140px;height:257px;position:absolute;top:222px;right:220px;background:transparent url(images/cell-example_bg.png) no-repeat 0 0;z-index:10;}
			#cell-example p {width:100px;margin:100px 0 0 23px;font-size:9px;line-height:1.4;color:#666666}
				#cell-example p strong {display:block}
			
		#content {width:834px;padding:7px 7px 7px 16px}
		.sub #content {width:838px;padding:7px 3px 7px 16px;clear:both;position:relative}
			#breadcrumbs {list-style:none;position:absolute;top:20px;right:7px;font-size:11px}
				#breadcrumbs li {display:inline;color:#5d6970}
					#breadcrumbs li a {color:#5d6970;padding:0 .5em 0 .5em}
			.sub #content #article {width:545px;float:left;padding:1em 7px 0 0;display:inline}
			.sub #content #sub-info {width:286px;float:left;margin-top:1px;background:#fff url(images/sub-info_bg.jpg) repeat-y 0 0}
				.sub #content #sub-info .container {width:265px;padding:0 14px 1em 7px;background:transparent url(images/sub-info_btm.jpg) no-repeat 0 100%}
				.sub #content #sub-info #subnav {list-style:none;padding:1em 0 0 1.5em;margin-left:0}
					.sub #content #sub-info #subnav li {border-bottom:1px solid #d5d8da;padding:3px 0 5px 0}
						.sub #content #sub-info #subnav li a {text-decoration:none;font-weight:bold}
				.sub #content #sub-info p {font-size:11px;color:#555555;padding-left:1.5em}
			
			#test-alert {width:201px;float:right;padding:7px 0 0 155px;background:#fff url(images/alert_bg.jpg) repeat-y 100% 0;display:inline}
				#test-alert label {font-size:11px;color:#444444}
				#test-alert input {/*display:block;*/margin-bottom:.5em}
				#test-alert select {margin-bottom:1em}
				#test-alert select,
				#test-alert select option {font-size:11px;color:#333333}
				#test-alert p {margin-bottom:.5em}
				#test-alert p.note {font-size:11px;color:#888888}
	
		#details {width:834px;padding:14px 7px 7px 16px}
			#users {width:545px;float:left;margin-right:14px;display:inline}
				#users ul {width:272px;float:left;list-style:none;margin:0;padding:0}
					#users ul li {width:100%;float:left}
					#users ul li.last {text-align:right}
						#users ul li.last a {color:#db5818}
						#users ul li img {display:block;float:left}
						#users ul li p {width:205px;float:left;font-size:11px;padding:0 0 1em 7px;display:inline}
							#users ul li p strong {font-size:12px}
			#testimonials {width:275px;float:left}
				#testimonials img {display:block;width:80px;height:80px;float:left;border:5px solid #e6e8e9}
				#testimonials div {width:174px;float:left;padding:0 4px 0 7px;display:inline}
					#testimonials p {font-size:12px;text-align:right;color:#525252}
						#testimonials blockquote p {font:13px/1.5 Georgia, "Times New Roman", Times, serif;text-align:left;color:#6e6346;margin-bottom:1em}
				#testimonials p.launch {text-align:right}
					#testimonials p.launch a {color:#db5818}

	#next-steps {width:857px;height:82px;margin:0 auto 1em auto;background:transparent url(images/next-steps-tmp.jpg) no-repeat 0 0}
	#carriers {width:670px;margin:0 auto 0 auto;text-align:center;padding:.5em 0 2em 0}
#footer-wrap {width:100%;padding:1em 0 2em 0;background:#1f3038 url(images/footer_bg.png) repeat-x 0 0}
	#footer {width:843px;margin:0 auto 0 auto;position:relative;color:#64757d;font-size:11px}
		#footer ul {list-style:none;width:400px;position:absolute;top:0;right:0;text-align:right}
			#footer ul li {display:inline}
				#footer ul li a {color:#64757d;padding:0 .5em 0 .5em}
				#footer ul li.last a {padding:0 0 0 .5em}
	

/*-------- Forms ---------*/

/* Contact Form */
form {}
	form fieldset {}
	form dl {}
		form dl dt {}
			form dl dt label {}
		form dl dd {}
			form dl dd input,
			form dl dd select {}
			form dl dd select {}
			
			form dl dd textarea {}
			
.strong {font-weight: bold;}
div.slideshow {position: relative;width: 563px; height:180px;}
.slideshow div {position: absolute;top: 0;left: 0;}

.sub #content #article form input {border-style: solid; border-width: 1px;border-color:  #a9a9a9 #c0c0c0;}
.sub #content #article form textarea {font:15px Georgia,"Trebuchet MS",Arial, Helvetica, sans-serif;border-style: solid; border-width: 1px;border-color:  #a9a9a9 #c0c0c0;}
.sub #content #article form select {border-style: solid; border-width: 1px;border-color:  #a9a9a9 #c0c0c0;}
.sub #content #article form p {margin-bottom:2px;}

.note {background:#FFF9D7;border:1px solid #E2C822;padding:10px;font-family: helvetica, arial, sans-serif;font-weight:bold;text-align:center;}