@charset "utf-8";

/*
	-- -- -- -- -- -- --
	Global Screen Styles for www.VersantSolutions.com
	Author: Ben Reed, Versant. 
	-- -- -- -- -- -- --
*/


@import "/_css/reset.css";


/* =Elements                                                
-----------------------------------------------------------------------*/
BODY {font:normal 100% Verdana, Geneva, Tahoma, sans-serif; color:#666; /*word-spacing:.05em;*/ background:#ddd url(/_images/css/body-bg.png) repeat-y center top;}
A:LINK, A:VISITED {text-decoration:none; color:#3b73b9;}
A:HOVER, A:ACTIVE {text-decoration:underline;}
H1, H2, H3, H4, H5, H6 {font-family:"Century Gothic", "Apple Gothic", sans-serif; font-weight:normal; padding-bottom:3px; line-height:1em; letter-spacing:.05em;}
H1 {font-size:1.5em; color:#e36315; text-transform:uppercase; padding-bottom:20px;}
H2 {font-size:1.12em; color:#e36315; padding-bottom:5px;}
H3, H4, H5, H6 {font-weight:bold; padding-bottom:5px;}
H3 {font-size:1em;}
H4{font-size:1em;}
H5 {text-transform:uppercase; font-size:.87em; /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/}
H6 {font-size:.87em; /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/}


#ctl00_main P {font-size:.75em; line-height:1.6em; padding-bottom:15px;}
#ctl00_main SPAN {font-size:.75em; line-height:1.6em; }
#ctl00_main OL {list-style:decimal-leading-zero; padding:8px 0 15px 70px; font-size:.75em;}
	#ctl00_main OL LI {padding-bottom:2px;}
	#ctl00_main OL OL {padding:5px 0 0px 25px; list-style:decimal;}
#ctl00_main UL {padding:8px 0 15px 40px}
	#ctl00_main UL LI {background:url(/_images/css/ul-bullets.png) no-repeat left 7px; font-size:.75em; padding:0 0 2px 14px; }
		#ctl00_main UL LI LI {font-size:1em}
	#ctl00_main UL UL {padding:5px 0 0px 20px}
#ctl00_main DL {padding:5px 0 15px; font-size:.75em;}
	#ctl00_main DL DT {font-weight:bold; padding-bottom:2px;}
	#ctl00_main DL DD {}
/*”Century Gothic”, "Apple Gothic", ”Avant Garde Gothic”, ”Avant Garde”, ”URW Gothic L”, helvetica, sans-serif;*/


/* =Common                                                
-----------------------------------------------------------------------*/
DIV#pageWrapper {margin:0 auto; padding:15px 0; width:900px;}

A#logo {float:left; display:block; width:209px; height:29px; padding:10px; margin-bottom:30px;}

UL#utility {float:left; margin:17px 0 0 120px;}
	#utility LI {float:left; background:url(/_images/css/utility-dividers.png) no-repeat right 6px;}
		#utility LI.lastMenuItem {background:none;}
	#utility A {font-size:.6875em; color:#666; padding:0 8px 0 6px;}
	
DIV#ctl00_search {float:right; margin:15px 0 0 0; /*width:230px;*/}
	#ctl00_search LABEL {display:none;}
	#ctl00_search INPUT.submit {color:#8a8a8a; background:none; border:1px solid #cacaca; font-size:.6875em; padding:2px; float:left; cursor:pointer; outline:0}
	#ctl00_search INPUT.submit.submitHover {background-color:#fbfbfb;}
	#ctl00_search INPUT#ctl00_txtSearch {color:#8a8a8a; height:17px; border:1px solid #cacaca; float:left; margin-right: 3px; outline:0; padding-top:2px; }

DIV#mainMenuWrapper {position: relative; clear:both; background:url(/_images/css/mainMenu-bg.png) no-repeat left top; float:left;}

SPAN#toggleMenu {width:18px; height:18px; position:absolute; top:5px; left:872px; background:url(/_images/css/ui.png) no-repeat -79px 0; cursor:pointer;}
	#toggleMenu.toggleMenuHover {background-position:-79px -19px;}
	#toggleMenu.toggleMenuExpanded {background-position:-79px -57px;}
	#toggleMenu.toggleMenuExpandedHover {background-position:-79px -38px;}

UL#mainMenu {clear:both; width:750px; background:url(/_images/css/mainMenu-bg.png) no-repeat left bottom; /*background-color:#c4cf4a; border:1px solid #c4cf4a;*/ padding: 0 0 0 160px; float:left; margin-top:5px;}
	#mainMenu LI {float:left; font-size:1em; font-weight:bold; margin-right:15px; width:160px; position:relative; }
	#mainMenu LI#AboutMenu {width:135px;}
	#mainMenu LI#WorkMenu {width:140px;}
	#mainMenu LI#CapabilitiesMenu {width:180px;}
	#mainMenu LI#ShareMenu {}
	#mainMenu LI UL {padding-bottom:10px; margin-left:10px; display:none;} 
		#mainMenu LI A {color:#FFF; display:block; margin:0 10px; padding-bottom:5px;}
			#mainMenu LI A:HOVER {color:#f2f6c1; text-decoration:none;}
			#mainMenu LI A.selected {color:#f2f6c1;}
		#mainMenu LI LI {float:none; font-size:.80em; font-weight:normal;}
			#mainMenu LI LI A {padding: 2px 0 1px 0px; margin:0;}

UL#breadcrumbs {width:735px; margin-left:160px; padding:8px 0 0 0; clear: both;}
	#breadcrumbs LI {float:left; background:url(/_images/css/breadcrumbs-dividers.png) no-repeat right 7px; padding:0 8px 0 0; margin-right:3px; }
	#breadcrumbs A:LINK, #breadcrumbs A:VISITED {color:#999; font-size:.625em; display:block; padding:3px 0;}
	#breadcrumbs A:HOVER, #breadcrumbs A:ACTIVE {color:#333;}
	#breadcrumbs LI.current {background:none;}
	#breadcrumbs LI.current A:LINK {color:#333;}

DIV#content {clear:both; background:url(/_images/css/content-bg.png) repeat-y left top; margin-bottom:20px; margin-top:15px; float:left;}

DIV#sidebarMenu {width:150px; margin-right:10px; float:left;}
	#sidebarMenu H2 {font-size:1.125em; color:#c4cf4a; /*background-color:#CCC;*/ padding:5px 3px 6px 0px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-weight:normal;}
	#sidebarMenu H2 A {color:#c4cf4a;}
	#sidebarMenu H2 A:hover {text-decoration:none; color:#c4cf4a;}
	#sidebarMenu P {font-size:.75em; line-height:1.6em; padding-bottom:15px;}
	#sidebarMenu UL {padding:10px 0 10px 0; font-size:.6875em; font-weight:bold;}
		#sidebarMenu UL LI {padding-bottom:4px;}
			#sidebarMenu UL LI.inactive {color:#b5b3b3;}
			#sidebarMenu UL LI.active A {color:#333;}
			#sidebarMenu UL LI.active A:HOVER {color:#3b73b9;}
			#sidebarMenu UL LI.active A.selected {color:#3b73b9;}
		#sidebarMenu UL UL {padding-top:2px; padding-left:0px; font-size:1em; font-weight:normal;}
			#sidebarMenu UL UL LI {padding:0 0 3px 0;}
	#sidebarMenu UL#relatedWork {font-weight:normal;}
		#sidebarMenu UL#relatedWork LI {}
	#sidebarMenu UL A {color:#666;}
		#sidebarMenu UL A:HOVER {color:#36C; text-decoration:none;}
		#sidebarMenu UL A.selected {color:#36C; text-decoration:none;}
	
DIV#ctl00_main {width:730px; margin:0 0 0 10px; float:left; padding-bottom:15px;}
	#ctl00_main.hasRightSidebar {width:504px;}

DIV#ctl00_sidebarMain {width: 210px; float: left; margin-left:16px;}

DIV#footerWrapper {width:900px; background:url(/_images/css/footer-bg.png) no-repeat left top; float:left; clear:both;}
	#footerWrapper SPAN {float:right; font-size:.6875em; color:#fff; display:block; padding: 3px 25px;}
UL#footer {padding-left:30px;}
	#footer LI {float:left; background:url(/_images/css/footer-dividers.png) no-repeat right 5px; height:20px;}
		#footer LI.lastMenuItem {background:none;}
	#footer A {font-size:.6875em; color:#FFF; text-decoration:none; padding:3px 8px 0 6px; display:block;}

DIV.description {background:url(/_images/css/description-bg.png) no-repeat left bottom; padding:0 0 10px; font-size:.6875em; margin-bottom:10px;}
	.description * {padding:0 10px;}
	.description * * {padding:0;}
	.description H4 {background:url(/_images/css/description-bg.png) no-repeat left top; padding:8px 10px 5px; color:#3b73b9; line-height:1.2em;}
	
DIV.sidebarContent {background:url(/_images/css/sidebarContentGrey-bg.png) no-repeat left bottom; padding:0 0 10px; font-size:.6875em; margin-bottom:10px;}
	.sidebarContent * {padding:0 10px;}
	.sidebarContent * * {padding:0}
	.sidebarContent H4 {background:url(/_images/css/sidebarContentGrey-bg.png) no-repeat left top; padding:8px 10px 5px; color:#3b73b9; border-bottom:1px solid #d4d4d4; margin-bottom:10px;}
		.sidebarContent H4.greenBG {background:url(/_images/css/sidebarContentGreen-bg.png) no-repeat left top;}

#VoiceOfCustomerWrapper{float:right; width: 210px; height:245px; margin:0 0 10px 15px; position:relative; clear:both;}
#VoiceOfCustomerTeaserWrapper{float:right; width: 210px; height:300px; margin:0 0 10px 15px; position:relative; clear:both;}
#ctl00_main DIV.voiceOfCustomer {background:url(/_images/css/sidebarContentBlue-bg.png) no-repeat left bottom; padding:0 0 10px; font-size:.6875em; /*margin:0 0 10px 15px;*/ width: 210px; position:absolute;}
	.voiceOfCustomer * {padding:0 10px;}
	.voiceOfCustomer * * {padding:0}
	.voiceOfCustomer H4 {background:url(/_images/css/sidebarContentBlue-bg.png) no-repeat left top; padding:5px 10px 3px; color:#FFF; border-bottom:1px solid #d4d4d4; text-transform:uppercase;}
		#ctl00_main .voiceOfCustomer H4 SPAN {color:#c1d9f6; text-transform:lowercase; font-size:1em;}
	.voiceOfCustomer CITE#clientCite {width:208px; height:83px; border-bottom:1px solid #d4d4d4; margin:0 0 0 1px; padding:0;}
	.voiceOfCustomer BLOCKQUOTE, .voiceOfCustomer P {font-size:1em !important; font-style:italic; padding:10px 10px 8px 10px; line-height:1.2em !important;}
	/*.voiceOfCustomer P {overflow:auto; height:150px;}*/

DIV#relatedClients {width:209px; height:139px; background:url(/_images/css/relatedWork-bg.png) no-repeat left top; margin-left:20px; float:left;}
	DIV#relatedClients H4 {padding:10px 15px 10px 20px; font-size:.75em;}
	DIV#relatedClients UL {padding:0px 20px 10px 5px;}
	DIV#relatedClients UL LI {background:none; padding-bottom:6px; font-size:.6em; line-height:1.2em;}	


/* Contact Form */
DIV#ctl00_mainContent_contact {clear:both;}
DIV#contactContainer {background-color:#d0d2d5; border:1px solid #a1a6ac; padding:15px 20px; margin-top:1px; color:#fff;}
	#contactContainer LABEL {float:left; width:120px; text-align:right; padding:5px 10px 0 0; font-weight:bold; color:#666;}
	#contactContainer INPUT,
	#contactContainer TEXTAREA {float:left; width:275px; height:130px; color:#666;font-size:1em;}
	#contactContainer INPUT#ctl00_mainContent_btnSubmit {float:none; margin-left:130px; width:auto; padding:0; color:#333;}
	#contactContainer INPUT {width:275px; height:25px; font-size:1em; padding:3px 0 0 0; color:#666;}
	#contactContainer DIV.formRow {clear:both; /*background-color:#fff;*/ padding: 5px 10px;}
	#contactContainer H4 {padding-bottom:10px; color:#666;}
	#contactContainer SPAN {padding-left:5px;color:#d4382e !important;}

/* Awards Page */
UL#awards {padding:0;}
	UL#awards UL {padding:0; margin-bottom:15px;}
	UL#awards LI {padding:0; background:none; font-size:.75em;}
	UL#awards LI LI {background:url(/_images/css/ul-bullets.png) no-repeat left 6px; padding:0 0 5px 10px; margin-left:20px;}
	*:first-child+html UL#awards LI LI {background:url(/_images/css/ul-bullets.png) no-repeat left 8px;} /*ie7*/
	* html UL#awards LI LI {background:url(/_images/css/ul-bullets.png) no-repeat left 8px;} /*ie6*/

/* Testimonials Page */
DIV.quoteContainer {margin-bottom: 25px;}
DIV.quoteImage {float:left; width:114px;}
DIV.quoteBody {float:left; width:596px; margin:0 0 0 15px; border-bottom:1px solid #d3d3d3; padding-bottom:10px}
	DIV.quoteBody IMG {padding-bottom:25px;}

/* =Modifier Classes
-----------------------------------------------------------------------*/
.floatRight {float:right; margin:0 0 15px 15px;}
/*.padRightFloat {padding:0 0 15px 15px;}*/
.floatLeft {float:left; margin:0 15px 15px 0;}
/*.padLeftFloat {padding:0 15px 15px 0;}*/
.clear {clear:both;}
.bold {font-weight:bold;}
.normalWeight {font-weight:normal;}
.emphasis {font-weight:bold; font-style:italic;}
.hideText {text-indent:-9999em; overflow:hidden; display:block}
.roundCorners {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} /*Does NOT work in IE. Border-radius is the standard property - once it is widely supported all browsers will cascade to that value.*/
H4.noBackground {background-image:none;}
A.more {float:right; display:block;}
.slightlySmallerAndOrange {font-size:.90; color:#e36315;}
.horizontalList{display:block; padding-left:5px !important;}
    .horizontalList LI{display:inline;background-image:none !important; padding:0 20px 0 0 !important;}

#ctl00_headerImage { float: right; margin: 0 0 15px 10px;}
/*	
	Borrowed from blueprint css
	http://www.blueprintcss.org/ 
*/

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { 
	background:transparent none !important; 
	padding:0 !important; 
	margin:0 !important; 
}

/* Make sure the icons are not cut */
/*a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,*/
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
  white-space:nowrap;
}

/* External links */
/*a[href^="http:"]          { background-image: url(/_images/css/icons/external.png); } 
a[href^="mailto:"]        { background-image: url(/_images/css/icons/email.png); }
a[href^="http:"]:visited  { background-image: url(/_images/css/icons/visited.png); }*/

/* Files */
a[href$=".pdf"]   { background-image: url(/_images/css/icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(/_images/css/icons/doc.png); }  
a[href$=".xls"]   { background-image: url(/_images/css/icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(/_images/css/icons/feed.png); }
a[href^="aim:"]   { background-image: url(/_images/css/icons/im.png); }