/*********** GLOBAL SETTINGS ************************/
* {margin: 0; padding: 0;}
html{overflow: -moz-scrollbars-vertical;}
a {outline: none;} /* removes Firefox dotted outline on click */
a img {border: none;}
em {font-style: italic;}
strong {font-weight: bold;}

/*************************************************/

body {	
	background: #373737;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-size: 12px;
	color: #666;
	text-align: center;
}

#wrap {
	background: #fff;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0 30px 50px 30px;
}

h1 {
	font-size: 28px;
	color: #a60004;
	margin-bottom: .5em;
	font-weight:normal;
}

#contentWrap h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-bottom: .5em;
}

h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: .5em;
	color: #a63300;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: .5em;
	color: #333;
}

h5 {
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: .5em;
	color: #666;
}

p {
	margin-bottom: 1em; 
	line-height: 1.4;
}

ul {list-style: none;}
li {margin-bottom: 1em;}

/* links */

a:link, a:visited {
	color: #0071a6;
	text-decoration: none;
}

a:hover {
	color: #003d5c;
	text-decoration: underline;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333;
	background: url(../_media/bg_blockquote.gif) repeat-x;
	padding: 20px 15px;
	margin-bottom: 10px;
/*	width: 260px;*/
}

cite {
	display: block;
	background: url(../_media/dots.gif) repeat-x;
	margin-top: 15px;
	padding-top: 15px;
	font-size: 12px;
	font-style: italic;
	color: #999;
}

.colLeft blockquote a {
	color: #333;
	text-decoration: none;
}
.colLeft blockquote a:hover {
	color: #333;
	text-decoration: none;
}

/*
*************** HEADER ********************/

#header {
	background: url(../_media/logo.png) 0 10px no-repeat;
	height: 82px;
	position: relative;
	margin-bottom: 14px;
}

#header h1{
	float: left;
	margin-top: 10px;
}

#header h1 a {
	display: block;
	width: 300px;
	height: 72px;
	text-decoration: none;
}

#header h1 span {
	display: none;
}

#header p {
	float: right;
	width: 275px;
	text-align: right;
	margin-top: 5px;
}

/**************** TOPNAV ********************/

#topNav {
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	height: 31px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#topNav li {
	float: left;
	display: inline;
	width: 164px;
	border-right: 1px #d4d4d4 solid;
	border-bottom: 1px #d4d4d4 solid;
}

#topNav a {
	background: none;
	float: left;
	display: block;
	width: 164px;
	height: 30px;
}

#topNav li a span {
	display: block;
	float: left;
	width: 164px;
	height: 30px;
	background-position: 50% 50%;
	background-repeat: no-repeat;	
}

#topNav li a span#nSolution {
	background-image: url(../_media/topnav_solution.gif);
}
#topNav li a span#nProduct {
	background-image: url(../_media/topnav_product.gif);
}
#topNav li a span#nSupport {
	background-image: url(../_media/topnav_support.gif);
}
#topNav li a span#nCustomers {
	background-image: url(../_media/topnav_cust.gif);
}
#topNav li a span#nCompany {
	background-image: url(../_media/topnav_company.gif);
}

#topNav li a span strong {
	display: none;
}


#topNav a:link, #topNav a:visited {
	text-decoration: none;
}

#topNav a:hover {
	background: #fff url(../_media/bg_topnav_ro.gif) bottom repeat-x;
	text-decoration: none;
	width: 164px;
}

body.pSolution #topNav a#aSolution,
body.pProduct #topNav a#aProduct,
body.pSupport #topNav a#aSupport,
body.pCustomers #topNav a#aCustomers,
body.pCompany #topNav a#aCompany {
	background: #fdfdfd url(../_media/bg_topnav_up.gif) repeat-x;
}

body.pSolution #topNav li a span#nSolution {
	background-image: url(../_media/topnav_solution_up.gif);
}
body.pProduct #topNav li a span#nProduct{
	background-image: url(../_media/topnav_product_up.gif);
}
body.pSupport #topNav li a span#nSupport{
	background-image: url(../_media/topnav_support_up.gif);
}
body.pCustomers #topNav li a span#nCustomers{
	background-image: url(../_media/topnav_cust_up.gif);
}
body.pCompany #topNav li a span#nCompany{
	background-image: url(../_media/topnav_company_up.gif);
}

