* { padding:0; margin:0 }
body {
	font-family:"Trebuchet MS";
	color:black;
	background:#f4f9fc url(../images/bg-page.gif) left top repeat-x;
}
html>body { font-size:small; }
a { color:#45719D; text-decoration:underline }
a:hover { color:#003366 }
h1 {
	padding:.2em 0;
	margin-bottom:1em;
	font-size:20px;
	color:#45719D;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:3px solid #C8E0F1;
}
h2 {
	font-size:20px;
	font-weight:normal;
	color:#D32201;
}
h2.intext {
	margin-top: 1em;
}

p { margin:.5em 0; }


#footer {
	margin:1em 0;
	width:730px;
	text-align:center;
	font-size:12px;
}



/*

 Screen 
 
*/

body { text-align:center; }

.logo img {
	border:0px solid;
}
#home .logo a { cursor:default }



/* Bar
---------------------------------------- */
/*
#bar {
	margin: 0 0 5px;
	border-bottom: 2px solid #ACCEE5;
	padding: 3px 5%;
	background-color: #FFF;
	font-size: 90%;
	font-weight: bold;
}
*/
#bar {
	margin: 0 0 5px;
	border: 1px solid #FC6;
	border-top: 0;
	background-color: #FFC;
	font-size:90%;
	width:728px;
}
#bar P {
	margin: 0;
	padding: 4px 20px 6px;
}



div.pageTitle {
	position:relative;
}
div.pageTitle span {
	position:absolute;
	top:0;
	background-position:left top;
	background-repeat:no-repeat;
}
div.pageTitle span.overview {
	width:57px;
	height:68px;
	background-image:url(../images/icon-big-overview.gif);
}
div.pageTitle span.manage {
	width:74px;
	height:62px;
	background-image:url(../images/icon-big-manage.gif);
}
div.pageTitle span.design {
	width:75px;
	height:67px;
	background-image:url(../images/icon-big-design.gif);
}
div.pageTitle span.track {
	width:95px;
	height:66px;
	background-image:url(../images/icon-big-track.gif);
}
div.pageTitle span.deliver {
	width:99px;
	height:68px;
	background-image:url(../images/icon-big-deliver.gif);
}
div.pageTitle span.spend{
	width:65px;
	height:66px;
	background-image:url(../images/icon-big-spend.gif);
}

#container {
	text-align:left;
	width:840px;
	background:transparent url(../images/bg-top.jpg) left top no-repeat;
}
html>body #container { margin:0 auto; }

