/* =============== STYLESHEET CONTENTS/ =============== 
	= Common
		+ Overrides
		+ Elements
		+ Classes
	= Layout
		+ Header
			- Logos
			- Navigation
		+ Titles
		+ Content
		+ Lower Content
		+ Print
		+ Footer
	= Individual Pages
		+ Index		
   =============== /STYLESHEET CONTENTS =============== */
   
/* ============================================= Common/ ============================================= */

/* ++++++++++++++++++++++++++++++ Overrides/ ++++++++++++++++++++++++++++++ */

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 {
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ++++++++++++++++++++++++++++++ /Overrides ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Elements/ ++++++++++++++++++++++++++++++ */

html, body {
	font: 0.9em/1.6em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #232331;
}

h1, h2, h3, h4, h5, h6 {
	color: #59487c;
	font-weight: normal;
	line-height: normal;
}

h1 {
	font-size: 1.7em;
	margin: 5px 0 15px 0;
}

h2 {
	font-size: 1.4em;
	margin: 30px 0 15px 0;
	background-repeat: repeat-x;
	background-position: left bottom;
}

h2 span {
	background:#FFF;
	padding-right:10px;	
}


h3 {
	font-size: 1.3em;
}

#content h3 {
	margin: 15px 0 10px 0;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

p { 
	margin: 8px 0 12px 0;
}

ul {
	margin: 5px 0 5px 14px;
}

ul li {
	margin: 8px 0 12px 0;
	padding-left: 18px;
	list-style: none;
	background:  url(../images/bullet-01.gif) no-repeat 0px 5px;
}

#content ul li {
	margin: 8px 0 8px 0;
	background:url(../images/bullet-square.png) no-repeat 0px 9px;
	padding-left: 12px;
}

#content ul li li {
	background:url(../images/bullet-arrows-sml.png) no-repeat 0px 9px;
}


ol {
	margin: 5px 0 5px 14px;
}

ol li {
	margin: 8px 0 12px 18px;
	padding-left: 0px;
	list-style:decimal;
}

a, a:link {
	color: #005c91;
	text-decoration: underline;
}

a:visited {
	color: #59487c;
}

a:hover, a:focus {
	text-decoration: none;
}

a:active {
}

hr {
	border:none;
	height:1px;
	border-top:solid 1px #d7d7d9;
}

/* ++++++++++++++++++++++++++++++ /Elements ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Classes/ ++++++++++++++++++++++++++++++ */

.hidden {
	display: none;
}

.clear {
	display: block;
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
}

#lower-content2 .divider {
	display: block;
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	background: url(../images/divider.png) no-repeat top left;
	margin-bottom: 15px;
	margin-top: 0px;
}

/* ++++++++++++++++++++++++++++++ /Classes ++++++++++++++++++++++++++++++ */

/* ============================================= /Common ============================================= */


/* ============================================= Layout/ ============================================= */

/* ++++++++++++++++++++++++++++++ Container/ ++++++++++++++++++++++++++++++ */

body {
	background: #fff url(../images/bg.jpg) no-repeat top left;
}

#lower02, #contact {
	background: #fff url(../images/bg1.jpg) no-repeat top left;
}

#jump-links {
	display: none;
}

#container-main {
	min-width: 750px;
	max-width: 896px;
	min-height: 888px;
	margin: 30px 0 0 0;
	padding: 0 24px 0 0;
}

#container-footer {
	min-width: 730px;
	max-width: 876px;
	clear: both;
	border-top: 1px solid #dedee0;
	margin-left: 20px;
}

/* ++++++++++++++++++++++++++++++ /Container ++++++++++++++++++++++++++++++ */ 

/* ++++++++++++++++++++++++++++++ Header/ ++++++++++++++++++++++++++++++ */

/* --------------- Logos/ --------------- */

#logo {
	display: block;
	float: left;
}

/* --------------- /Logos --------------- */

/* --------------- Contact/Call to Action/ --------------- */