/*
*************** HOME VALPROP ********************/

#valPropWrap {
    background: url(../_media/valprop_bg.png) 0 0 no-repeat;
    width: 960px;
}

#vp1 {
	height: 367px;
	background:url(../_media/valprop1.png) 520px 82px no-repeat;
}

#vp1-content {
	padding-top: 42px;
	padding-left: 15px;
}

#vp1-content a img{
	margin: 60px 0 0 60px;
}

#vp1-content ul{
	width: 250px;
	float: left;
}

#vp2 {
	height: 367px;
	background:url(../_media/valprop2.png) 500px 50px no-repeat;
}

#vp2-content {
	padding-top: 42px;
	padding-left: 15px;
}

#vp3 {
	height: 367px;
	background:url(../_media/realprobs.png) 0px 20px no-repeat;
	background-position: 0% 25%;
	
}

#vp3-content {
	padding-top: 45px;
	padding-left: 330px;
}

#vp3-content ul{
	width: 300px;
	float: left;
}

.valPropContent ul {
	margin-left: 2em;
}

.valPropContent li {
	background: url(../_media/bullet_square_sm.gif) 0 50% no-repeat;
	padding-left: 15px;
	color: #989898;
	font-size: 12px;	
	margin-bottom: 5px;
}

.valPropContent #h1 {
	margin-bottom: 10px;
	font-size: 24px;
}

.valPropContent p.intro {
	width: 478px;
	margin-bottom: 15px; 	
}


/**************** HOME VALPROP NAV ********************/

.ui-tabs-hide {
    display: none;
}

#valPropNav {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    height: 51px;
    width: 958px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
    margin-top: -9px;
}

#valPropNav li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
}

#valPropNav a {
    background: none;
    float: left;
    display: block;
}

#valPropNav li a strong {
    display: none;
}

#valPropNav li.aLink1 a, 
#valPropNav li.aLink2 a {
    width: 320px;
    height: 51px;
}

#valPropNav li.aLink3 a {
    width: 318px;
    height: 51px;
}

#valPropNav li.aLink1 a {
    background: url(../_media/valprop_nav.png) no-repeat 0 0;
}
#valPropNav li.aLink2 a {
    background: url(../_media/valprop_nav.png) no-repeat -320px 0;
}
#valPropNav li.aLink3 a {
    background: url(../_media/valprop_nav.png) no-repeat -640px 0;
}
#valPropNav li.aLink1 a:hover {
    background: url(../_media/valprop_nav.png) no-repeat 0 -51px;
}
#valPropNav li.aLink2 a:hover {
    background: url(../_media/valprop_nav.png) no-repeat -320px -51px;
}
#valPropNav li.aLink3 a:hover {
    background: url(../_media/valprop_nav.png) no-repeat -640px -51px;
}
#valPropNav li.ui-tabs-selected a.what,
#valPropNav li.ui-tabs-selected a:hover.what {
    background: url(../_media/valprop_nav.png) no-repeat 0 -102px;
}
#valPropNav li.ui-tabs-selected a.how,
#valPropNav li.ui-tabs-selected a:hover.how {
    background: url(../_media/valprop_nav.png) no-repeat -320px -102px;
}
#valPropNav li.ui-tabs-selected a:hover.why,
#valPropNav li.ui-tabs-selected a.why {
    background: url(../_media/valprop_nav.png) no-repeat -640px -102px;
}

/*
*************** SUBNAV ********************/

#subnav {
	background: url(../_media/dots.gif) 0 100% repeat-x;
	padding-bottom: 5px;
	font-size: 13px;
	color: #BC6640;
	margin-bottom: 25px;
}

#subnav a {
	font-size: 13px;
	color: #BC6640;
	font-weight: bold;
}

body.pCustomers #subnav,
body.pNewsletter #subnav,
body.pPrivacy #subnav,
body.pSupport #subnav,
body.pTerms #subnav {
	background: none; 
	margin-bottom: 26px;
}