.image {
	display:block;
	float:left;
	padding:7px;
	margin-right:1em;
	margin-bottom:.5em;
	border:1px solid #B6D5EC;
	background-color:#FFF;
}
.image.right { float:right; margin:0; }
.image img { border:1px solid #E2EBF2!important; }

a:hover .image { border-color:#99B7D3; background-color:#F5F9FC }
a:hover .image img { border:1px solid #B6D5EC!important; }

.thumbnail, .thumbnail.small {
	clear:right;
	position:relative;
	float:right;
	padding-bottom:22px;
	margin-bottom:14px;
}
html>body .thumbnail {
	float:none;
	margin-left:350px;
	height:259px;
}
html>body .thumbnail.small {
	float:none;
	margin-left:350px;
	height:139px;
}
.thumbnail a {
	display:block;
}
.thumbnail .image { margin:0 }
.thumbnail span img {
	border:0px solid;
	cursor:hand;
}
/*
.thumbnail img.enlarge {
	position:absolute;
	bottom:0; right:3px;
	display:block;
	margin:-3px 0 0 0;
	padding:0;
	margin-right:3px;
	clear:both;
	border:0px solid;
}
html>body .thumbnail img.enlarge { bottom:-2px }
*/

.note {
	margin:.5em 0 1em;
	font-size:85%;
	color:#666;
}

/* Forms */
form {
}
fieldset.hidden {
	border:0px solid;
}

fieldset.arrow {
	margin: .5em 0;
	border: 0 solid;
	background: #FFFFE0 url(../images/form-arrow-right.gif) 100% 101% no-repeat;
}

fieldset.arrow div {
	height: 265px;
	padding:.5em;
	margin-right:8px;
	border: 1px solid #FC6;
	border-right: 0;
}
fieldset.arrow:hover { background-color:#FFFFD0; }
fieldset.hidden legend, fieldset.arrow legend {
	display:none;
}
	fieldset.arrow div h3 {
		margin: .5em 0 1em;
		color: #C73;
	}
	
	fieldset.arrow label {
		margin-left: 30px;
	}
	fieldset.arrow input {
		margin: 0;
		font-size: 150%;
		width: 100px;
	}
	fieldset.arrow .calculatorMsg {
		margin: 0;
		padding: .25em 0 1em;
		text-align: center;
		font-size: 100%;
		color: #999;
	}
		fieldset.arrow .calculatorMsg strong {
			font-size: 135%;
			color: #000;
		}

label {
	display:block;
	padding:.35em 0;
}
label span {
	display:block;
	float:left;
	width:150px;
}
label span.note {
	float:none;
	padding:.25em;
	width:auto;
	margin-left:150px;
}
html>body label span.note { padding:.25em 0 }
label.checkbox { margin-left:150px }

.formButtons {
	margin:1em 0 1em 142px;
	/*padding-top:.5em;
	border-top:3px solid #E2EBF2;*/
}
.button {
	position:relative;
	top:5px; left:5px;
}
html>body .button { top:7px }
.button img {
	border:0px solid;
}

.formButtons .link, .formButtons .forgetPass {
	display:block;
	float:left;
	margin:1em 3px;
}

.formButtons a.forgetPass {
	padding:.25em .5em;
	background-color:#FFFFE0;
	border:1px solid #FF9;
}

.formButtons a.forgetPass:hover { background-color:#FFC; border:1px solid #DD3; }

sup.mandatory {
	color:#C00;
	font-size:130%;
	vertical-align:middle;
}

form.signin input {
	font-size:150%;
}

form.contact TEXTAREA {
}

p.error {
	margin:1em 0;
	padding:.5em;
	padding-left:34px;
	font-size:130%;
	color:#C30;
	border:0px solid #C30;
	background:#FFEFE0 url(../images/icon-error.gif) 7px 6px no-repeat;
}
p.success {
	margin: 0 0 1em;
	padding: 0.5em 0.5em 0.5em 34px;
	font-size: 130%;
	color: #608000;
	background: #EAF5CB url(../images/icon-success.gif) 7px 5px no-repeat;
}

/* Header */
#header {
	overflow:hidden;
	width:840px;
}
	.logo { float:left; padding:0; margin:0px 0 0px; width:226px; height:91px;  }
	.tagline { display:none; }

#metaNavigation {
	background-color:#F2F7FB;
	font-size:90%;
	overflow:hidden;
	width:730px;
}

#metaNavigation ul {
	padding:6px;
	overflow:hidden;
	width:100%;
}
html>body #metaNavigation ul { width:auto }
#metaNavigation ul li {
	float:left;
	padding:0;
	padding-left:15px;
	margin:0;
	margin-right:1.5em;
	background:url(../images/bullet.gif) 0px 3px no-repeat;
	list-style:none;
}
#metaNavigation ul li.current a {
	color:#C30;
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}
#metaNavigation .signin {
	float:right;
	padding:2px 6px;
	margin:0;
}
#metaNavigation .signin span {
	float:left;
	margin:4px 7px 0;
}
#metaNavigation .signin img {
	float:left;
	padding:0;
	margin:1px 0 0 0;
	border:0px solid;
}
#mainNavigation {
	float:right;
	padding:0;
	margin:50px 0 0 0;
	overflow:hidden;
	width:600px;
}

