﻿* {
	margin: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}

div.flash_object {
	z-index: 1;
}

span.href {
	text-decoration: none;
	color: #FFFFFF;
}

BODY {
	font-size: 12px;
	background: url(../Images/backgrounds/back_body.jpg) #fff repeat-x center top;
	line-height: normal;
	color: #666;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0;
}

DIV#strip_content_options {
	height: 120px;
	width: 1024px;
	min-width: 800px;
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
}

H1 {
	margin-top: 0;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	margin-bottom: 10px;
	color: #fff;
}

H2 {
	margin-top: 0;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #fff;
}

H3 {
	margin-top: 0;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #257a97;
}

H4 {
	margin-top: 0;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 10px;
	color: #fff;
}

H2 A {
	font-size: 18px;
	color: #257a97;
	text-transform: uppercase;
}

H3 A {
	margin-top: 0;
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #257a97;
}

H5 {
	font-size: 22px;
	color: #257a97;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

SMALL {
	font-size: 95%;
	color: #666;
	margin: 0;
}

P {
	margin-top: 0px;
	margin-bottom: 15px;
}

img {
	border: none;
}

IMG.float_left {
	float: left; 
}

IMG.float_right {
	float: right; 
}

IMG.imagen_principal {
	margin-bottom: 20px;
}

P.intro {
	font-size: 14px;
	line-height: 160%;
}

DIV#strip_content_inner H1 {
	font-size: 18px;
	color: #fff;
}

DIV#strip_content_inner P {
	font-size: 16px;
	color: #fff;
	line-height: 160%;
}

DIV#strip_home {
	min-width: 800px;
	background: url(../Images/backgrounds/back_strip.jpg) no-repeat center top;
	height: 360px;
}

DIV#strip_inner {
	min-width: 940px;
	background: url(../Images/backgrounds/back_strip.jpg) no-repeat center top;
	height: 150px;
}

DIV#strip_content_inner {
	width: 800px;
	min-width: 800px;
	min-height: 120px;
	padding-top: 30px;
	padding-right: 15px;
	float: left;
}

DIV#strip_content_option_1 {
	width: 1024px;
	padding-top: 30px;
	height: 300px;
}

DIV.reset_float {
	clear: both;
}

DIV.strip_image IMG {	float: left;
}

UL.description_list LI {
	padding-left: 20px;
	font-size: 14px;
	background: url(../Images/backgrounds/back_ul_description_list.gif) no-repeat left 50%;
	margin-bottom: 7px;
	color: #fff;
}

DIV#content {
	background: url(../Images/backgrounds/back_content.jpg) repeat-x;
	color: #000;
}

DIV#content_inner {
	background: url(../index.html) repeat-x;
	color: #88a0b2;
}

DIV#content_cliff {
	background: url(../Images/backgrounds/back_content_cliff.jpg) no-repeat center top;
	padding-top: 80px;
	min-width: 940px;
}

UL#content {
	padding-left: 20px;
	font-size: 14px;
	background: url(../Images/backgrounds/back_ul_description_list.gif) no-repeat left 50%;
	margin-bottom: 7px;
	color: #88a0b2;
}

DIV#content_cliff_inner {
	min-width: 940px;
	background: url(../Images/backgrounds/back_content_cliff_inner_ext_2.jpg) no-repeat center top;
	padding-top: 80px;
}

UL#strip_tabs LI {
	float: left;
	width: 160px;
}

UL#strip_tabs LI A {
	text-decoration: none;
}

LI.off#option_img A.link_box {
	display: block;
	background: url(../Images/buttons/box2.gif) no-repeat;
	margin-left: 27px;
	width: 104px;
	height: 108px;
}

LI.on#option_img A.link_box {
	display: block;
	background: url(../Images/buttons/box1.gif) no-repeat;
	margin-left: 27px;
	width: 104px;
	height: 108px;
}

LI#option_img SPAN {
	display: none;
}

LI.option_strip {
	cursor: pointer;
}