body.ppOverview a#sOverview,
body.ppPricing a#sPricing,
body.ppBvB a#sBvB,
body.ppPDF a#sPDF,
body.ppMgmt a#sMgmt,
body.ppBod a#sBod,
body.ppEvents a#sEvents,
body.ppJobs a#sJobs,
body.ppContact a#sContact,
body.ppFaq a#sFaq,
body.ppResources a#sResources,
body.ppFeatures a#sFeatures {
	color: #333;
}

/*
*************** CONTENT ********************/

#contentWrap {
	padding: 10px 15px 15px 15px;
	background: url(../_media/bg_body_top.gif) no-repeat;
}

body.home #contentWrap {
	padding: 15px;
	background: none;
}

#contentWrap #h1 {
	xxmargin-bottom: 13px;
}

#contentWrap #h1 img {
	display: block;
	margin-bottom: 10px;
}

#contentWrap ul {
	background: url(../_media/bg_blockquote.gif) repeat-x;
	padding: 13px;
}

#contentWrap ul p {
	font-size: 12px;
	color: #A63300;
	background: url(../_media/dots.gif) 0 100% repeat-x;
	padding-bottom: 5px;
}

#contentWrap ul li {
	background: url(../_media/bullet_square.gif) 0 5px no-repeat;
	padding-left: 10px;
	margin-left: 3px;
}

#content {
	width: auto;
	xxpadding-right: 20px;
	overflow: hidden;
}

.contentInner {
	margin-right: 320px; /* used when only part of a page uses the sidebar */
}

p.intro {
	font-size: 14px;
	color: #666;
}

p.introrood {
	font-size: 14px;
	color: red;
}

.caption {
	font-size: 11px;
	color: #999;
	font-weight: normal;
}

.caption2 {
	font-size: 11px;
	font-weight: bold;
	color: #a1a1a1;
}

#sidebar .iconList li {
	padding-left: 25px;
	background: url(../_media/icon_sheet.gif) 0 0 no-repeat;
	
}

.icon {
	padding-right: 20px;
	margin-top: 10px;
	width: auto;
}

.iSheet {
	background: url(../_media/icon_sheet.gif) 100% 0 no-repeat;
}

.iContinue {
	background: url(../_media/icon_continue.gif) 100% 0 no-repeat;
	padding-bottom: 3px;
}

.iContinue2 {
	background: url(../_media/icon_continue_dark.gif) 100% 0 no-repeat;
	padding-bottom: 3px;
}

.iArrows {
	background: url(../_media/icon_arrows.gif) 100% 0 no-repeat;
	padding-right: 40px;
}

.iPiechart {
	background: url(../_media/icon_piechart.gif) 100% 0 no-repeat;
	padding-right: 35px;
	padding-bottom: 5px;
}

.iDistribution {
	background: url(../_media/icon_distro.gif) 100% 0 no-repeat;
	padding-right: 30px;
}

.imgBorder img {
	border: 5px solid #e1e1e1;
}

.hiring {
	background: url(../_media/bg_blockquote.gif) repeat-x;
	padding: 10px;
}

.hiring a {
	display: block;
	font-weight: bold;
}

.hiring a:hover {
	text-decoration: none;
}

a.rss-feed {
	background:url(../_media/logo_rss.gif) no-repeat;
	padding-left: 20px;
}

/*
*************** COLUMN STYLES ********************/

.colHalf {
	margin-bottom: 30px;
	overflow: hidden;
	background: url(../_media/dots_colHalf.gif) 0 0 repeat-y;
}

.colHalf div {
	width: 450px;
	padding-left: 15px;
	padding-bottom: 0;
	xxbackground: #ccc;
}

/* 2/3 thirds - 1/3 third */
.col2thirds {
	float: left;
	width: 540px;
	padding-right: 30px;
}

.col1third {
	float: right;
	width: 360px;
}

.col1third img {
	text-align: right;
	margin-bottom: 10px;
}

