/* ================================================================================ */
/* CLEAR THE DEFAULT BROWSER VALUES */
/* ================================================================================ */

html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, form, fieldset, a, div, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* ================================================================================ */
/* BASE WEBSITE STYLES */
/* ================================================================================ */

#accessibility {
	position: absolute;
	left: -100px;
	top: 0px;
	height: 1px;
	font-size: 0.1em;
}

#animationLink {
	cursor:pointer;
}

body {
	background-color:#000000;
	margin: 0px;
	font-size: 62.5%; /*Sets all fonts to 10px*/
	background-color:#000000;
}

.caseStudyBox {
	margin-bottom:8px;
}

.caseStudyLeft {
	float:left;
	width:380px;
	height:149px;
	background:url(lib/graphics/casestudy.gif) left top no-repeat;
	position:relative;
}

.caseStudyRight {
	float:left;
	width:240px;
	height:149px;
	background-color:#656566;
}

.caseStudyURL {
	left:37px;
	top:6px;
	width:331px;
	height:25px;
	overflow:hidden;
	color:#FFFFFF;
	font-size:1.6em;
	font-weight:bold;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
}

.caseStudyURL a {
	color:#FFFFFF;
	text-decoration:none;
}

.caseStudyPics {
	position:absolute;
	left:37px;
	top:48px;
	width:314px;
	height:99px;
}

.caseStudyText {
	width:224px;
	height:133px;
	margin:8px 0px 0px 8px;
	overflow:auto;
	font-size:1.2em;
	line-height:1.3;
}

.clear {
	clear:both;
	font-size:0.1em;
	height:1px;
}

#contentBox {
	background:url(lib/graphics/contentbox.gif) left top repeat-y;
	margin-top:219px;
	position:absolute;
	width:813px;
}

#content {
	padding-top:8px;
	position:relative;
}

#content p, .sidebarItem p, .formRow {
	color:#ffffff;
	font-size:1.3em;
	line-height: 1.5;
	font-family:Arial, Helvetica, sans-serif;
}

#content p a, #footer a, #content ul a {
	color:#FFFFFF;
}

#content p, #content ul, #content ol, #content form {
	margin-bottom: 1.5em;
	margin-right:20px;
	margin-left:32px;
	margin-right:195px;
}

#content ul, #content ol {
	padding-left: 0px;
	font-size:1.3em;
	line-height: 1.5;
	font-family:Arial, Helvetica, sans-serif;
}

#content li {
	margin-bottom:0.5;
}

#content h1, #content h2, #content h3, #content h4 {
	font-family:Corbel, Arial, Helvetica, sans-serif;
}

#flashHeader {
	position:absolute;
	width:955px;
	height:525px;
}

.formRow {
	margin-bottom:4px;
}

.formLabel {
	font-weight:bold;
	float:left;
	width:150px;
}

.formField, .formButton {
	float:left;
	width:390px;
}

.formField input {
	width: 390px;
}

.formField textarea {
	width: 390px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#content h1 {
	padding:3px;
	font-size:2.9em;
	font-weight:bold;
	display:inline;
	margin-left:32px;
}

#content h2 {
	margin:3px 235px 24px 32px;
	font-size:2.7em;
	font-weight:normal;
	line-height:1.4em;
}

#content h3 {
	margin:12px 195px 5px 16px;
	font-size:1.9em;
	font-weight:bold;
	background-color:#878889;
	padding:3px 3px 6px 16px;
}

#content h4 {
	margin:0px 5px 5px 16px;
	font-size:1.9em;
	font-weight:bold;
	background-color:#656566;
	padding:3px 3px 6px 16px;
}

#elearningAnimation {
	padding-left:16px;
	margin-bottom:8px;
	display:none;
}

#eMarketingExamples {
	margin-left:32px;
}

#footer {
	margin:32px;
	font-size:1.3em;
	line-height: 1.5;
}

.footerLine {
	height:20px;
	background:url(lib/graphics/footerline.gif) left 50% repeat-x;
}

#footerLeft {
	float:left;
	width:490px;
}

#footerRight {
	float:right;
	width:155px;
	text-align:right;
}

#footerAddress {
	margin-top:10px;
}

#footerTextSizeLeft {
	float:right;
	margin-right:6px;
	padding-top:3px;
	text-align:right;
}

#footerTextSizeRight {
	float:right;
	
}

#footerTextSizeRight a {
	margin-left:7px;
	background-color:#3e3e40;
}

#IE6, #oldFlash {
	position:absolute;
	left:0px;
	top:0px;
	width:400px;
	height:40px;
	font-size:1.3em;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	z-index:200;
	background-color:#3e3e40;
	padding:6px;
	display:none;
	border:1px solid #FFFFFF;
}

#IE6 a, #oldFlash a {
	color:#FFFFFF;
	font-weight:bold;
}