UL#strip_tabs LI#option_1 {
	padding-right: 15px;
	margin-top: 16px;
	background: url(../Images/backgrounds/back_dotted_line_blue.gif) repeat-y right 50%;
}

UL#strip_tabs LI#option_4 {
	padding-right: 15px;
	margin-top: 16px;
	padding-left: 20px;
}

UL#strip_tabs LI#option_img A.link_box {
	display: block;
	margin-left: 27px;
	width: 104px;
	height: 108px;
}

.next_strip a {
	margin-left: -10px;
	padding: 3px 7px 2px 7px;
	color: #1e3345;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	text-decoration: none;
	outline: 0px;
	-moz-border-radius: 4px;
	-moz-opacity: 0.5;
}

.next_strip a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #1e3345;
	-moz-opacity: 0.9;
}

/* @group Columns */

DIV#col_1, DIV#col_3 {
	float: left;
	margin-bottom: 50px;
}

DIV#col_1 {
	padding-right: 20px;
	width: 630px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #ccdcfa;
	border-right-color: #ccdcfa;
	border-bottom-color: #ccdcfa;
	border-left-color: #ccdcfa;
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: right 50%;
	padding-left: 20px;
	padding-top: 20px;
}

DIV#col_3 {
	width: 930px;
}

DIV#col_1 IMG.float_right, DIV#col_3 IMG.float_right {
	float: right;
	margin-left: 2px;
}

UL#col_1 LI {
	padding-left: 20px;
	font-size: 14px;
	margin-bottom: 7px;
	color: #88a0b2;
}

DIV#col_1 P A, DIV#col_3 P A {
	font-weight: bold;
}

DIV#col_1 DIV#col_1_1 {
	padding-right: 21px;
	background: url(../Images/backgrounds/back_dotted_line_content_vertical.gif) repeat-y right 50%;
	float: left;
	width: 286px;
}

DIV#col_1 DIV#col_1_2, DIV#col_3 DIV#col_1_2 {
	padding-left: 19px;
	float: left;
	width: 286px;
}

DIV#col_2 {
	padding-left: 10px;
	float: left;
	margin-bottom: 50px;
	width: 240px;
}

DIV#col_2 IMG.clients {
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-right: 17px;
}

/* @end */

OL#app_exchange {
	margin: 10px 0px 20px 20px;
	padding: 0;
}

OL#app_exchange LI {
	color: #1a4d6f;
}

OL#app_exchange LI SPAN {
	color: #819aad;
}

DIV#content_wrapper H1 {
	font-size: 16px;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

UL.article_options {
	font-weight: 700;
	float: right;
	list-style-type: none;
	text-align: right;
	margin: 0 0 20px;
	padding: 0;
}

DIV.hr {
	clear: both;
	margin-top: 20px;
	background: url(../Images/backgrounds/back_dotted_line_content.gif) repeat-x;
	height: 20px;
}

DIV.hr hr {
	display: none;
}

DIV#footer {
	clear: both;
	background: url(../Images/backgrounds/back_dotted_line_content.gif) repeat-x 50% top;
	margin-bottom: 40px;
	color: #70a4c1;
	width: 940px;
	padding-top: 20px;
}

DIV#footer UL#copyright {
	float: right;
	list-style-type: none;
	color: #70a4c1;
	margin: 0;
	padding: 0;
}

DIV#search .blank {
	border-right: #0a4065 2px solid;
	border-top: #0a4065 2px solid;
	font-size: 14px;
	border-left: #0a4065 2px solid;
	border-bottom: #0a4065 2px solid;
	background-color: #e8f3f9;
	padding: 0 5px 5px 0;
}

DIV#search .boton {
	border-right: #215086 2px solid;
	border-top: #215086 2px solid;
	font-size: 14px;
	background: #215086;
	margin-left: 10px;
	border-left: #215086 2px solid;
	color: #fff;
	border-bottom: #215086 2px solid;
	padding: 2px 5px;
}