#font-resizer, #contact-cta {
	display: block;
	max-width: 571px;
	float: right;
	text-align: right;
	clear: right;
	font-size: 0.85em;
}

#font-resizer {
	margin-top: 18px;
}

#font-resizer a {
	text-decoration: none;
	color: #818285;
	font-weight: bold;
	padding-left: 2px;
}

#font-resizer a:visited {
	color: #818285;
}

#font-resizer a:hover {
	text-decoration: underline;
}

#font-resizer a:active {
}

#aaa1 {
	font-size: 1.1em;
	line-height: 1em;
}

#aaa2 {
	font-size: 1.3em;
	line-height: 1em;	
}

#aaa3 {
	font-size: 1.5em;
	line-height: 1em;
}

#contact-cta {
	margin: 20px 0 0 0;
	padding: 0;
}

#contact-cta h3 {
	color: #818285;
	text-transform: lowercase;

}

#contact-cta a {
	color: #232331;
	text-decoration: underline;
}

#contact-cta a:visited {
	color: #59487c;
}

#contact-cta a:hover {
	text-decoration: none;
}

#contact-cta a:active {
}

#contact-cta ul {
	margin: 0;
	padding: 0;
	margin-top:7px;
}


#contact-cta ul li {
	margin: 0;
	padding: 0;
	line-height:160%;
}

#contact-cta ul li span {
	margin: 0;
	padding: 0 0 0 20px;
}

#contact-cta ul li.icon-phone span {
	background: url(../images/icon-phone.png) no-repeat left center;
}

#contact-cta ul li.icon-email span {
	background: url(../images/icon-email.png) no-repeat left center;
}

/* --------------- /Contact/Call to Action --------------- */

/* --------------- Navigation/ --------------- */

#navigation {	
	position: relative;
	clear: both;
	background: url(../images/nav-repeat.png) repeat-x top left;
	height: 34px;
	padding-left: 37px;
}

#navigation ul {	
	clear: both;
	background: url(../images/nav-end.png) no-repeat top right;
	height: 34px;
	margin: 0 -3px 0 0;
	padding: 0 30px 0 0;
}

#navigation ul li {	
	float: left;
	display: block;
	height: 34px;
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	display: block;
	width: 100%;
	height: 34px;
	background-position: top center;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

#navigation ul li a:hover {
	background-position: center -68px;
}

#navigation ul li.select a {
	background-position: center -34px;
}

#navigation ul li.select a:hover {
	background-position: center -102px;
}

#navigation ul li#nav-home {
	width: 91px;
}

#navigation ul li#nav-about {
	width: 101px;
}

#navigation ul li#nav-what {
	width: 116px;
}

#navigation ul li#nav-clients {
	width: 92px;
}

#navigation ul li#nav-press {
	width: 90px;
}

#navigation ul li#nav-news {
	width: 90px;
}

#navigation ul li#nav-glossay {
	width: 126px;
}

#navigation ul li#nav-contact {
	width: 89px;
}

#navigation ul li#nav-join {
	width: 92px;
}

#navigation ul li#nav-home a {
	background-image: url(../images/nav-home.png);
}

#navigation ul li#nav-about a {
	background-image: url(../images/nav-about.png);
}

#navigation ul li#nav-what a {
	background-image: url(../images/nav-what.png);
}

#navigation ul li#nav-clients a {
	background-image: url(../images/nav-clients.png);
}

#navigation ul li#nav-press a {
	background-image: url(../images/nav-press.png);
}

#navigation ul li#nav-news a {
	background-image: url(../images/nav-news.png);
}

#navigation ul li#nav-glossay a {
	background-image: url(../images/nav-glossary.png);
}

#navigation ul li#nav-contact a {
	background-image: url(../images/nav-contact.png);
}

#navigation ul li#nav-contact2 a {
	background-image: url(../images/nav-contact2.png);
}

#navigation ul li#nav-join a {
	background-image: url(../images/nav-join.png);
}

/* --------------- /Navigation --------------- */