#mainNavigation li {
	position:relative;
	float:left;
	padding:0;
	margin:0;
	margin-right:3px;
	list-style:none;
}
#mainNavigation li a {
	display:block;
	text-decoration:none;
	height:41px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#mainNavigation li.home a { width:97px; background-image:url(../images/nav-home.png); }
#mainNavigation li.about a { width:97px; background-image:url(../images/nav-aboutus.png); }
#mainNavigation li.tour a { width:97px; background-image:url(../images/nav-solutions.png); }
#mainNavigation li.pricing a { width:97px; background-image:url(../images/nav-clients.png); }
#mainNavigation li.careers a { width:97px; background-image:url(../images/nav-careers.png); }
#mainNavigation li.signup a { width:97px; background-image:url(../images/nav-contactus.png); }

#mainNavigation li a:hover { background-position:0 -41px }
#home #mainNavigation li.home a, #home #mainNavigation li.home a:hover,
#about #mainNavigation li.about a, #about #mainNavigation li.about a:hover,
#careers #mainNavigation li.careers a, #careers #mainNavigation li.careers a:hover,
#tour #mainNavigation li.tour a, #tour #mainNavigation li.tour a:hover,
#pricing #mainNavigation li.pricing a, #pricing #mainNavigation li.pricing a:hover,
#signup #mainNavigation li.signup a, #signup #mainNavigation li.signup a:hover
{
	background-position:0 -82px;
	cursor:default;
}

#mainNavigation li a span { visibility:hidden; }



/* Content */

#content {
	position:relative;
	border:5px solid #f97f00;
	background-color:#FFF;
	overflow:visible;
	width:860px;
}
html>body #content { width:860px; }

#signup #content { border-color:#F98100; /*background-color:#FFFFE9 */}

.content {
	clear:both;
	padding:16px;
}
.bottom {
	border-top:5px solid #C8E0F1;
	background-color:#F5F9FC;
}


.twocolwrapper, .twocolwrapper50 { overflow:hidden; width:100%; }
html>body .twocolwrapper, html>body .twocolwrapper50 { width:auto; }
.twocolwrapper .firstcol {
	float:left;
	width:65%;
}
.twocolwrapper .secondcol {
	margin:0 0 0 67%;
	padding:0;
	width:100%;
}
html>body .twocolwrapper .secondcol { width:33%; }

.twocolwrapper50 .firstcol {
	float:left;
	width:39%;
}
.twocolwrapper50 .secondcol {
	margin:0 0 0 40%;
	padding:0;
	width:100%;
}
html>body .twocolwrapper50 .secondcol { width:59%; }

.twocolwrapper .description {
	float:left;
	width:600px;
}



/* Corners */
span.top-left, span.top-right, span.bot-left, span.bot-right {
	position:absolute;
	display:block;
	width:16px;
	height:16px;
	z-index:10000;
}
.top-left { top:-5px; left:-5px; background:url(../images/top-left.gif) left top no-repeat; }
.top-right { top:-5px; right:-5px; background:url(../images/top-right.gif) right top no-repeat; }
.bot-left { bottom:-5px; left:-5px; background:url(../images/bot-left.gif) left bottom no-repeat; }
.bot-right { bottom:-5px; right:-5px; background:url(../images/bot-right.gif) right bottom no-repeat; }

#signup .top-left { top:-5px; left:-5px; background:url(../images/top-left.gif) left top no-repeat; }
#signup .top-right { top:-5px; right:-5px; background:url(../images/top-right.gif) right top no-repeat; }
#signup .bot-left { bottom:-5px; left:-5px; background:url(../images/bot-left.gif) left bottom no-repeat; }
#signup .bot-right { bottom:-5px; right:-5px; background:url(../images/bot-right.gif) right bottom no-repeat; }

blockquote {
	margin:0em 0 1em;
	padding:.5em 5%;
	font-size:135%;
	line-height:200%;
	text-align:center;
	color:#7C5218;
	background:#FFFFCC url(../images/bg-gradient-yellow2blue.png) left top repeat-x;
	border:1px solid #FFCC66;
}
blockquote p { margin:0; padding:0 }