DIV#search .boton:hover {
	border-right: #fff 2px solid;
	border-top: #fff 2px solid;
	font-size: 14px;
	background: #fff;
	margin-left: 10px;
	border-left: #fff 2px solid;
	color: #215086;
	border-bottom: #fff 2px solid;
	padding: 2px 5px;
}

DIV#next UL#next_item {
	float: right;
	list-style-type: none;
}

UL#app_exchange {
	color: #1a4d6f;
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
}

UL#app_exchange LI {
	background: url(../index.html) no-repeat left center;
	background-image: url(../Images/backgrounds/back_content_cliff_inner.jpg);
	margin: 0;
	padding: 0 0 0 20px;
}

#download_message {
	margin-top: -135px;
	margin-left: 10px;
	z-index: 100000;
	visibility: hidden;
	position: absolute;
}

.infoBullet {
	padding: 0 10px 0 0;
}

TD, TH {
	color: #666;
}

/* @group Contact Form */

.contactDetails {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f8f8f8;
	margin: 40px 0 15px;
	padding: 15px 20px;
}

.pricingContactForm {
	padding: 0;
}

.pricingContactForm div {
	margin: 0;
	margin-left: 300px;
	padding: 0 10px 10px;
}

.pricingContactForm label {
	width: 100px;
	display: block;
	float: left;
	text-align: right;
	padding: 0 10px 0 0;
}

.pricingContactForm input {
	width: 200px;
	height: 15px;
	border: 1px solid #9bd6fe;
	margin: -2px 0 0;
	padding: 2px 4px 3px 2px;
}

.pricingContactForm textarea {
	width: 200px;
	height: 180px;
	border: 1px solid #9bd6fe;
	margin: -2px 0 0;
	padding: 2px 4px 3px 2px;
}

.pricingContactForm button {
	border: 0;
	height: 26px;
	width: 120px;
	background: url(../Images/buttons/send_email.gif) no-repeat 0 0;
	margin: 0px 10px 10px 120px;
}

.pricingContactForm button:hover {
	border: 0;
	height: 26px;
	width: 120px;
	background: url(../Images/buttons/send_email.gif) no-repeat 0 -26px;
	cursor: pointer;
}

form .errorMsg {
	color: #c00;
	font-size: .9em;
	margin: 5px 0px 5px 423px;
	padding: 0;
}

/* @end */

DIV#strip_content_option_2, DIV#strip_content_option_3, DIV#strip_content_option_4 {
	display: none;
	width: 940px;
	padding-top: 30px;
	height: 170px;
}

DIV.strip_description {
	float: left;
	width: 502px;
}

DIV#footer UL#footer_nav LI, DIV#footer UL#copyright LI, DIV#next UL#next_item LI {
	float: left;
}

UL.description_list, UL#strip_tabs, DIV#footer UL#footer_nav {
	list-style-type: none;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

DIV#content A, DIV#content_inner A {
	color: #205081;
	text-decoration: none;
}

DIV#content A:hover, DIV#col_1 SPAN.product_class, DIV#col_2 H2 {
	color: #205081;
}

LI#option_1 SPAN, LI#option_2 SPAN, LI#option_3 SPAN, LI#option_4 SPAN {
	display: block;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 3px;
}

LI#option_1 A.on, LI#option_2 A.on, LI#option_3 A.on, LI#option_4 A.on, LI {
	color: #fff;
}

LI#option_1 A.off, LI#option_2 A.off, LI#option_3 A.off, LI#option_4 A.off {
	color: #2f74a2;
}

UL#strip_tabs LI#option_2, UL#strip_tabs LI#option_3 {
	padding-right: 15px;
	margin-top: 16px;
	padding-left: 20px;
	background: url(../Images/backgrounds/back_dotted_line_blue.gif) repeat-y right 50%;
}

DIV#col_1 SPAN, UL.article_options LI A, UL.article_options LI A:hover {
	color: #379ED7;
}

