* { margin: 0; }

html, body
{
	height: 100%;
	font-family: Helvetica,Verdana;
	color: #3998d3;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;	
}

hr {
	margin-top: 20px;	
}

a { outline: none; }

.body ul,
.body li {
	padding: 3px;
	margin-left: 10px;
	list-style-type: disc;
}

#wrapper
{
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -288px;
	/* the bottom margin is the negative value of the footer's height */
	position: relative;
	z-index: 1000;
	max-width: 1260px;
	margin-left: 0;
}

.moveable
{
	width: 1120px;
	margin: 0;
	margin-left: auto;
	margin-right: 0;
}

#wrapper,
.footer { min-width: 1120px; }
.fade, .push { height: 288px; }

.footer
{
	background: url(../images/footer_t.gif) bottom left no-repeat;
	position: relative;
	z-index: 100;
}

.fade
{
	vertical-align: center;
	background: url(../images/footer_fade.png) bottom left repeat-x;
	width: 100%;
}

#wrapper #blah
{
	font-size: 12px;
	color: #a9a3a5;
	position: absolute;
	bottom: 33px;
	left: 0px;
	width: 100%;
}

#wrapper #blah p
{
	float: left;
	margin-left: 20px;
}

#wrapper #blah .left-column { height: 1px; }
#blah a:link,
#blah a:visited { color: #a9a3a5; }

.left-column
{
	width: 293px;
	height: 200px;
}



.header .left-column
{
	background: url(../images/header_mark.jpg) top right no-repeat;
	height: 181px;
}

.left-column img {
	margin-left: 40px;
}

.hide
{
	position: absolute;
	left: -999em;
}

#wrapper .left-column { float: left; }

#wrapper #body
{
	float: left;
	width: 700px;
	margin-left: 20px;
	padding-bottom: 60px;

}

.clearfix:after
{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

#wrapper.clearfix:after
{
	height: 20px;
}

.clearfix { zoom: 1; }

#tagline
{
	margin: 0;
	padding: 0;
	height: 62px;
	font-size: 24px;
	font-weight: normal;
	color: #3998d3;
	margin-left: 314px;
	padding-top: 50px;
	word-spacing: 0;
	text-indent: -2px;
	letter-spacing: 0;
}

body #tagline {
	background: url(../images/tagline.gif) 6px 36px no-repeat;
}

body.home #tagline
{
	background: none;
	margin-left: 295px;
	height: 112px;
	padding: 0;
}

body.home #tagline p
{
	padding-top: 30px;
	font-weight: lighter;
	font-size: 16px;
	padding-left: 23px;
	width: 600px;
}

#nav, #nav ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a { display: block; }

#nav li
{
	float: left;
	width: 102px;
	padding: 0 25px 0 20px;
	/* background: url(../images/nav_border_dots.gif) right 5px no-repeat; */
	border-right: 1px dotted #3998d3;
	border-left: 1px solid #fff;
	position: relative;
}

#nav li:last-child { border-right: none; }

#nav li li
{
	margin: 0;
	border: none;
}

#nav li li a
{
	padding: 5px 0;
	padding-left: 2px;
	border-top: 1px dotted #3998d3;
}

#nav li ul li:first-child a { border-top: none; }
#nav li li:hover { background: url(../images/nav_hover_arrows.png) 6px 7px no-repeat; }

#nav li ul
{
	position: absolute;
	z-index: 1000;
	width: 150px;
	left: -999em;
	padding-bottom: 5px;
}

#nav li.technology ul
{
	background: url(../images/technology_dropdown_bg.png) bottom left no-repeat;
}

#nav li.products ul
{
	background: url(../images/company_dropdown_bg.png) bottom left no-repeat;
}

#nav li.company ul
{
	background: url(../images/company_dropdown_bg.png) bottom left no-repeat;
}
#nav li.whitepapers ul
{
	background: url(../images/whitepapers_dropdown_bg.png) bottom left no-repeat;
}



#nav li:hover ul
{
	left: -2px;
	zoom: 1;
}

a:link,
a:visited,
#nav li a:link,
#nav li li a:link,
#nav li a:visited,
#nav li li a:visited { color: #3998d3; }

#nav li a:link,
#nav li li a:link,
#nav li a:visited,
#nav li li a:visited
{
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

#nav li li a:link,
#nav li li a:visited
{
	font-size: 12px;
	font-weight: normal;
}

#nav li:hover a,
#nav li li a:hover { color: #7b7576; }
#nav li  a:active,
#nav li li a:active { color: #3998d3; }

div#testimonials
{
	color: #3998d3;
	margin-top: 10px;
	font-size: 12px;
}

div#testimonials h2
{
	color: #3998d3;
	font-size: 24px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 24px;
}

span.name,
span.organization
{
	color: #8a8184;
}

span.name
{
	font-weight: bold;
}

span.organization {
	font-style: italic;
}

div.testimonial {
	padding-bottom: 20px;
}
body.home div.testimonial
{
	padding-bottom: 0;
	width: 47%;
	float: left;
}

div.testimonial blockquote,
div.testimonial p
{
	margin: 0;
	padding: 0;
	margin-top: 5px;
	line-height: 16px;
}

#more_testimonials {
	clear: both;
	float:right;
}