/* Checkmarks list */
ul.checkmarks {
	position:relative;
	display:block;
	padding-left:20px;
	line-height:100%;
	padding-top:10px;
	margin:1em 0;
	border:0px solid;
	font-size:14px;
	line-height:23px;
	width:770px;
}
.checkmarks li {
	display:block;
	margin:0;
	padding:.25em .25em .25em 1.35em;
	background:url(../images/bullett-checkmark.gif) .25em .8em no-repeat;
	list-style:none;
	}
	
	ul.checkmarks1 {
	padding-left:20px;
	padding-top:10px;
	margin:1em 0;
	border:0px solid;
	font-size:14px;
	line-height:18px;
}
.checkmarks1 li {
	display:block;
	margin:0;
	padding:.25em .25em .25em 1.35em;
	background:url(../images/bullet.gif) .25em .8em no-repeat;
	list-style:none;
	}

/* Definition Lists */
dl {
	margin:1em 0;
}
dl dt {
	margin:.25em 0;
	font-weight:bold;
}
dl dd {
	margin:.25em 0 1.5em;
}

/* FAQ Definition Lists */
dl.faq dt {
	margin:.25em 0;
	padding-left:20px;
	font-size:115%;
	font-weight:bold;
	background:url(../images/icon-question.gif) 0px 0px no-repeat;
}
dl.faq dd {
	margin:.25em 0 1.5em;
	padding-left:20px;
}

/* News Definition Lists */
dl.news dt {
	float:left;
	margin:.25em 0;
	margin-right:-80px;
	padding:.25em;
	font-size:90%;
	font-weight:bold;
	color:#996633;
	background:#FFFFCC;
	border:1px solid #FF6;
}
dl.news dd {
	margin:.25em 0 1.5em;
	margin-left:80px;
	padding-top:.5em;
}

/* Block with rounded corners */
.block {
	background:url(../images/callout2-top-left.gif) left top no-repeat;
	border-bottom:1px solid #FFF;
}
.block .topright {
	background:url(../images/callout2-top-right.gif) right top no-repeat;
}
.block .botleft {
	background:url(../images/callout2-bot-left.gif) left bottom no-repeat;
}
.block .botright {
	padding:9px 18px;
	font-size:90%;
	background:url(../images/callout2-bot-right.gif) right bottom no-repeat;
}

/* Callout */
.callout {
	background:url(../images/callout-top-left.gif) left top no-repeat;
	border-bottom:1px solid #F5F9FC;
}
.callout .topright {
	background:url(../images/callout-top-right.gif) right top no-repeat;
}
.callout .botleft {
	background:url(../images/callout-bot-left.gif) left bottom no-repeat;
}
.callout .botright {
	padding:18px;
	padding-bottom:45px;
	font-size:90%;
	background:url(../images/callout-bot-right.gif) right bottom no-repeat;
}
.callout .preface {
	margin:0 0 1em 0;
	font-weight:bold;
	color:#7C5218;
}

.client {
	padding-left:40px;
	background:url(../images/icon-client-big.gif) left top no-repeat;
}
.client img {
	margin:.5em 0;
}

/* Home Page */
.longTagline {
	padding:0px 0 0 0;
	margin:0;
	text-align:left;
	height:200;
	background:url(../images/banner.jpg) left top;
	background-repeat:no-repeat;
}

.longTagline1 {
	padding:0px 0 0 0;
	margin:0;
	text-align:left;
	height:200;
	background:url(../images/about-ban.jpg) left top;
	background-repeat:no-repeat;
}

.longTagline2 {
	padding:0px 0 0 0;
	margin:0;
	text-align:left;
	height:200;
	background:url(../images/solution-ban.jpg) left top;
	background-repeat:no-repeat;
}

.longTagline3 {
	padding:0px 0 0 0;
	margin:0;
	text-align:left;
	height:200;
	background:url(../images/clients-ban.jpg) left top;
	background-repeat:no-repeat;
}