/* ++++++++++++++++++++++++++++++ /Header ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Titles/ ++++++++++++++++++++++++++++++ */

.title-wrapper {
	
}

.title-wrapper h2 {
	display: block;
	max-width: 836px;
	overflow: hidden;
	height: 19px;
	text-indent: -9999em;
}

#lower-content h2 {
	margin-right: 20px;
	color:#e8e6ed;
}

#lower-content h2 span {
	background:#483871;
}

#content .title-wrapper {
	margin-left: 34px;
}



#6d618d 


#sub-nav-content img, .col1a img {
	margin-top:5px;
	margin-bottom:15px;
}


/* old class

h2#title-take-your-business {
	background: url(../images/title-take-your-business.png) no-repeat top left;
}

h2#title-our-work {
	background: url(../images/title-our-work.png) no-repeat top left;
}

h2#title-our-heritage {
	background: url(../images/title-heritage.png) no-repeat top left;
}

h2#title-our-people {
	background: url(../images/title-people.png) no-repeat top left;
}

h2#title-our-systems {
	background: url(../images/title-systems.png) no-repeat top left;
}

h2#title-team-members{
	background: url(../images/title-team-members.png) no-repeat top left;
}

h2#title-contact{
	background: url(../images/title-contact.png) no-repeat top left;
	width: 396px;
}*/

#lower-content2 .title-wrapper  {
	margin-right: 20px;
	margin-left: 0px;
}

#contact .title-wrapper  {
	margin-right: 20px;
	margin-left: 0px;
}

/* ++++++++++++++++++++++++++++++ /Titles ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Content/ ++++++++++++++++++++++++++++++ */

#content {
	margin: 30px 0 50px 0;
}

.col1a  {
	width: 823px;
	float: left;
	clear: left;
	margin: 0 15px 20px 34px;
}

#contact .col1a {
	margin: 0 15px 5px 34px;
}

.col2a  {
	width: 430px;
	float: left;
	clear: left;
	margin: 0 15px 20px 34px;
}

.col2b  {
	max-width: 417px;
	min-width: 258px;
	float: left;
	clear: right;
	margin: 0 0px 0px 0px;
}

#lower-content .col2a, #lower-content2 .col2a {
	width: 391px;
	float: left;
	clear: left;
	margin: 0 25px 5px 38px;
}

#lower-content .col2b, #lower-content2 .col2b {
	max-width: 391px;
	min-width: 258px;
	float: left;
	clear: right;
	margin: 0 15px 5px 11px;
}

.col4a  {
	max-width: 301px;
	min-width: 155px;
	float: left;
	clear: left;
	margin: 0 6px 20px 0px;
}

.col4b  {
	width: 180px;
	float: left;
	margin: 11px 6px 20px 0;
}

.col4c  {
	width: 180px;
	float: left;
	margin: 11px 6px 20px 0;
}

.col4d  {
	width: 180px;
	float: left;
	clear: right;
	margin: 11px 0 20px 0;
}

#breadcrumb {
	padding: 0 0 10px 19px;
	margin-top: -15px;
	font-size: 0.95em;
}

#breadcrumb a {
	padding: 0 5px;
}

#breadcrumb .small-arrows {
	padding: 0 5px 2px 0px;
}

.dbl-arrows {
	padding: 0 0 0 30px;
	background: url(../images/bullet-arrows.png) no-repeat 0 2px;
}

/* ++++++++++++++++++++++++++++++ /Content ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Lower Content/ ++++++++++++++++++++++++++++++ */

#lower-content {
	clear: both;
	background: url(../images/purple-repeat.gif) repeat-y top right;
	margin-right: -4px;
	font-weight: normal;
	
}

#lower-content-inner {
	clear: both;
	background: url(../images/purple-top.gif) no-repeat top right;
	padding: 0px 0 0 34px;
	color:  #fff;
}

#lower-content-inner a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#lower-content-inner a img {
	margin-left: -4px;
	margin-bottom: 10px;
}