#keyPoint {
	background-color:#878889;
	margin:0px 195px 6px 16px;
	padding:6px;
	overflow:hidden;
}

#keyPointHome {
	background-color:#000000;
	margin:0px 195px 6px 16px;
	padding:6px;
	overflow:hidden;
}

#keyPointImage {
	float:left;
	width:259px;
}

#keyPointHomeImage {
	float:left;
	width:379px;
}

#keyPointCopy {
	float:right;
	width:316px;
	font-size:1.3em;
	font-weight:normal;
	padding-top:5px;
}

#keyPointHomeCopy {
	float:right;
	width:196px;
	font-size:1.3em;
	font-weight:normal;
	padding-top:30px;
}

#keyPointCopy p, #keyPointHomeCopy p {
	line-height:1.3em;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}

#keyPointCopy a {
	color:#FFFFFF;
}

#markerDesign {
	position:absolute;
	top:211px;
	left:235px;
	width:392px;
	height:12px;
	background:url(lib/graphics/marker.gif) left top no-repeat;
}

#markerBuild {
	position:absolute;
	top:211px;
	left:395px;
	width:232px;
	height:12px;
	background:url(lib/graphics/marker.gif) left top no-repeat;
}

#markerPromote{
	position:absolute;
	top:211px;
	left:553px;
	width:75px;
	height:12px;
	background:url(lib/graphics/marker.gif) left top no-repeat;
}

#markerSupport{
	position:absolute;
	top:211px;
	left:553px;
	width:75px;
	height:12px;
}

#membersOf {
	position:absolute;
	left:26px;
	width:150px;
	top:38px;
	height:51px;
}

#messageCloseButton, #messageFlashCloseButton {
	float:right;
	left:382px;
	top:2px;
	width:17px;
	height:16px;
}

#messageCloseButton img, #messageFlashCloseButton img {
	cursor:pointer;
}

#methodologyAnimation {
	margin:0px 170px 0px 32px;
	width:578px;
	height:278px;
}

#page {
	height: auto;
	width: 955px;
	top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	color:#FFFFFF;
}

.pageSplit {
	margin-top:12px;
}

.pageSplitLeft {
	float:left;
	width:264px;
}

.pageSplitRight {
	float:left;
	width:355px;
}

#section1, #section2, #section3, #section4, #section5 {
	position:absolute;
	top:174px;
	width:142px;
	height:36px;
	background-color:#000000;
	overflow:hidden;
}

#section1 {
	left:13px;
}

#section1 a, #section2 a, #section3 a, #section4 a, #section5 a {
	display:block;
	width:142px;
	height:36px;
	text-align:center;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
	padding-top:9px;
}

#section2 {
	left:172px;
}

#section3 {
	left:331px;
}

#section4 {
	left:490px;
}

#section5 {
	left:649px;
}

#sidebar {
	position:absolute;
	left:627px;
	top:220px;
	width:206px;
	height: 650px;
}

.sidebarItem {
	margin-bottom:18px;
	font-size:1.3em;
	position:relative;
}

#subNavigation {
	background-color:#FFFFFF;
	margin-bottom:18px;
	padding:3px;
}

#subNavigation ul {
	list-style:none;
	margin:0px;
}

#subNavigation ul li{
	margin-bottom:3px;
	background-color:#000000;
}

#subNavigation ul a {
	display:block;	
	color:#FFFFFF;
	font-size:1.4em;
	text-decoration:none;
	padding:6px;
}

table {
	border-collapse: collapse;
	width:90%;
}

table caption {
	text-align: left;
	font-weight:bold;
	padding: 0px 0px 4px 0px;
}

th {
	text-align: left;
	font-weight:bold;
}

th, td {
	padding: 4px;
	font-size:1.2em;
	line-height:1.5em;
	border:1px solid #CCCCCC;
}

#whatWeDo {
	width:624px;
	height:249px;
	background:url(lib/graphics/what-we-do.gif) 6px 0px no-repeat;
	position:relative;
}

#whatWeDo a {
	text-decoration:none;
	color:#FFFFFF;
}

#whatWeDo a:hover {
	text-decoration:underline;
}

#whatWeDoDesign {
	position:absolute;
	left:10px;
	top:15px;
	width:302px;
	height:111px;
	background:url(lib/graphics/wwd1.gif) left top no-repeat;
}

#whatWeDoPromote {
	position:absolute;
	left:313px;
	top:15px;
	width:293px;
	height:111px;
	background:url(lib/graphics/wwd2.gif) left top no-repeat;
}

#whatWeDoBuild {
	position:absolute;
	left:12px;
	top:128px;
	width:315px;
	height:110px;
	background:url(lib/graphics/wwd3.gif) left top no-repeat;
}

#whatWeDoSupport {
	position:absolute;
	left:344px;
	top:128px;
	width:255px;
	height:110px;
	background:url(lib/graphics/wwd4.gif) left top no-repeat;
}