.longTagline4 {
	padding:0px 0 0 0;
	margin:0;
	text-align:left;
	height:200;
	background:url(../images/careers-ban.jpg) left top;
	background-repeat:no-repeat;
}

.longTagline5{
	padding:0px 0 0 0;
	margin:0;
	text-align:left;
	height:200;
	background:url(../images/contact-ban.jpg) left top;
	background-repeat:no-repeat;
}
.longTagline h1 {
	padding:20px 0 10px;
	margin:0 20px;
	width:800px;
	color:#D32201;
	font-size:27px;
	border:0px solid;
	text-shadow: #BBB 0px 1px 4px;
}
.longTagline p {
	margin:0 0px;
	padding-left:20px;
	font-size:13px;
	line-height:15px;
	font-weight:normal;
	width:820px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

.text {
	font-size:13px;
	line-height:20px;
	font-weight:normal;
	color:#45719D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	
}

/* Tour Pages */
.tourBlock {
	clear:both;
	padding:0;
	margin:0;
	text-align:center;
	background-color:#fffffc;
	height:187px;
}
html>body .tourBlock { min-height:187px; height:auto; }

#tour .tourBlock {
	/*background-color:#F1F5FA;*/
	padding-bottom:15px;
	border-bottom:5px solid #ADC3D8;
	height:auto;
	min-height:0px;
	overflow:hidden;
	width:100%;
}
.tourBlock p {
	padding:0;
	margin:0;
}



/* Tour Navigation */
.tourNavigation {
	float:left;
	margin-top:20px;
	margin-left:12px;
	text-align:center;
	overflow:hidden;
}
.tourNavigation ul { padding:0; margin:0 }
#tour .tourNavigation { margin-left:15px }
html>body .tourNavigation { margin-left:25px; }
html>body#tour .tourNavigation { margin-left:30px; }

/*#tour .tourNavigation {
	float:none;
	clear:both;
	margin:0;
	padding:20px 24px;
	background-color:#F1F5FA;
	border-bottom:5px solid #C8E0F1;
	overflow:hidden;
	width:100%;
}
html>body #tour .tourNavigation { width:auto }
*/
.tourNavigation li {
	display:inline;
	padding:0;
	margin:0;
	list-style:none;
}
.tourNavigation li a {
	float:left;
	margin:0 12px 0 0;
	padding:10px 5px;
	color:black;
	font-size:90%;
	line-height:130%;
	text-decoration:none;
	border:3px solid #ADC3D8;
	background-color:#E1ECF6!important;
	width:100px;
	height:110px;
}
html>body .tourNavigation li a {
	width:84px; height:84px;
}

#tourOverview a { background:url(../images/icon-overview-gray.gif) 30px 52px no-repeat; }
#tourManage a { background:url(../images/icon-manage-gray.gif) 26px 56px no-repeat; }
#tourDesign a { background:url(../images/icon-design-gray.gif) 20px 51px no-repeat; }
#tourTrack a { background:url(../images/icon-track-gray.gif) 20px 56px no-repeat; }
#tourDeliver a { background:url(../images/icon-deliver-gray.gif) 8px 54px no-repeat; }
#tourSpend a { background:url(../images/icon-spend-gray.gif) 27px 54px no-repeat; }

#tourOverview.current a { background:url(../images/icon-overview.gif) 30px 52px no-repeat; }
#tourManage.current a { background:url(../images/icon-manage.gif) 26px 56px no-repeat; }
#tourDesign.current a { background:url(../images/icon-design.gif) 20px 51px no-repeat; }
#tourTrack.current a { background:url(../images/icon-track.gif) 20px 56px no-repeat; }
#tourDeliver.current a { background:url(../images/icon-deliver.gif) 8px 54px no-repeat; }
#tourSpend.current a { background:url(../images/icon-spend.gif) 27px 54px no-repeat; }