/* equal thirds */
.col3Wrap div {
	width: 290px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

body.home .col3Wrap div {
	height: 155px;
}

div.colLeft {
	float: left;
	padding-right: 15px;
	display: inline;
	padding-left: 0;
}

.colBasic {
	float: left;
	padding-right: 15px;
	xxbackground: url(../_media/dots_vert.gif) 100% 0 repeat-y;
}

.colRight {
	float: left;
}

.customerList {
	xxbackground: url(../_media/dots.gif) 0 100% repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.event {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.customerList img, .customerList .key {
	float: left;
	width: 133px;
	margin-left: 0;
}

.customerList p {
	margin-left: 143px;
}

.agenda {
	padding-bottom: 0;
	margin-bottom: 0;
}

/*
*************** FEATURED CUSTOMER ********************/

#featured {
	background: #fff url(../_media/bg_blockquote.gif) repeat-x;
	padding: 15px 13px;
	padding-bottom: 0;
}

#featured h5 {
	color: #a63300;
}

.featuredLogo {
	border: 5px solid #e1e1e1;
	float: left;
	width: 266px;
}

.featuredDesc {
	margin-left: 300px;
}

.featuredDesc blockquote {
	background: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.featuredDesc cite {
	margin-bottom: 10px;
}

#featuredNav {
	xxbackground: url(../_media/bg_feature_nav.gif) repeat-x;
	float: right;
	width: auto;
	margin-bottom: 20px;
}

#featuredNav p {
	margin: 0;
	padding: 0;
	float: right;
	width: 220px;
	font-size: 16px;
	text-align: right;
	margin-right: 20px;
	display: inline;
}

#featuredNav p a {
	display: block;
	width: 220px;
	color: #0071a6;
}

#featuredNav p a.selected {
	font-weight: bold;
}

#featuredNav p a:hover {
	text-decoration: none;
	color: #003d5c;
}

#featuredNav ul {
	background: none;
	float: right;
	width: auto;
	margin: 0;
	padding: 0;
}

#featuredNav ul li {
	margin: 0;
	padding: 0;
	background: none;
	float: right;
	width: 187px;
	margin-right: 20px;
	xxtext-align: center;
	xxheight: 42px;
}

#featuredNav ul li a {
	font-size: 14px;
	color: #0071a6;
}

#featuredNav ul li a.selected {
	text-decoration: none;
	font-weight: bold;
	color: #0071a6;
}

#featuredNav ul li a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #0071a6;
}
/*
*************** SIDEBAR ********************/

#sidebar {
	float: right;
	width: 294px;
	margin-left: 10px;
	display: inline;
}

body.sidebar #content {
	width: 606px;
}

.infoBoxTop {
	background: url(../_media/sidebar_top.gif) no-repeat;
	padding-top: 5px;
	margin-bottom: 20px;
}

.infoBox {
	width: 271px;
	background: #f6f6f6;
	padding: 5px 10px;
}

.infoBoxBot {
	background: url(../_media/sidebar_bottom.gif) 0 100% no-repeat;
	padding-bottom: 5px;
}

#sidebar h2 {
	font-size: 15px;
	background:url(../_media/dots.gif) 0 100% repeat-x;
	padding-bottom: 5px;
}

#sidebar ul {
	background: none;
	padding: 0;
}

#sidebar ul li {
	background: none;
	padding: 0;
}

.resourceImage {
	float: left;
	width: 75px;
	margin-right: 10px;
	display: inline;
}

#sidebarOren {
	background: url(../_media/sidebar_oren.jpg) no-repeat;
	width: 279px;
	height: 76px;
	padding: 85px 0 0 15px;
	position: relative;
}

#sidebarOren p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-top: 10px;	
}

#sidebarOren p.action {
	position: absolute;
	bottom: 5px;
	right: 15px;
}

#sidebarOren p.action a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#sidebarOren p.action a:hover {
	text-decoration: none;
}

/*Expects content to be wrapped in a div */
div.promo {
	width: 295px;
	margin-bottom: 10px;
	font-size: 11px;
}

div.promo div {
	padding: 15px 8px 21px 88px;
	background: url(../_media/promo_bottom.gif) no-repeat bottom left;
	min-height:40px;
}

div.promo h5 {
	color: #A63300;
}
	
div.promo p {
	margin: 0;
}

div.promo p a {
	font-weight: bold;
}

.promoCaseStudy {
	background: url(../_media/promo_case_study.gif) top left no-repeat;
}

.promoChat {
	background: url(../_media/promo_chat.gif) top left no-repeat;
}