#wwd1Icon {
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:111px;
}

#wwd1Title {
	position:absolute;
	left:93px;
	top:13px;
	width:207px;
	height:24px;
	font-size:1.6em;
	font-weight:bold;
	overflow:hidden;
}

#wwd1Text {
	position:absolute;
	left:93px;
	top:43px;
	width:199px;
	height:63px;
	font-size:1.4em;
	overflow:hidden;
}

#wwd2Icon {
	position:absolute;
	left:0px;
	top:0px;
	width:103px;
	height:111px;
}

#wwd2Title {
	position:absolute;
	left:104px;
	top:13px;
	width:183px;
	height:22px;
	font-size:1.6em;
	font-weight:bold;
	overflow:hidden;
}

#wwd2Text {
	position:absolute;
	left:104px;
	top:43px;
	width:182px;
	height:64px;
	font-size:1.4em;
	overflow:hidden;
}

#wwd3Icon {
	position:absolute;
	left:251px;
	top:0px;
	width:64px;
	height:110px;
}

#wwd3Title {
	position:absolute;
	left:9px;
	top:14px;
	width:239px;
	height:24px;
	font-size:1.6em;
	font-weight:bold;
	text-align:right;
	overflow:hidden;
}

#wwd3Text {
	position:absolute;
	left:10px;
	top:41px;
	width:239px;
	height:66px;
	font-size:1.4em;
	text-align:right;
	overflow:hidden;
}

#wwd4Icon {
	position:absolute;
	left:134px;
	top:0px;
	width:121px;
	height:110px;
}

#wwd4Title {
	position:absolute;
	left:4px;
	top:14px;
	width:124px;
	height:26px;
	font-size:1.6em;
	font-weight:bold;
	text-align:right;
	overflow:hidden;
}

#wwd4Text {
	position:absolute;
	left:10px;
	top:41px;
	width:118px;
	height:65px;
	font-size:1.4em;
	text-align:right;
	overflow:hidden;
}

/* ================================================================================ */
/* WE DESIGN SECTION STYLES */
/* ================================================================================ */

.weDesign .sectionColour {
	color:#009ee0;
}

.weDesign .selectedSection, .weDesign .selectedPage {
	background-color:#009ee0;
}

.weDesign .selectedSection .sectionColour {
	color:#FFFFFF;
}

.weDesign #section1 a:hover, .weDesign #section3 a:hover, .weDesign #section4 a:hover, .weDesign #section5 a:hover, .weDesign #subNavigation a:hover {
	background-color:#003044;
}

.weDesign #content h1 {
	background-color:#009ee0;
}

.weDesign #content ul {
	list-style:none;
}

.weDesign #content ul li{
	background:url(lib/graphics/bullet-we-design.gif) 0px 6px no-repeat;
	padding-left:16px;
}

.weDesign #content a:hover {
	background-color:#009ee0;
}

/* ================================================================================ */
/* WE BUILD SECTION STYLES */
/* ================================================================================ */

.weBuild .sectionColour {
	color:#fb5117;
}

.weBuild .selectedSection, .weBuild .selectedPage {
	background-color:#fb5117;
}

.weBuild .selectedSection .sectionColour {
	color:#FFFFFF;
}

.weBuild #section1 a:hover, .weBuild #section2 a:hover, .weBuild #section4 a:hover, .weBuild #section5 a:hover, .weBuild #subNavigation a:hover {
	background-color:#4c1807;
}

.weBuild #content h1 {
	background-color:#fb5117;
}

.weBuild #content ul {
	list-style:none;
}

.weBuild #content ul li{
	background:url(lib/graphics/bullet-we-build.gif) 0px 6px no-repeat;
	padding-left:16px;
}

.weBuild #content a:hover {
	background-color:#fb5117;
}

.weBuild #didYouKnowMiddle {
	background:url(lib/graphics/dyn2.gif) left top repeat-y;
	padding:4px 18px 4px 12px;
	line-height:1.5;
	font-weight:bold;
}

/* ================================================================================ */
/* WE PROMOTE SECTION STYLES */
/* ================================================================================ */

.wePromote .sectionColour {
	color:#e2007a;
}

.wePromote .selectedSection, .wePromote .selectedPage {
	background-color:#e2007a;
}

.wePromote .selectedSection .sectionColour {
	color:#FFFFFF;
}

.wePromote #section1 a:hover, .wePromote #section2 a:hover, .wePromote #section3 a:hover, .wePromote #section5 a:hover, .wePromote #subNavigation a:hover {
	background-color:#440025;
}

.wePromote #content h1 {
	background-color:#e2007a;
}

.wePromote #content ul {
	list-style:none;
}

.wePromote #content ul li{
	background:url(lib/graphics/bullet-we-promote.gif) 0px 6px no-repeat;
	padding-left:16px;
}