#home #tourManage a { background:url(../images/icon-manage.gif) 26px 56px no-repeat; }
#home #tourDesign a { background:url(../images/icon-design.gif) 20px 51px no-repeat; }
#home #tourTrack a { background:url(../images/icon-track.gif) 20px 56px no-repeat; }
#home #tourDeliver a { background:url(../images/icon-deliver.gif) 8px 54px no-repeat; }


.tourNavigation li a:hover, .tourNavigation li.current a, .tourNavigation li.current a:hover {
	border-color:#45719D;
	background-color:#FFF!important;
}
.tourNavigation li a strong {
	display:block;
}

.tourNavigation a.tourButton {
	clear:both;
	float:left;
	margin-top:14px;
}
a.tourButton img { border:0px solid }

.tourBottomButtons {
	clear:both;
	padding:14px 14px 9px;
	border-top:5px solid #C8E0F1;
	background-color:#F1F5FA;
	height:44px;
}
.tourBottomButtons a.tourButton {
	float:left;
	padding:0;
	margin:0;
}
.tourBottomButtons .right { float:right; }
.tourBottomButtons span {
	display:block;
	float:left;
	margin:10px 7px;
	color:#45719D;
}

/* Sign Up Block */

.signupBlock {
	margin:20px 16px 0 490px;
	border:3px solid #FC6;
	background-color:#FFC;
	height:160px;
}
html>body .signupBlock { min-height:160px; height:auto; }
.signupBlock p {
	margin:1em;
	line-height:130%;
	font-size:110%;
}
.signupBlock a.signUpButton {
	display:block;
	margin:14px;
}
.signupBlock a.signUpButton img { border:0px solid }


.hide { display:none; }

@media "print" {
.hide { display:block; }
}

.redBox
{
	border: 1px solid red;
}

.formvalidator {
	margin: 0.2em 0 0.8em;
	padding: 10px;
	border: 2px solid #CC1414;
	clear: both;
	margin: 0.2em 0 0.8em;
	padding: 10px 10px 5px 45px;
	font-weight: bold;
	border: 2px solid #CC1414;
	color: #CC1414;
	background: #FFF url(../images/i_error.gif) no-repeat 10px 10px;
}

.invalidfieldctrl
{
	border: 1px solid #FF0000;
	background: #FFE8E8;
}
.invalidfieldlabel
{
	color: Red;
}





.error-desc,
.successfully-desc,
.successfully-desc-noimg {
	clear: both;
	margin: 0.2em 0 0.8em;
	padding: 10px 10px 5px 45px;
	font-weight: bold;
}
.error-desc {
	border: 2px solid #CC1414;
	color: #CC1414;
	background: #FFF url(../images/i_error.gif) no-repeat 10px 10px;
}

.successfully-desc,
.successfully-desc-noimg {
	clear: both;
	margin: 0.2em 0 0.8em;
	padding: 10px 10px 5px 45px;
	font-weight: bold;
}
.error-desc {
	border: 2px solid #CC1414;
	color: #CC1414;
	background: #FFF url(../images/i_error.gif) no-repeat 10px 10px;
}
.successfully-desc,
.successfully-desc-noimg {
	border: 2px solid #588C1C;
	color: #588C1C;
}

.successfully-desc-noimg {
	background: #FFF;
}
.successfully-desc {
	background: #FFF url(../images/i_successfully.gif) no-repeat 10px 10px;
}

.error-desc LI,
.successfully-desc LI,
.successfully-desc-noimg LI {
	padding: 0.1em 0;
}

.mre
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF6600;
text-decoration:none;
padding-right:20px;
}

.mre:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF6600;
text-decoration:underline;
padding-right:20px;
}

.mre1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#45719D;
text-decoration:none;
}

.mre1:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#45719D;
text-decoration:underline;
}



div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 635px; 
	height: 300px;
	overflow: hidden;
	margin-left:100px;
	border:1px solid #cccccc;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:635px;
		height:300px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 635px;
	}

	div#section2 {
		background:#666666;
		color:#ffffff;
		}
.img
{
padding-right:50px;
margin-right:50px;
}