.ContentBox {
	background-image: url("../Images/BoxBackground.png");
	background-repeat: repeat-x;
	border: 1px dashed #ccdcfa;
	-moz-border-radius: 8px;
}

.ContentBox h3 {
	margin-bottom: 5px;
	text-align: left;
}

.ContentBox .hr {
	margin-top: 0px;
	height: 15px;
}

.FeatureTestimonial {
	padding: 15px 30px 10px 40px;
	margin-top: 20px;
	background-image: none;
}

.FeatureTestimonial .Quote {
	font-size: 14px;
	font-style: italic;
	color: #3B4C54;
}

.FeatureTestimonial .Quote img {
	margin: 0px 10px 5px 0px;	
}

.FeatureTestimonial .Source {
	font-size: 13px;
	font-style: italic;
	color: #000000;
	text-align: right;
}

.FeatureTestimonial .Source img {
	vertical-align: middle;
	margin: 5px 0px 0px 10px;
}

.FeaturedIn {
	padding: 10px;
	text-align: center;
	margin-top: 20px;
	background-image: none;
}

.SideContentBox {
	border: 1px dashed #ccdcfa;
	-moz-border-radius: 6px;
	background-color: white;
	display: block;
	font-size: 15px;
	background-repeat: no-repeat;
}

.SideContentBox.RequestDemonstration {
	height: 34px;
	width: 182px;
	background-position: 2px 0px;
	padding: 16px 0px 0px 56px;
	color: #379ED7 !important;
	margin-bottom: 5px;
	outline: 0px;
}

.SideContentBox.RequestDemonstration:hover {
	text-decoration: underline !important;
}

.SideContentBox.Guarantee {
	background-position: 2px 10px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 12px;
}

.SideContentBox.Guarantee h4 {
	color: #CD0000;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	text-transform: none;
	margin-bottom: 4px;
}

.SideContentBox.Guarantee p {
	color: #000000;
	font-size: 13px;
	line-height: 13px;
}

.Testimonial .Logo {
	text-align: center;
}

.Testimonial .Logo img {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: white;
}

.Testimonial h3 {
	font-size: 14px;
	color: black;
	font-weight: bold;
	color: #666666;
}

.Testimonial p {
	margin-bottom: 10px;
}

.Testimonial .Source {
	font-style: italic;
	color: #666666;
}

.Testimonial .Source em {
	display: block;
}

.Testimonial .MoreTestimonials {
	text-align: right;
}

.ContentBox.Download p, .ContentBox.Thankyou p {
	height: 88px;
	padding: 40px 10px 0px 138px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #333333;
}

.ContentBox.Download p {
	background-image: url('../Images/Download.png');
}

.ContentBox.Thankyou p {
	background-image: url('../Images/Thankyou.png');
}

.DownloadContainer h3 {
	margin: 30px 0px 5px 0px;
}

.DownloadContainer a {
	display: block;
	text-align: center;
}

.DownloadContainer .hr {
	margin-top: 0px;
	height: 5px;
}

.DownloadContainer ul {
	list-style-position: inside;
}

.DownloadContainer li {
	color: #333333;
	font-size: 14px;
}

a.important {
	color: #3399FF !important;
	text-decoration: underline !important;
}

.ContentBox.NewRelease {
	padding: 10px;
	width: 603px;
}

.ContentBox.NewRelease .hr {
	height: 5px;	
}

.ContentBox.NewRelease p {
	margin-bottom: 0px;
}

.ContentBox.NewRelease ul {
	list-style-position: inside;
	margin: 10px 0px 10px 20px;
}

.ContentBox.NewRelease li {
	color: #393939;
	background-image: url('../Images/Bullet.png');
	background-repeat: no-repeat;
	background-position: 0px 11px;
	padding: 10px 0 6px 26px;
	font-size: 18px;
	list-style-type: none;
}

.ContentBox.NewRelease li em {
	font-style: normal;
	background-color: #FFFFDA;
}

.FreeTrial img {
	margin: 0px 0px 10px -5px;
}