.wePromote #content a:hover {
	background-color:#e2007a;
}

.wePromote #didYouKnowMiddle {
	background:url(lib/graphics/dyn4.gif) left top repeat-y;
	padding:4px 18px 4px 12px;
	line-height:1.5;
	font-weight:bold;
}

/* ================================================================================ */
/* WE SUPPORT SECTION STYLES */
/* ================================================================================ */

.weSupport .sectionColour {
	color:#039f00;
}

.weSupport .selectedSection, .weSupport .selectedPage {
	background-color:#039f00;
}

.weSupport .selectedSection .sectionColour {
	color:#FFFFFF;
}

.weSupport #section1 a:hover, .weSupport #section2 a:hover, .weSupport #section3 a:hover, .weSupport #section4 a:hover, .weSupport #subNavigation a:hover {
	background-color:#013000;
}

.weSupport #content h1 {
	background-color:#039f00;
}

.weSupport #content ul {
	list-style:none;
}

.weSupport #content ul li{
	background:url(lib/graphics/bullet-we-promote.gif) 0px 6px no-repeat;
	padding-left:16px;
}

.weSupport #content a:hover {
	background-color:#039f00;
}

/* ================================================================================ */
/* FRONT PAGE STYLES */
/* ================================================================================ */

.frontPage .sectionColour {
	color:#fbae17;
}

.frontPage .selectedSection, .frontPage .selectedPage {
	background-color:#fbae17;
}

.frontPage .selectedSection .sectionColour {
	color:#FFFFFF;
}

.frontPage #section5 a:hover, .frontPage #section2 a:hover, .frontPage #section3 a:hover, .frontPage #section4 a:hover, .frontPage #subNavigation a:hover {
	background-color:#4c3507;
}

.frontPage #content h1 {
	background-color:#fbae17;
}

.frontPage #content ul {
	list-style:none;
}

.frontPage #content ul li{
	background:url(lib/graphics/bullet-we-promote.gif) 0px 6px no-repeat;
	padding-left:16px;
}

.frontPage #footer a:hover, .frontPage #homeCopy a:hover {
	background-color:#fbae17;
}

/* ================================================================================ */
/* ANCILLARY PAGE STYLES */
/* ================================================================================ */

.ancillaryPage .sectionColour {
	color:#fbae17;
}

.ancillaryPage .selectedSection, .ancillaryPage .selectedPage {
	background-color:#fbae17;
}

.ancillaryPage .selectedSection .sectionColour {
	color:#FFFFFF;
}

.ancillaryPage #section1 a:hover, .ancillaryPage #section5 a:hover, .ancillaryPage #section2 a:hover, .ancillaryPage #section3 a:hover, .ancillaryPage #section4 a:hover, .ancillaryPage #subNavigation a:hover {
	background-color:#4c3507;
}

.ancillaryPage #content h1 {
	background-color:#fbae17;
}

.ancillaryPage #content ul {
	list-style:none;
}

.ancillaryPage #content ul li{
	background:url(lib/graphics/bullet-home.gif) 0px 6px no-repeat;
	padding-left:16px;
}

.ancillaryPage #content a:hover {
	background-color:#fbae17;
}

/* ================================================================================ */
/* H2 BACKGROUNDS */
/* ================================================================================ */

.H2-1 {
	background:url(lib/graphics/h2-1.gif) 0px 38px no-repeat;
}

.H2-2 {
	background:url(lib/graphics/h2-2.gif) 0px 38px no-repeat;
}

.H2-3 {
	background:url(lib/graphics/h2-3.gif) 0px 38px no-repeat;
}

.H2-4 {
	background:url(lib/graphics/h2-4.gif) 0px 38px no-repeat;
}

.H2-5 {
	background:url(lib/graphics/h2-5.gif) 0px 38px no-repeat;
}

.H2-6 {
	background:url(lib/graphics/h2-6.gif) 0px 38px no-repeat;
}

.H2-7 {
	background:url(lib/graphics/h2-7.gif) 0px 38px no-repeat;
}

.H2-8 {
	background:url(lib/graphics/h2-8.gif) 0px 38px no-repeat;
}

.H2-9 {
	background:url(lib/graphics/h2-9.gif) 0px 38px no-repeat;
}

.H2-10 {
	background:url(lib/graphics/h2-10.gif) 0px 38px no-repeat;
}

.H2-11 {
	background:url(lib/graphics/h2-11.gif) 0px 38px no-repeat;
}

.H2-12 {
	background:url(lib/graphics/h2-12.gif) 0px 38px no-repeat;
}

.H2-13 {
	background:url(lib/graphics/h2-12.gif) 0px 38px no-repeat;
}

.H2-14 {
	background:url(lib/graphics/h2-14.gif) 0px 38px no-repeat;
}