/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
} 

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea, label {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0px;
  background-color: #EAEAEA;
  color: #666666;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  min-width: 900px;
  text-align: center;
}

a:link {text-decoration: underline; color: #0033CC; background-color: transparent;}
a:visited {text-decoration: underline; color: #0033CC; background-color: transparent;}
a:hover {text-decoration: none; color: #0033CC; background-color: transparent;}

a.linkfooter:link {text-decoration: underline; color: #99FFFF; background-color: transparent;}
a.linkfooter:visited {text-decoration: underline; color: #99FFFF; background-color: transparent;}
a.linkfooter:hover {text-decoration: none; color: #99FFFF; background-color: transparent;}

/*-- GENERAL BITS --*/
.container {margin: 0 auto; width: 900px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- MAIN AREA --*/
.mainAreaContainer {margin: 30px 0 0 0; padding: 0; float: left; display: inline; position: relative; width: 900px; border: 1px solid #BABABA; background-color: #FFFFFF;}

/*-- HEADER AREA --*/
.headerNavBar {position: relative; float: left; display: inline; width: 840px; height: 36px; margin: 20px 0 20px 30px; background: url(/images/navbar_bg.gif) top left no-repeat;}

.headerNavBar ul {display: inline; float: left; list-style: none; margin: 0 0 0 8px; padding: 0;}
	.headerNavBar li {display: inline; float: left; margin: 0 14px 0 14px;}
	.headerNavBar li a {display: inline; float: left; height: 36px;}
	.headerNavBar li span {display: none;}

#nav01 a {background: url(/images/nav_home_off.gif) top left no-repeat; width: 48px; height: 36px;}
#nav01 a:hover {background: url(/images/nav_home_hov.gif) top left no-repeat;}
#nav01on {background: url(/images/nav_home_hov.gif) top left no-repeat; width: 48px; height: 36px;}

#nav02 a {background: url(/images/nav_profiles_off.gif) top left no-repeat; width: 104px; height: 36px;}
#nav02 a:hover {background: url(/images/nav_profiles_hov.gif) top left no-repeat;}
#nav02on {background: url(/images/nav_profiles_hov.gif) top left no-repeat; width: 104px; height: 36px;}

#nav03 a {background: url(/images/nav_services_off.gif) top left no-repeat; width: 75px; height: 36px;}
#nav03 a:hover {background: url(/images/nav_services_hov.gif) top left no-repeat;}
#nav03on {background: url(/images/nav_services_hov.gif) top left no-repeat; width: 75px; height: 36px;}

#nav04 a {background: url(/images/nav_case_studies_off.gif) top left no-repeat; width: 109px; height: 36px;}
#nav04 a:hover {background: url(/images/nav_case_studies_hov.gif) top left no-repeat;}
#nav04on {background: url(/images/nav_case_studies_hov.gif) top left no-repeat; width: 109px; height: 36px;}

#nav05 a {background: url(/images/nav_clients_off.gif) top left no-repeat; width: 63px; height: 36px;}
#nav05 a:hover {background: url(/images/nav_clients_hov.gif) top left no-repeat;}
#nav05on {background: url(/images/nav_clients_hov.gif) top left no-repeat; width: 63px; height: 36px;}

#nav06 a {background: url(/images/nav_careers_off.gif) top left no-repeat; width: 71px; height: 36px;}
#nav06 a:hover {background: url(/images/nav_careers_hov.gif) top left no-repeat;}
#nav06on {background: url(/images/nav_careers_hov.gif) top left no-repeat; width: 71px; height: 36px;}

#nav07 a {background: url(/images/nav_contact_off.gif) top left no-repeat; width: 74px; height: 36px;}
#nav07 a:hover {background: url(/images/nav_contact_hov.gif) top left no-repeat;}
#nav07on {background: url(/images/nav_contact_hov.gif) top left no-repeat; width: 74px; height: 36px;}

#nav08 a {background: url(/images/nav_blog_off.gif) top left no-repeat; width: 46px; height: 36px;}
#nav08 a:hover {background: url(/images/nav_blog_hov.gif) top left no-repeat;}
#nav08on {background: url(/images/nav_blog_hov.gif) top left no-repeat; width: 46px; height: 36px;}

.headerLogo {position: relative; float: left; display: inline; margin: 22px 0 0 60px; width: 154px; height: 110px;}
.headerStrap {position: relative; float: left; display: inline; margin: 22px 0 0 36px; width: 620px; height: 110px; background:url(/images/top-strap.jpg) top left no-repeat;}

/*-- FOOTER --------------------*/
.footerArea {position: relative; float: left; display: inline; width: 900px; margin: 0; padding: 0 0 30px 0;}
	.footerArea p {margin: 15px 30px 30px 30px; font-size: 11px; color: #333333; display: inline;}

/*-- HOME PAGE --*/
.homeIntroArea {position: relative; display: inline; float: left; margin: 0 0 30px 30px; width: 840px;/* height: 200px; background: url(/images/home_intro_bg.jpg) top left no-repeat;*/}
	.homeIntroArea h1 {text-indent: -9999px; background: url(/images/home_intro_strapline.gif) top left no-repeat; height: 21px; width: 500px; margin: 30px 0 10px 30px; font-size: 10px; line-height: 1em;}
	.homeIntroArea p {width: 520px; font-size: 14px; color: #333333; line-height: 1.5em; margin: 0 0 0 30px;}

.homeCaseStudies {position: relative; float: left; display: inline; width: 260px; height: 280px; background-color: #F1F1F1; margin: 0 0px 30px 0px;}
	.homeCaseStudies h2 {text-indent: -9999px; background: url(/images/home_sub_in_case_studies.gif) top left no-repeat; height: 34px; width: 260px; margin: 0 0 1px 0; font-size: 10px; line-height: 1em;}
	.homeCaseStudies h3 {font-size: 11px; margin: 5px 20px 0 20px;}
	.homeCaseStudies p {font-size: 11px; color: #666666; line-height: 1.5em; width: 220px; margin: 15px 20px 0 20px;}
	.homeCaseStudies p strong {color: #333333;}
	.homeCaseStudies img {border: 0;}
	
.homeOurServices {position: relative; float: left; display: inline; width: 260px; height: 280px; background-color: #F1F1F1; margin: 0 30px 30px 0;}
	.homeOurServices h2 {text-indent: -9999px; background: url(/images/home_sub_our_services.gif) top left no-repeat; height: 34px; width: 260px; margin: 0 0 1px 0; font-size: 10px; line-height: 1em;}
	.homeOurServices h3 {font-size: 11px; margin: 5px 20px 0 20px;}
	.homeOurServices p {font-size: 11px; color: #666666; line-height: 1.5em; width: 220px; margin: 15px 20px 0 20px;}
	.homeOurServices p strong {color: #333333;}
	.homeOurServices img {border: 0;}
 
.homeAboutUs {position: relative; float: left; display: inline; width: 260px; background-color: #F1F1F1; margin: 0 30px 30px 30px;}
	.homeAboutUs h2 {text-indent: -9999px; background: url(/images/home_sub_about_us.gif) top left no-repeat; height: 34px; width: 260px; margin: 0 0 1px 0; font-size: 10px; line-height: 1em;}
	.homeAboutUs h3 {font-size: 11px; margin: 5px 20px 0 20px;}
	.homeAboutUs p {font-size: 11px; color: #666666; line-height: 1.5em; width: 220px; margin: 15px 20px 0 20px;}
	.homeAboutUs p strong {color: #333333;}
	.homeAboutUs img {border: 0;}

/*-- CONTENT PAGE --*/
.contentMainColumn {position: relative; float: left; display: inline; width: 550px; margin: 10px 30px 30px 30px; padding: 0;}
	.contentMainColumn h1 {text-indent: -9999px; height: 21px; margin: 0 0 20px 0; font-size: 10px; line-height: 1em;}
	.contentMainColumn h2 {font-size: 14px; color: #333366; font-weight: normal; line-height: 1.5em; margin: 5px 0 15px 0;}
	.contentMainColumn h3 {font-size: 14px; color: #333366; line-height: 1.1em; margin: 1em 0 0.5em 0;}
	.contentMainColumn p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.contentMainColumn ul {margin: 5px 0 5px 0; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;}
	.contentMainColumn li {position: relative; background-image: url(/images/bullet.gif); background-position: 0px 10px; background-repeat: no-repeat; padding: 6px 0 4px 17px;}

.contentMainColumnSeminar {position: relative; float: left; display: inline; width: 830px; margin: 10px 30px 30px 30px; padding: 0;}
	.contentMainColumnSeminar h1 {height: 21px; margin: 0 0 20px 0; font-size: 10px; line-height: 1em;}
	.contentMainColumnSeminar h2 {font-size: 14px; color: #333366; font-weight: normal; line-height: 1.5em; margin: 5px 0 15px 0;}
	.contentMainColumnSeminar h3 {font-size: 14px; color: #333366; line-height: 1.1em; margin: 1em 0 0.5em 0;}
	.contentMainColumnSeminar p {font-size: 12px; color: #666666; line-height: 1.5em;}
	.contentMainColumnSeminar ul {margin: 5px 0 5px 0; padding: 0; font-size: 12px; line-height: 1.5em; list-style: none; color: #666666;}
	.contentMainColumnSeminar li {position: relative; background-image: url(/images/bullet.gif); background-position: 0px 10px; background-repeat: no-repeat; padding: 6px 0 4px 17px;}
	
.contentRightImageColumn {position: relative; float: right; display: inline; width: 250px; margin: 0px 0px 10px 20px; background-color:#FFFFFF;}
.contentRightImageColumn h1{float: right; display: inline; width: 250px; font:bold 12px Arial, Helvetica, sans-serif;}

.contentRightColumn {position: relative; float: left; display: inline; width: 260px; margin: 50px 0 30px 0; background-color: #F1F1F1;}
	.contentRightColumn h2 {text-indent: -9999px; height: 34px; width: 260px; margin: 0 0 1px 0; font-size: 10px; line-height: 1em;}
	.contentRightColumn p {font-size: 11px; color: #666666; line-height: 1.5em; width: 220px; margin: 15px 20px 0 20px;}
	.contentRightColumn p strong {color: #333333;}
	.contentRightColumn ul {margin: 5px 0 5px 10px; padding: 0; font-size: 11px; line-height: 1.5em; list-style: none; color: #666666;}
	.contentRightColumn li {position: relative; background-image: url(/images/bullet.gif); background-position: 0px 11px; background-repeat: no-repeat; padding: 6px 0 4px 15px;}

/*-- PROFILE PAGE --*/
.profileColumn {position: relative; float: left; display: inline; width: 240px; margin: 0 28px 30px 30px; border:1px solid black; min-height:460px;}
	.profileColumn p {font-size: 12px; color: #666666; line-height: 1.5em; width: 220px; margin: 10px 0 0 10px;}
	.profileColumn img {border: 0;}
	
	
/*-- CONTACT PAGE --*/
.contactform
	.contactform label{display: block; float: left; width: 150px; margin: 0 0 20px 0;}
	.contactform input {display: block; float: left; width: 250px; padding-right: 20px;}
	.contactform textarea {display: block; float: left; width: 270px; margin: 0 0 20px 0;}
	.contactform br {clear: left;}
	
.formbuttonL {margin: 0 0 0 150px;}
.formbuttonR {margin: 0 0 0 20px;}

.table_coltext{font:11px arial;color:#666666; padding:10px;}
.table_headertext{font:13px arial;color:#FFFFFF; padding:10px;}


.sociallinks{float:left;margin-right: 25px; padding-right: 0px; margin-left: 25px; padding-left:0px;clear:both; width:850px;margin-bottom: 10px;}
	.sociallinks ul{padding:0px;margin:0px;}
	.sociallinks li{float:left; display:inline;padding:0px;margin:0px 10px; font:10px Georgia, "Times New Roman", Times, serif;color:#999999;}
	.sociallinks li a{color:#9966CC;}
	.sociallinks li a:hover{color:#9966CC; text-decoration:none;}
	.sociallinks li a:visited{color:#9966CC;}
	.sociallinks li a img{text-decoration:none; border:none;}
.sociallinks hr{margin-bottom: 11px;}