#more_testimonials a
{
	display:block;
	background: url(../images/more_testimonials.png) 0 0 no-repeat;
	height: 20px;
	width: 146px;
}

#contact_for_demo a {
	display:block;
	background: url(../images/contact_for_demo.png) 0 0 no-repeat;
	height: 20px;
	width: 184px;
	margin: 0 auto;
}

#features_button a {
	display:block;
	background: url(../images/features_button.png) 0 0 no-repeat;
	height: 20px;
	width: 190px;
	margin: 20px auto;
}

p {
	line-height: 20px;
}

p.standout {
	margin-top: 20px;
	font-size: 14px;
	padding: 20px;
	background: #f1f1f1;
}

body.home h2 + div.testimonial { margin-right: 5%; }

#body h2, #body h3, #body h4 { padding: 10px 0; }

#body>h2,
div#teaser h2
{
	font-size: 32px;
	padding-top: 0;
	text-indent: -1px;
}

#body h3
{
	font-size: 22px;
	text-indent: -1px;
}

#body h4 { font-size: 16px; }

p { padding: 5px 0; }
#printHeader { display: none; }

.vcard
{
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.vcard .url {
	display: none;
	}



#demoMovie,
#sunMovie {
	margin: 0 auto;
	width: 520px;
}

#sunMovie {
	margin-bottom: 50px;
}

p.intro {
	font-weight: bold;
	font-style: italic;
}

#flash {
	margin-left: -8px;
}

#flash * {
	margin-top: -23px;
}

#beauty_ro,
#brains_ro,
#brawn_ro {
	margin: 0px;
	padding: 0px;
}

#beauty_ro a,
#brains_ro a,
#brawn_ro a {
	display: block;
	height: 66px;
	width: 535px;
	margin: 0;
	padding: 0;
}

#beauty_ro.off a {
	background: url(../images/beauty_off.png) top left no-repeat;
}

#brains_ro.off a {
	background: url(../images/brains_off.png) top left no-repeat;
}

#brawn_ro.off a {
	background: url(../images/brawn_off.png) top left no-repeat;
}

#beauty_ro.on a {
	background: url(../images/beauty_on.png) top left no-repeat;
}

#brains_ro.on a {
	background: url(../images/brains_on.png) top left no-repeat;
}

#brawn_ro.on a {
	background: url(../images/brawn_on.png) top left no-repeat;
}



.goodnews {
	background: #50a96f;
	padding: 10px;
	margin: 5px 0;
	color: #fff;
}



form.cmxform {
	padding: 0;
}

form.cmxform ul#errors,
form.cmxform #errors li {
	margin: 0;
	padding: 5px;
	list-style-type: none;
}

form.cmxform ul#errors {
	background: #ff4444;
	color: #fff;
	margin: 5px 0;
}

form.cmxform fieldset { margin-bottom: 10px; }

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	display: none;
	}

form.cmxform label {
	display: inline-block;
	line-height: 1.6;
	vertical-align: top;
	}

form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}

form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 180px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 183px; } /* Width plus 3 (html space) */

form.cmxform {
	width: 430px;
	font-size: 1.1em;
	margin-top: 10px;
	}

form.cmxform legend { padding-left: 10px; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #ccc;
	background: url(../images/form_bg.png) left bottom repeat-x;
}

form.cmxform fieldset fieldset { background: none; }

form.cmxform fieldset li {
	padding: 10px 10px 10px;
	border-bottom: 1px solid #ccc;
}

form.cmxform p {
	padding-left: 10px;
}

form.cmxform input[type=text],
form.cmxform textarea {
	border: 1px solid #3998d3;
	margin: 0;
	padding: 0;
	width: 220px;
}

form.cmxform  input[type=submit],
form.cmxform  input[type=checkbox] {
	width: auto;
	border: none;
}

body #log_output {
	color: #000;
	position: fixed;
	z-index: 3000;
	top: 0;
	right: 0;
	width: 300px;
	border: 1px dashed #ccc;
	padding: 10px;
	background: #ccc;
	opacity: 0.7;
	display: none;
}

sup {
	vertical-align: super;
}

div#teaser {
	background: #e6f2fb;
	border: 2px dotted #ddd;
	padding: 10px;
	margin-bottom: 10px;
}

div#flash {
	height: 355px;
}