#lower-content2 {
	clear: both;
	background: url(../images/grey-repeat.png) repeat-y top right;
	margin-right: -4px;
	font-weight: normal;
	
}

#lower-content-inner2 {
	clear: both;
	background: url(../images/grey-top.png) no-repeat top right;
	padding: 20px 0 0 34px;
	color:  #232331;
	font-size: 0.85em;
}

#lower-content-inner2 a {
	color: #232331;
	text-decoration: underline;
	font-weight: bold;
}

#lower-content-inner2 a img {
	float: left;
	clear: left;
	margin-left: -4px;
	margin-bottom: 10px;
}

#lower-content-inner2 img {
	float: left;
	clear: left;
	margin: 0 10px 5px 0;
	border: 1px solid #c4c4cc;
}

#lower-content-inner2 .col2a {
	margin-left: 0;
}

#lower-content-inner2 h3.lower-h3 {
	color: #232331;
	font-weight: bold;
	font-size: 1.2em;
	background: url(../images/bullet-square.png) no-repeat 0 6px;
	padding-left: 12px;
}

#lower-content-inner2 h3 {
	color: #232331;
	font-weight: bold;
	font-size: 1.2em;
}

#lower-content-inner2 h4 {
	color: #6a6a6a;
	font-size: 1em;
}

/* ++++++++++++++++++++++++++++++ /Lower Content ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Print/ ++++++++++++++++++++++++++++++ */

#print {
	margin: 0;
	padding: 25px 0 15px;
	text-align: right;
	font-size: 0.85em;
}

#print span {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../images/icon-print.png) no-repeat left center;
}

#print a {
	color: #232331;
	text-decoration: underline;
}


#print a:visited {
	color: #59487c;
}

#print a:hover {
	text-decoration: none;
}

#print a:active {
}

/* ++++++++++++++++++++++++++++++ /Print ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Footer/ ++++++++++++++++++++++++++++++ */

#container-footer {
	font-size: 0.85em;
	padding-top: 20px;
	padding-bottom: 40px;
}

.footer-left {
	width: 75%;
	float: left;
	clear: left;
}

.footer-right {
	width: 24%;
	float: right;
	clear: right;
	text-align: right;
}

#container-footer .footer-left a {
	padding: 0 5px 0 8px;
	border-left: 1px solid #dedee0; 
}

#container-footer .footer-left a.first {
	color: #232331;
	text-decoration: underline;
	padding: 0 5px 0 10px;
	border-left: none ;
}

#container-footer a {
	color: #232331;
	text-decoration: underline; 
}

/*
#container-footer a:visited {
	color: #59487c;
}
*/
#container-footer a:hover {
	text-decoration: none;
}

#container-footer a:active {
}

/* ++++++++++++++++++++++++++++++ /Footer ++++++++++++++++++++++++++++++ */

/* ============================================= /Layout ============================================= */


/* ============================================= Pages/ ============================================= */

/* ++++++++++++++++++++++++++++++ Home/ ++++++++++++++++++++++++++++++ */

#intro {
	color: #818285;
	font-size: 1.1em;
	font-weight: bold;
}

.arrows {
	padding: 0 0 0 59px;
	background: url(../images/big-arrows.png) no-repeat top left;
}

#home #content h2 {
	margin-left:35px;
}

/* ++++++++++++++++++++++++++++++ /Home ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Lower Content with Sub Nav/ ++++++++++++++++++++++++++++++ */

#sub-nav-page {
	background: transparent url(../images/bg-subnav-repeat.png) repeat-y top left;
}

#sub-nav-page .inner {
	background: transparent url(../images/bg-subnav-top.png) no-repeat top left;
	min-height: 610px;
}

#sub-nav-page .inner #sub-nav {
	display: block;
	width: 192px;
	float: left;
	margin-top: 10px;
}

#sub-nav-page .inner #sub-nav-content {
	display: block;
	width: 625px;
	float: right;
	margin-right: 15px;
}

