@charset "UTF-8";
/* ===== RESET ===== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }
body {	line-height: 1; }
ol, ul {	list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none; }
/* remember to define focus styles! */
:focus {	outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }


/* ===== GENERAL ===== */
.image-right { float: right; margin: 0 0 8px 10px; }
.image-left { float: left; margin: 0 12px 8px 0; }
.clear { clear: both; }
.clear-all { clear: both; height: 1px; line-height: 1px; overflow: hidden; }
.centred { text-align: center; }

/* ===== PAGE ===== */
body { font: 62.5% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #333; background: #FFF; text-align: center; margin: 0; padding: 0 0 16px; }
a { color: #023a76; text-decoration: none; }
a:hover, a:active, a:focus { color: #0075b4; text-decoration: underline; }
a.button, input.button { background: url(assets/bg-button.png) no-repeat left top; width: 141px; height: 32px; display: block; text-align: center; padding-top: 10px; color: #fff; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 0 1px 1px 0; border: none; text-shadow: 0px 0px 3px rgba(0,77,138,0.85); }
 a.button:hover, a.button:active, a.button:focus, input.button:hover, input.button:active, input.button:focus { background-position: left -100px; color: #fff; text-decoration: none; cursor: pointer; }
 a.button:active, input.button:active { margin: 1px 0 0 1px; }

a.action { background: url(assets/bg-button-action.png) no-repeat left top; height: 43px; display:inline-block; font-size: 1.1em; }
 a.action span { padding: 11px 40px 0 10px; background: url(assets/bg-button-action.png) no-repeat right top; display:inline-block; height: 32px;}
	a.action:hover, a.action:active, a.action:focus { background-position: left -100px; text-decoration: none; }
	a.action:hover span, a.action:active span, a.action:focus span { background-position: right -100px; cursor: pointer; }

.morebutton { text-align: right; padding-top: 4px; }
.morebutton a.open, .morebutton a.close { background: url(assets/bg-button-action-sml.png) no-repeat left top; height: 32px; display:inline-block; font-size: 1em; }
.morebutton a.close { background-position: left -200px; }
 .morebutton a.open span, .morebutton a.close span { padding: 6px 40px 0 10px; background: url(assets/bg-button-action-sml.png) no-repeat right top; display:inline-block; height: 25px;}
 .morebutton a.close span { background-position: right -200px; }
	.morebutton a.open:hover, .morebutton a.open:active, .morebutton a.open:focus { background-position: left -100px; text-decoration: none; }
	.morebutton a.close:hover, .morebutton a.close:active, .morebutton a.close:focus { background-position: left -300px; text-decoration: none; }
	.morebutton a.open:hover span, .morebutton a.open:active span, .morebutton a.open:focus span { background-position: right -100px; cursor: pointer; }
	.morebutton a.close:hover span, .morebutton a.close:active span, .morebutton a.close:focus span { background-position: right -300px; cursor: pointer; }


p { font-size: 1.2em; line-height: 135%; margin: 0 0 10px;  }
h1 { font-size: 2.6em; color: #16376d; margin: 0 0 10px; }
h2 { font-size: 2.1em; font-weight: normal; color: #16376d; margin: 6px 0 8px; }
h3 { font-size: 1.8em; font-weight: normal; color: #16376d; margin: 0 0 6px; }
h4 { font-size: 1.5em; font-weight: bold; margin: 4px 0; }

#rightcol ul { padding-left: 10px; margin: 0 0 12px; }
#rightcol ol { padding-left: 30px; margin: 0 0 12px; }
#rightcol ul li, #rightcol ol li { line-height: 130%; font-size: 1.3em; font-weight: bold; color: #444;}
#rightcol ul li { background: url(assets/bullet.gif) no-repeat left 7px; padding: 2px 0 2px 18px; zoom: 1; }
#rightcol ol li { list-style-type: decimal; padding: 2px 0 2px 4px; }
 #rightcol ul strong, #rightcol ol strong { color: #000; font-size: 1.1em; }

.twocolA { width: 260px; float: left; margin-right: 18px; }
.twocolB { width: 260px; float: left; }

p.rule { clear: both; border-bottom: 1px solid #aaa; font-size: 1px; height: 1px; overflow: hidden; margin: 8px 0; }

/* ===== HEADER ===== */
#headerouter { background: #012f6b url(assets/bg-nav.jpg) no-repeat center top; height: 42px; min-width: 848px; }
#header { width: 848px; margin: 0 auto; position: relative; height: 42px; overflow: hidden; }
 #header ul { position: absolute; bottom: 0px; right: 12px; }
 #header li { display: inline; background: #ccc; font-size: 1.2em; }
	#header a { color: #012f6b; background: #d9dadb url(assets/bg-nav-tabs.png) no-repeat left top; padding: 6px 0 3px 12px; margin-left: 3px; text-decoration: none; text-transform:uppercase; display: block; height: 18px; float: left;}
	#header a span { background: url(assets/bg-nav-tabs.png) no-repeat right top; padding: 6px 12px 15px 0; }
 #header a:hover, #header a:active, #header a:focus { background-position: left -50px; color: #055f9a; }
 #header a.current { background-position: left -100px; color: #fff;}
 #header a.current:hover, #header a.current:active, #header a.current:focus { background-position: left -100px; color: #cfe9fa; }


/* ===== MAIN ===== */

/* Subnav */		
#subnav { margin: 0 0 10px 12px; }
#subnav li { width: 204px; height: 44px; float: left;}
 #subnav a { padding: 12px 34px 0 42px; width: 128px; height: 32px; font-size: 1.2em; color: #333; line-height: 100%; }
	#subnav li, #subnav a { background-image: url(assets/bg-subnav-solutions.png); background-repeat:no-repeat; display: block; }
li.subnavP { background-position: -300px 0; }
li.subnavQ { background-position: -300px -44px; }
li.subnavC { background-position: -300px -88px; }
li.subnavM { background-position: -300px -132px; }

li.subnavP a { background-position: 0 0; }
li.subnavQ a { background-position: 0 -44px; }
li.subnavC a { background-position: 0 -88px; }
li.subnavM a { background-position: 0 -132px; }

li.subnavP a.current { background-position: -600px 0; }
li.subnavQ a.current { background-position: -600px -44px; }
li.subnavC a.current { background-position: -600px -88px; }
li.subnavM a.current { background-position: -600px -132px; }

#subnav a:hover, #subnav a:active, #subnav a:focus {text-decoration: none; color: #444; background-position: 0 99px; }


#container { background: #fff url(assets/bg-main.png) repeat-x center top; min-width: 848px; position: relative; }
#mainouter { min-width: 848px; margin: 0 auto; background: url(assets/bg-main-middle.gif) no-repeat center top; min-height:630px; position: relative;
 height:auto !important;
 height:630px; /* IE6 hack */ }
#mainfooter { min-width: 848px; margin: 0 auto; background: url(assets/bg-main-footer.jpg) no-repeat center bottom; height: 199px; position: absolute; width: 100%; bottom: 0px; left: 0px; }
#maininner { width: 850px; margin: 0 auto; padding: 1px 0 20px 22px; text-align: left; position: relative; }
.mainlogo { margin: 0 0 2px -1px; }

#leftcol { float: left; width: 221px; overflow: hidden; position: relative; top: -21px; margin: 0 0 -16px;}
#rightcol { float: left; width: 609px; }


/* Testimonials box */		
#testimonials { width: 158px; height: 218px; background: url(assets/bg-box-testimonials.png) no-repeat left top; margin: 136px 0 0 0; display: block; padding: 27px 21px 12px 42px; }
 #testimonials h3 { font-size: 1.2em; margin: 0 0 6px; }
 #testimonials p { color: #023a76; margin: 0 0 6px; line-height: 125%;}
	 #testimonials p.source { margin-top: 10px; color: #333; }
		 #testimonials p.source img { float: right; margin: -10px 0 8px 10px;}

/* Intro box */		
#intro { width: 609px; height: 250px; float: right; margin: 17px -2px 0 -10px; display: inline; position: relative; background: url(assets/bg-intro-1.jpg) no-repeat left top; }
 #intro h2 { position: absolute; left: 50px; top: 54px; width: 370px; height: 21px; background: url(assets/text-writing-and-automating.png) no-repeat left top; margin: 0 0 20px; } /* not required */
	 #intro h2 span { position: relative; left: -9999px; } /* not required */
	#intro a.button { position: absolute; left: 54px; top: 182px;}
 #intro h3 { position: absolute; left: 34px; top: 47px; width:349px; height: 122px;z-index: 0;  }
	#intro h3 img, #banner h3 img { position: absolute; left: 0; top: 0; z-index: 0; opacity: 0.0; display: none;}
 #intro h3 img.active, #banner h3 img.active { z-index: 2; opacity: 1.0; display:inline;}

#banner { width: 609px; height: 105px; margin: 17px -2px 2px 2px; position: relative; }
 #banner h3 { position: absolute; left: 29px; top: 33px; }
#demobanner { width: 609px; height: 105px; position: absolute; top: 18px; right: 18px; }
 #demobanner #banner { margin: 0; }


.content { padding: 20px 28px 15px 30px; }

/* Get Started box */		
.smallbox { width: 220px; height: 143px; float: left; margin: 0 1px 3px 0; position: relative; background: url(assets/bg-box-short-right.png) no-repeat right top; }
 .smallbox div { width: 60px; height: 143px; background: url(assets/bg-box-short-right.png) no-repeat left top; position: absolute; left: 0; top: 0; }
 .smallbox .button { position: absolute; left: 36px; top: 14px;}
 .smallbox ul { position: absolute; left: 45px; top: 58px; font-size: 1.2em; }
	.smallbox li a { display: block; padding: 1px 0 1px 11px; height: 16px; width: 134px; line-height: 13px; color: #444; text-decoration: none; font-weight: bold; text-indent: -11px; }
	 .smallbox li a:hover, .smallbox li a:active, .smallbox li a:focus { color: #0063a3; }
	
/* About and Find us on... box */		
#about { width: 547px; height: 130px; float: left; margin: 0 -3px 3px 1px; padding: 13px 8px 0 52px; background: url(assets/bg-box-short-left.png) no-repeat left top; }
	#logos h3 { color: #023a76; font-size: 1.2em; margin: 0 0 2px; }
 #logos { width: 140px; height: 122px; padding-left: 17px; border-left: 1px solid #012f6b; float: right; margin: -5px 0 0 40px; overflow: hidden; }
 #logos p { margin: 0; }	
	#logos a { display: block; float: left; position: relative; width: 56px; margin: 0 14px 2px 0; font-size: 0.9em; }
	#logos a:hover, #logos a:active, #logos a:focus { text-decoration: none; }
 #logos a:focus {  outline: 1px dotted #666; }
	
/* Products box */		
#products { height: 133px; clear: left; margin: 0 0 0 20px; padding: 10px 0 0 0px; }
 #products li { display: inline; float: left; width: 170px; margin: 0 28px 0 0; }
	#products h3 { height: 60px; }
	#products p { font-size: 1.2em; padding: 0 10px 0 2px; margin: 0 0 4px;}
	#products a { font-weight: bold;}
	#products a:focus { outline: 1px dotted #666; }
	 #products .quotes a { color: #4e0b5d; }
		#products .quotes a:hover, #products .quotes a:active, #products .quotes a:focus { color: #82049e; }
	 #products .configurations a { color: #11582c; }
		#products .configurations a:hover, #products .configurations a:active, #products .configurations a:focus { color: #058122; }
	 #products .management a { color: #e12929; }
		#products .management a:hover, #products .management a:active, #products .management a:focus { color: #ff2a2a; }

/* Case Studies box */		
#casestudies { width: 220px; float: left; margin: 3px 0 5px; position: relative; background: url(assets/bg-box-tall.png) repeat-y -300px top; }
 #casestudies .csinner { background: url(assets/bg-box-tall.png) no-repeat left top; min-height: 200px; height: auto !important; height: 200px; padding: 20px 22px 12px 18px;}
 #casestudies div.bottom { background: url(assets/bg-box-tall.png) no-repeat right top; height: 9px; overflow: hidden; font-size: 1px; min-height: 9px; padding: 0; }
	
 #casestudies h2 { font-size: 2em; color: #0265aa; padding: 0 24px; margin: 0 0 4px; }
	 #casestudies h2 em { font-style: normal; color: #023a76; }
	 #casestudies h2 em span { color: #0075b4; }
 #casestudies h4 { font-size: 1.2em; color: #023a76; padding: 0 24px; margin: 0 0 4px; line-height: 120%; }
	
 #casestudies p { text-align: center; padding: 0 10px; margin: 0;}
 #casestudies a.logo { display: block; margin: 0 auto 6px; width:133px; height:58px; background:url(assets/bg-casestudy-logos.png) no-repeat 0 0; }
 #casestudies a.logo:hover, #casestudies a.logo:active, #casestudies a.logo:focus { background-position: -200px 0; }
	#casestudies #master0 { margin-left: 24px; }

/* Highlight box */
.highlightboxfull { width: 812px; background: #fff url(assets/bg-box-light-full.png) no-repeat left top; padding-top: 8px; min-height: 80px; margin: -8px 0 24px 8px; }
 .highlightboxfull .bottom { width: 812px; height: 6px; background: #fff url(assets/bg-box-light-full.png) no-repeat left bottom; overflow: hidden; font-size: 0; line-height: 1px; }
 .highlightboxfull img { float: left; margin: 0 10px; }
	.highlightboxfull h3 { text-transform: uppercase; font-size: 1.3em; font-weight: bold; margin: 0 0 6px; }
	.highlightboxfull p { margin: 0 0 5px; padding-right: 40px;  }
 .highlightboxfull img.image-right { float: right; margin: 0 10px 0 30px; }

		
/* Clients box */		
#clients { width: 221px; height: 144px; float: left; margin: -2px -5px 0 0; position: relative; background: url(assets/bg-box-short-globe.gif) no-repeat right top; }
 #clients .logos { margin: 64px 0 0 121px; width: 83px; height: 62px; }
	
/* Large Solutions links */		
.solutionslinks { padding: 0 0 10px 20px; }
 .solutionslinks a { display: block; width: 530px; height: 73px; background: url(assets/bg-box-largelink.png) no-repeat left top; padding: 15px 18px 0; font-size: 1.3em; color: #333; line-height: 135%; margin: 0 0 8px; float: left; /* IE6 fix */}
 .solutionslinks a img { float: left; margin: 0 18px 0 0; }
 .solutionslinks a:hover, .solutionslinks a:active, .solutionslinks a:focus { color: #0075b4; text-decoration: none; background-position: left bottom; }

/* Demo buttons */

a.linkexamples { display: block; width: 104px; height: 54px; background: url(assets/bg-box-demolinks.png) no-repeat left top; padding: 22px 6px 0 96px; font-size: 1.0em; color: #333; line-height: 135%; margin: 0 6px 8px 12px; float: left; /* IE6 fix */}
 a.linkexamples:hover, a.linkexamples:active, a.linkexamples:focus { color: #0075b4; text-decoration: none; background-position: left bottom; }
	
a.linkclients { display: block; width: 100px; height: 62px; background: url(assets/bg-box-demolinks.png) no-repeat -211px top; padding: 14px 12px 0 94px; font-size: 1.0em; color: #333; line-height: 135%; margin: 0 6px 8px 0; float: left; /* IE6 fix */}
 a.linkclients:hover, a.linkclients:active, a.linkclients:focus { color: #0075b4; text-decoration: none; background-position: -211px bottom; }

a.linkdemo { display: block; width: 50px; height: 54px; background: url(assets/bg-box-demolinks.png) no-repeat right top; padding: 22px 9px 0 85px; font-size: 1.0em; color: #333; line-height: 135%; margin: 0 0 8px; float: left; /* IE6 fix */}
 a.linkdemo:hover, a.linkdemo:active, a.linkdemo:focus { color: #0075b4; text-decoration: none; background-position: right bottom; }

/* Misc */		
.demoimages { margin: 0 0 6px 110px; }
.demoimagesSF { margin: 0 0 6px 50px; }
p.signoff { margin: 0 0 26px; padding-top: 14px; }

.casestudy { margin-left: 170px; position: relative; padding-bottom: 10px; }
.casestudy img { position: absolute; left: -170px; top: 0; }
.casestudy h3 { margin: 12px 0 5px; font-size:1.6em; }
p.products { line-height: 210%; margin-bottom: 14px; }

.icon-proposal, .icon-quotes, .icon-config, .icon-management { background:url(assets/icons-products.png) no-repeat left top; padding: 4px 10px 4px 27px; color: #333;}
.icon-quotes { background-position: left -100px; }
.icon-config { background-position: left -200px; }
.icon-management { background-position: left -300px; }

.people h4 { margin: 8px 0 3px; clear: both; padding-top: 10px;}
.people p { margin: 0 0 6px; }

.infoemail {	background: url(assets/icons/email.gif) no-repeat 5px 50%; padding-left: 28px; }
.infophone {	background: url(assets/icons/telephone.gif) no-repeat 5px 50%; padding-left: 28px; font-weight: bold; }
.infoglobe {	background: url(assets/icons/globe.gif) no-repeat 5px 50%; padding-left: 28px; font-weight: bold; }
.infodirections {	background: url(assets/icons/directions.gif) no-repeat 5px 50%; padding-left: 28px; }


/* Design Examples */

#rightcol ul.thumbs { padding: 12px 0 0 10px; margin: 0 0 12px; width: 500px; }
#rightcol ul.thumbs li { background: url(assets/bg-example-thumbnail.png) no-repeat left top; padding: 5px 7px 7px 5px; width: 100px; height: 141px; zoom: 1; float: left; margin: 0 26px 20px 0;}


/* ===== FORMS ===== */

form { margin: 0 0 10px; }
label { float: left; width: 130px; margin-right: 10px; padding-top: 5px; font-weight: bold; text-align: right; color: #666; }
.textinput { float: left; width: 340px; border: 1px solid #aaa; padding: 5px 4px; font: 1.3em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #16376d; background: #fff; }
form p { clear: both; padding: 4px 0; margin: 0;}
.inputname {	background: #fff url(assets/icons/name.gif) no-repeat 5px 50%; padding-left: 28px; width: 318px; }
.inputemail {	background: #fff url(assets/icons/email.gif) no-repeat 5px 50%; padding-left: 28px; width: 318px; }
.inputphone {	background: #fff url(assets/icons/telephone.gif) no-repeat 5px 50%; padding-left: 28px; width: 318px; }
.inputsubject {	background: #fff url(assets/icons/note.gif) no-repeat 5px 50%; padding-left: 28px; width: 318px; }
.inputglobe {	background: #fff url(assets/icons/globe.gif) no-repeat 5px 50%; padding-left: 28px; width: 318px; }
p.submitbutton { padding-left: 140px; text-align: center; width: 352px; }
p.submitbutton .button { font-size: 1.1em; padding-bottom: 14px; height: 42px; margin: 0 auto;}
input.error { border: 1px solid #d00; }
.textinput:focus { border: 1px solid #16376d; }
.error:focus { border: 1px solid #d00; }
label.error, form.geniusform label.error { width: 20px; height: 22px; background: url(assets/icons/error.gif) no-repeat 5px 4px; }
p.formnote { font-size: 1.1em; }

form.geniusform { margin: 0; display: inline; }
form.geniusform p { clear: none; margin: 0 0 2px; position: absolute; padding-top: 6px; }
form.geniusform label { width: 198px; clear: none; margin-right: 0; text-align: left; padding-top: 0; }
form.geniusform label.geniusname { width: 134px; margin-right: 6px; }
form.geniusform .textinput { width: 156px; margin-right: 0; font-size: 1.2em; padding: 4px; }
form.geniusform .gobutton {float: left; position:relative; top: 18px; padding-left: 4px; padding-right: 4px;}

/* ===== FOOTER ===== */
#footer { width: 810px; padding: 6px 18px 10px; height: 77px; clear: both; background: #d5d6d7 url(assets/bg-footer.png) repeat-x left top; margin: 0 auto; text-align: left;}
 #footer p { font-size: 1em; line-height: 140%; color: #444; margin: 0; padding: 2px 0; }
 #footer p.copyright { font-size: 1.2em; }
	#footer ul { background: url(assets/separator-footer.png) no-repeat left top; padding: 3px 0 3px 13px; margin-top: 5px; float: right; font-size: 1em;}
	 #footer li { padding: 2px 0 1px; }
		#footer li a { color: #444; }
		#footer li a:hover, #footer li a:active, #footer li a:focus { color: #000; }