.promoContact {
	background: url(../_media/promo_contact.gif) top left no-repeat;
}


/*
*************** FORMS ********************/

form.contactForm {
	xxmargin-left: 100px;
}

form.contactForm td {	
	padding: 5px;
}

input, textarea, select {
	padding: 3px;
	border: 1px solid #ccc;
}

input.error, textarea.error, select.error {
	border: 1px solid #A60004;
}

form.contactForm select {	
	width: 99%;
}

.submit {
	border: 1px solid #000;
	background: url(../_media/bg_topnav_up.gif) repeat-x;
	width: 70px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	text-transform: uppercase;
	cursor: pointer;
}


/*
*************** SUPER FOOTER ********************/

#superFooter {
	border-top: 1px solid #d4d4d4;
	padding: 30px 0;
	margin-top: 50px;
} 

#superFooter p {
	float: left;
	width: 130px;
	margin: 0;
	line-height: 1.2;
}

#superFooter p a {
	color: #636363;
	font-size: 11px;
}

#superFooter p a.darkLink {
	color: #252525;
	font-weight: bold;
}

#superFooter p a:hover {
	text-decoration: underline;
}

/*
*************** FOOTER ********************/

#footer{
	clear: both;
	border-top: 1px solid #d4d4d4;
	padding-top: 10px;
	padding-bottom: 12px;
} 

#footer p {
	color: #fff;
	margin-bottom: .5em;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: underline;
}

#footerLt {
	float: left;
	width: 400px;
}

#footerRt {
	float: right;	
	color: #959595;
	font-size: 10px;
}

#footerRt a {
	color: #959595;
	font-size: 10px;
	text-decoration: none;
}

#footerRt a:hover {
	color: #959595;
	text-decoration: none;
}

#footerLt h5 {
	float: left;
	color: #959595;
	padding-top: 3px;
}

/*
*************** TABLES ********************/

.std {
	width: 100%;
	margin-bottom: 30px;
}

.std table {
	border: 5px solid #e1e1e1;
	border-top: none;
	width: 100%;
}

.std th, .std table td {
	padding: 10px 15px;
	text-align: center;
	width: 20%;
}

.std th {
	background: #e1e1e1 url(../_media/bg_table_head.gif) repeat-x;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: .5em;
	color: #333;
}

.std table td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}

.std table td.tdHead {
	color: #fff;
	text-transform: uppercase;
	background: #999;
	border-right: none;
	text-align: left;
	font-weight: bold;
}

th.tdLeft, .std table td.tdLeft {
	text-align: left;
	font-weight: bold;
}

.std table td.tdRight {
	border-right: none;
}

.even td {
	background: #f5f5f5;
}

.std p {
	margin-bottom: 5px;
}

/*
*************** FORMS ********************/

form#signUp input {
	float: left;
	margin-left: 5px;
	height: 15px;
	padding: 2px;
	border: 1px solid #b7b7b7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #959595;
}

form#signUp input.submitButton {
	border: 1px solid #959595;
	cursor: pointer;
	height: 19px;
	padding: 0;
}

/* misc.
---------------------------------------------------------- */

.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

hr { 
	display: none;
	height:0px; 
    border:0px; 
    border-top:1px solid #ccc;
}

hr.ruleThin {
	clear: both;
	display: block;
	height: auto;
    border-top:1px solid #ccc;
	margin: 30px 0;
}

#sidebar hr.ruleThin {
	margin: 5px 0;
}

.ruleThick {
	clear: both;
	display: block;
	height: auto;
    border-top:7px solid #555;
	margin: 30px 0;
}

.infoBox li span {
	display: block;
	color: #a3a3a3;
}

.selected {
	display: none;
}

.nomargin {margin: 0;}
.notopgap {margin-top: 0;}
.nobottomgap {margin-bottom: 0;}
.home.pSolutions #wrap #valPropWrap .valPropContent #vp1 #vp1-content #h1 {
	color: #F00;
}
.home.pSolutions #wrap #valPropWrap .valPropContent #vp1 #vp1-content #h1 {
	color: #333;
}
.home.pSolutions #wrap #valPropWrap .valPropContent #vp1 #vp1-content #h1 table tr td {
	color: #000;
}