/* topbar navigation tabs */

div#top_right_nav_wrap {
	margin: 0;
	float: right;
	width: 480px;
	background-image: url('../Images/TopNavBackground.png');
	background-repeat: no-repeat;
	background-position: 2px 0px;
}

DIV#hr_top_right_nav {
	background: url(../Images/backgrounds/back_dotted_line_blue.gif) repeat-x;
	height: 5px;
	width: 480px;
	float: right;
	margin-right: 0px;
}

UL#top_right_nav {
	list-style-type: none;
}

UL#top_right_nav LI {
	float: left;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-transform: uppercase;
	font-size: 11px;
	vertical-align: middle;
}

LI.top_right_bar span {
	display: block;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	color: #1a4973;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	vertical-align: middle;
}

LI.top_right_link A {
	display: inline;
	float: left;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 8px;
	color: #1a4973;
	font-weight: bold;
	text-transform: uppercase;
	background: none;
	text-decoration: none;
}

.top_right_link#pricing_button a {
	padding: 8px 12px 4px 12px;
}

LI.top_right_link A:hover {
	color: #fff;
	font-weight: bold;
}

DIV#header_wraper, DIV#strip_wraper, DIV#content_wrapper {
	display: block;
	margin-left: auto;
	width: 940px;
	margin-right: auto;
}

DIV#header_wraper {
	height: 187px;
	background: url(../Images/backgrounds/back_header_wraper.jpg) no-repeat right top;
}

/*
The main navigation tabs
*/

#nav {
	list-style-type: none;
	margin-left: 0px;
	padding-top: 166px;
	float: left;
}

#nav li {
	float: left;
	margin-right: 3px;
	text-transform: uppercase;
	background-color: white;
}

#nav li a {
	display: block;
	padding: 3px 8px 5px 8px;
	text-decoration: none;
}

/*
The resting state for nav list items is a white background with blue text.

When hovered or active it switches to a blue gradient background and white text. The text style
is specified on a nested span.
*/

#nav li a span {
	color: #194B77;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
}

#nav li:hover, #nav li.active {
	background-image: url('../Images/TabBackground.png');
	background-repeat: repeat-x;
}

#nav li:hover a span, #nav li.active a span {
	color: white;
}

/* 
because the submenu list is itself nested inside a hovered list item we have to reset the 
hover style from the nested spans and reapply it based on the hovering of individual submenu links
*/

#nav li:hover ul.submenu a span, #nav li.active ul.submenu a span {
	color: #194B77;
}

#nav li:hover ul.submenu a:hover span, #nav li.active ul.submenu a:hover span {
	color: white;
}

/*
The submenus are just nested lists contained inside the parent list item. They are hidden
by default and displayed when the parent list item is hovered.
*/

#nav li ul.submenu {
	left: auto;
	list-style-type: none;
	position: absolute;
	margin: 0;
	padding: 0;
	display: none;
	width: 12em;
	border: 1px solid #215086;
	overflow: visible;
}

#nav li ul.submenu li {
	width: 100%;
	text-align: center;
}

#nav li:hover ul.submenu {
	display: block;
}

/* features */

#strip_content_inner img {
	margin-right: 10px;
}

#col_1 h2 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: black;
}

#col_1 li {
	color: #333;
	margin-left: 30px;
}

#col_1 p {
	color: #333;
}

#col_1 h3 {
	padding: 0px;
	margin-bottom: 5px;
}

#col_1 ul {
	margin-bottom: 20px;
}

div .video_img_wrapper {
	display: block;
	float: left;
	background-color: #006699;
	height: 300px;
	width: 438px;
	cursor: pointer;
	padding: 0px;
	background-image: url(../bg_image.jpg);
}

div .video_img {
	height: 290px;
	width: 590px;
	margin-left: 5px;
	margin-top: 5px;
	background-image: url(../Images/slide.gif);
}

.ContentBox.Generic {
	background-color: white;
	background-image: none;
	padding: 15px;
}