ul#sub-nav {
	padding: 0;
	margin: 5px 0 0 0;
}

ul#sub-nav li {
	padding: 5px 5px 5px 34px;
	margin: 0;
	background: url(../images/bullet-dbl-dots.png) no-repeat 17px 12px;
	border-bottom: 1px #48426E solid;
}

ul#sub-nav li a {
	color: #DED8EE;
	text-decoration: none;
}

ul#sub-nav li a:visited {
	color: #C7BEE1;
}

ul#sub-nav li a:hover {
	text-decoration: underline;
}

/* ++++++++++++++++++++++++++++++ /Lower Content with Sub Nav ++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++ Contact/ ++++++++++++++++++++++++++++++ */
#contact h2 {margin-top:0; }

div#popup {
	margin:0px;
	padding:7px;
	width:200px;
}

form fieldset {
	border: none;
}

form legend {
	display: none;
}

form div {
	padding: 6px 0;
}

form label {
	display: block;
	float: left;
	clear: left;
	width: 140px;
	font-weight: bold;
}

form .text-field {
	width: 252px;
	background-color: #fff;
	border: 1px solid grey;
}

form .text-area {
	width: 252px;
	background-color: #fff;
	border: 1px solid grey;
}

form #but-submit {
	margin: 15px 0 0 129px;
}

.blueBold{
    font-weight:bold;
	color:#666699;}
	
.redBold{
    font-weight:bold;
	color:#63247b;
	background:#f1e1ff}	
	
.smaller {
    color:#4f4f4f;
	font-size:90% 
	}

/* table for casestudy 3--------------------------------- */

.case {
    margin-bottom:10px;
    width:98%;
	border:1px solid #7065aa;
	border-collapse:collapse;
}

.case_td1 {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#847abb;
	border-bottom:1px solid #4d428e;
    border-right:1px solid #4d428e;
	padding:5px 5px;}
	
.case_td1R {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#847abb;
	border-bottom:1px solid #4d428e;
	padding:5px 5px;}
	
.case_td2 {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#aea7d5;
	border-bottom:1px solid #7065aa;
    border-right:1px solid #7065aa;
	padding:5px 5px;}
	
.case_td2R {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#aea7d5;
	border-bottom:1px solid #7065aa;
	padding:5px 5px;}	
	
.case_td3 {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#c9c3e7;
	border-bottom:1px solid #7065aa;
    border-right:1px solid #7065aa;
	padding:5px 5px;}
	
.case_td3R {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#c9c3e7;
	border-bottom:1px solid #7065aa;
	padding:5px 5px;}	
	
.case_td4 {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#d7d3ef;
	border-bottom:1px solid #7065aa;
    border-right:1px solid #7065aa;
	padding:5px 5px;}
	
.case_td4R {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#d7d3ef;
	border-bottom:1px solid #7065aa;
	padding:5px 5px;}	
	
.case_td5 {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#e6e4f1;
    border-right:1px solid #7065aa;
	padding:5px 5px;}
	
.case_td5R {
    font: normal 12px arial,verdana,helvetica,sans-serif;
    background-color:#e6e4f1;
	padding:5px 5px;}					
	
.case_align {
   text-align:center;
   font-weight:bold}
   

/* ++++++++++++++++++++++++++++++ Clients/ ++++++++++++++++++++++++++++++ */
.client-logo {
	float:left;
	width:100px;
	margin-right:30px;
	margin-bottom:30px;
}

.client-logo img {
	border:solid 1px #d7d7d9;
	margin:0;
	padding:0;
	margin-bottom:1px;
}

.client-logo span {
	font-size:90%;
	color:#666;
}	
/* ++++++++++++++++++++++++++++++ Contact/ ++++++++++++++++++++++++++++++ */

.red {color:#CC0000}

.small {font-size:85%;font-weight:normal;}

/* ++++++++++++++++++++++++++++++ Sitemap/ ++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++ /Sitemap ++++++++++++++++++++++++++++++ */

/* ============================================= /Pages ============================================= */