/* 
    Document   		: Global
    Created on 		: 24-Mar-2009, 15:09:27
    Author     		: Jon Park & Steven Gibbons
    Description:	: Global styles and structure
*/

/* --- Global Tags --- */
* { margin: 0; padding: 0; }
html { font-size: 100%; border-top: 3px solid #52782F; }
body {
	width: 900px;
	margin: 0 auto;
	padding: 12px 0 20px 0;
	position: relative;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}

p { padding: 0 0 10px 0; line-height: 1.5; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* --- Body Structure --- */
div#hdr { width: 900px; margin: 0; padding: 0; }
	div#hdr h1 a { margin: 0 0 13px 0; width: 162px; height: 147px; background-image: url('../img/iR/h1SiteTitle.gif'); float: left; }
	div#hdr h2 { margin: 15px 0; width: 394px; height: 57px; background-image: url('../img/iR/h2SubBrand.gif'); float: right; clear: right; }

	div#hdr ul { list-style: none; float: right; clear: right;  }
		div#hdr ul li { text-transform: lowercase; float: left; display: block; }

	div#hdr ul#topMenu { margin: -12px -10px 0 0; padding: 0 0 0 10px; width: 197px; background: url('../img/bg/topMenu.gif') no-repeat; }
		div#hdr ul#topMenu li { height: 32px; padding: 10px 5px 0 5px; color: #FFF; }
		div#hdr ul#topMenu li a { text-decoration: none; color: #FFF; font-size: 1.1em; }
		div#hdr ul#topMenu li a:hover,
		div#hdr ul#topMenu li a.active { color: #FFF; text-decoration: underline; }
		
		div#hdr ul#topMenu li select.languages { text-transform: uppercase; margin: -15px 0 0 0!important; padding: 3px; width: 115px; height: 32px; background: #EFEFEF url('../img/bg/languages.gif') no-repeat; border: none; }
			div#hdr ul#topMenu li select.languages option.eng { text-transform: uppercase; padding: 3px 3px 3px 25px; margin: 3px; background: #EFEFEF url('../img/flags/uk.gif') no-repeat top left; border: #EFEFEF; }

		div#hdr ul#topMenu li img { margin: -7px 0 0 0; }

		div#language-dropdown { 
			width: 115px;
			margin: -7px 0 0 0;
			padding: 0 0 0 0;
			background: url('../img/bg/languagesUL.png') no-repeat bottom;
			position: relative;
			z-index: 99;
		}
		div#language-dropdown:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
			div#language-dropdown div.window { width: 115px; height: 32px; background: #EFEFEF url('../img/bg/languages.gif') no-repeat; background-position: top; }
			div#language-dropdown.active div.window { background-position: bottom }
			div#language-dropdown span#language-selected {
				width: 50px;
				height: 23px;
				padding: 9px 3px 0 30px;

				background-repeat: no-repeat;
				background-position: 7px 10px;

				text-transform: none;
				float: left;
				display: block;
			}
			div#language-dropdown a#language-button { width: 32px; height: 32px; background: url('../img/bg/aLanguageDropdown.png') no-repeat top; display: block; float: right;}
				div#language-dropdown a#language-button span { width: 0; height: 0; overflow: hidden; display: block; }
			div#language-dropdown ul { 
				width: 115px;
				margin: 0 0 6px 0;
				padding: 5px 0 0 0;
				background-color: #EFEFEF;
				border-top: 1px solid #DEDEDE;
				float: none;
				position: relative;
				display: none;
			}
				div#language-dropdown ul li { padding: 0 !important; display: list-item; float: none; }
					div#language-dropdown ul li a { 
						height: 23px;
						padding: 9px 3px 0 30px;
						font-size: 1.0em !important;
						text-transform: none;
						text-decoration: none !important;
						
						background-repeat: no-repeat;
						background-position: 7px 10px;
						
						display: block;
					}
					div#language-dropdown ul li a:hover { background-color: #9FB804; color: #EFEFEF !important; }
					div#language-dropdown ul li.inactive { background-color: #CCC; color: #FFF !important; }
					
	div#hdr ul#mainMenu { margin: 14px 0 0 0!important }
		div#hdr ul#mainMenu li a { padding: 14px 15px 14px 15px; text-decoration: none; color: #FFF; font-size: 1.2em; background: #52782F url('../img/bg/mainMenuDivider.gif') no-repeat 0 top; }
		div#hdr ul#mainMenu li a:hover,
		div#hdr ul#mainMenu li a.active { text-decoration: none; background-color: #D5A00F; }
		
		div#hdr ul#mainMenu li.first a { padding: 14px 15px 14px 20px; text-decoration: none; color: #FFF; font-size: 1.2em; background: #52782F url('../img/bg/mainMenuFirst.gif') no-repeat 0 top; }
		div#hdr ul#mainMenu li.first a:hover,
		div#hdr ul#mainMenu li.first a.active { padding: 14px 15px 14px 20px; text-decoration: none; color: #FFF; font-size: 1.2em; background: #52782F url('../img/bg/mainMenuFirst.gif') no-repeat 0 bottom; }
		
		div#hdr ul#mainMenu li.last a { padding: 14px 15px 14px 15px; text-decoration: none; color: #FFF; font-size: 1.2em; background: #52782F url('../img/bg/mainMenuLast.gif') no-repeat top; }
		div#hdr ul#mainMenu li.last a:hover,
		div#hdr ul#mainMenu li.last a.active { padding: 14px 15px 14px 15px; text-decoration: none; color: #FFF; font-size: 1.2em; background: #52782F url('../img/bg/mainMenuLast.gif') no-repeat bottom; }


div#content { margin: -13px 0 0 0; width: 900px; clear: both; }
	div#content div#homeFlash { width: 900px; height: 299px; background: #FFF url('../img/flash/index.jpg') no-repeat top; }
	div#content div#aboutFlash { width: 900px; height: 147px; background: #FFF url('../img/flash/about.gif') no-repeat top; }
	div#content div#ourPartnersFlash { width: 900px; height: 147px; background: #FFF url('../img/flash/partners.gif') no-repeat top; }
	div#content div#ourServices { width: 900px; height: 147px; background: #FFF url('../img/flash/services.gif') no-repeat top; }
	div#content div#journalFlash { width: 900px; height: 147px; background: #FFF url('../img/flash/journal.gif') no-repeat top; }
	div#content div#expertsFlash { width: 900px; height: 147px; background: #FFF url('../img/flash/experts.gif') no-repeat top; }
	div#content div#contactFlash { width: 900px; height: 147px; background: #FFF url('../img/flash/contact.gif') no-repeat top; }

	
	div#content #homeWelcome { width: 534px; padding: 30px 25px 10px 25px; background: #9FB804 url('../img/bg/homeWelcome.gif') no-repeat bottom right; float: left; }
		div#content #homeWelcome h3 { background: url('../img/iR/h3MainTitle.gif') no-repeat top; width: 515px; height: 40px; margin: 0 0 10px 0; }

		div#content #homeWelcome p { font-size: 1.2em; color: #FFF; }
		div#content #homeWelcome p.first { font-size: 1.4em; }
			div#content #homeWelcome p a { color: #FFF; }
			
div#content ul#breadCrumb { float: left; margin: 20px 0; list-style: none; width: 900px!important; clear: both; }
div#content ul#breadCrumb li { float: left; padding: 0 3px; font-size: 1.2em; color: #999; }
	div#content ul#breadCrumb li a { font-style: italic; text-decoration: none; color: #999; }
	div#content ul#breadCrumb li a:hover,
	div#content ul#breadCrumb li a.active { color: #9FB804; }

	div#content #homeSignUp { width: 284px; padding: 0 16px 0 0; float: right; }
	div#content #homeSignUp h4 { width: 105px; height: 65px; background-image: url('../img/iR/h4SignUp.gif'); }
	div#content #homeSignUp a.signUp { width: 130px; height: 27px; background-image: url('../img/iR/signUp.gif'); }
	div#content #homeSignUp p { font-size: 1.2em; color: #999; }
	div#content #homeSignUp input.text { font-size: 1.0em; color: #999; width: 200px; padding: 3px 3px 4px 3px; border: 1px solid #CCC; }
	div#content #homeSignUp p.freeSignUp { margin: 0 0 0 70px; color: #999; }

	div#content div#homeJournalTitleHome { clear: both; background: url('../img/bg/mainJournalTopHome.gif') no-repeat top; width: 900px; height: 110px; }	
	div#content div#homeJournalTitle { clear: both; background: url('../img/bg/mainJournalTop.gif') no-repeat top; width: 900px; height: 110px; }	
		div#content div#homeJournalTitle h5,
		div#content div#homeJournalTitleHome h5 { font-weight: normal; font-size: 3.0em; color: #52782F; float: right; margin: 35px 135px 0 0!important; }
		div#content div#homeJournalTitle h5.flashReplace,
		div#content div#homeJournalTitleHome h5.flashReplace { font-size: 3.3em; color: #52782F; float: right; margin: 35px 120px 0 0; }

	div#content div#homeJournal { background: url('../img/bg/mainJournalBg.gif') repeat-y top; width: 900px; height: 205px; }
	div#content div#homeJournal div#groupLeft { float: left; width: 600px; }
		div#content div#homeJournal div#groupLeft div#left { float: left; width: 249px; height: 200px; padding: 0 20px 0 30px; border: 1px solid #CCC; border-width: 0 1px 0 0; }
			div#content div#homeJournal div#groupLeft div#left h6.flashReplace { font-size: 2.3em; color: #999; margin: -5px 0 5px 0; }
			div#content div#homeJournal div#groupLeft div#left h6 { font-weight: normal; font-size: 1.5em; color: #999; margin: 0 0 5px 0; }
			div#content div#homeJournal div#groupLeft div#left ul { list-style: none; }
			div#content div#homeJournal div#groupLeft div#left ul li p { padding: 0 0 5px 0!important; }
			div#content div#homeJournal div#groupLeft div#left a.viewAll { margin: -22px 40px 0 0; font-size: 1.2em; color: #AFBD21; float: right; }
			div#content div#homeJournal div#groupLeft div#left p.meta { font-size: 1.1em; font-style: italic; color: #666; }
			div#content div#homeJournal div#groupLeft div#left p a { font-size: 1.2em; color: #AFBD21; }			
			
		div#content div#homeJournal div#groupLeft div#right { float: right; width: 249px; height: 200px; padding: 0 20px 0 30px; border: 1px solid #CCC; border-width: 0 1px 0 0; }
			div#content div#homeJournal div#groupLeft div#right h6.flashReplace { font-size: 2.3em; color: #999; margin: -5px 0 5px 0; }
			div#content div#homeJournal div#groupLeft div#right h6 { font-weight: normal; font-size: 1.5em; font-size: 2.0em; color: #999; margin: 0 0 5px 0; }
			div#content div#homeJournal div#groupLeft div#right ul { list-style: none; }
			div#content div#homeJournal div#groupLeft div#right a.viewAll { margin: -22px 60px 0 0; font-size: 1.2em; color: #AFBD21; float: right; }
			div#content div#homeJournal div#groupLeft div#right p { font-size: 1.2em; color: #999; margin: 5px 0; }	
			div#content div#homeJournal div#groupLeft div#right p.meta { font-size: 1.1em; font-style: italic; color: #666; }
			div#content div#homeJournal div#groupLeft div#right p a { color: #AFBD21; }
			div#content div#homeJournal div#groupLeft div#right p a.doc { margin: 0; padding: 5px 0 3px 25px; background: url('../img/bg/doc.gif') no-repeat 0 3px; font-size: 1.0em; color: #AFBD21; }
			div#content div#homeJournal div#groupLeft div#right p a.pdf { margin: 0; padding: 5px 0 3px 25px; background: url('../img/bg/pdf.gif') no-repeat 0 3px; font-size: 1.0em; color: #AFBD21; }
			div#content div#homeJournal div#groupLeft div#right p img { margin: 0 0 -4px 10px; }
	
	div#content div#homeJournal div#groupRight { float: right; width: 250px; padding: 0 20px 0 30px; }
			div#content div#homeJournal div#groupRight h6.flashReplace { font-size: 2.3em; color: #999; margin: -5px 0 5px 0; }
			div#content div#homeJournal div#groupRight h6 { font-weight: normal; font-size: 1.5em; color: #999; margin: 0 0 5px 0; }
			div#content div#homeJournal div#groupRight ul { list-style: none; }
			div#content div#homeJournal div#groupRight a.viewAll { margin: -22px 60px 0 0; font-size: 1.2em; color: #AFBD21; float: right; }
			div#content div#homeJournal div#groupRight p.meta { font-size: 1.0em; font-style: italic; color: #666; }
			div#content div#homeJournal div#groupRight p { font-size: 1.2em; color: #999; margin: 5px 0; }
			div#content div#homeJournal div#groupRight p a.pdf { margin: 0; padding: 5px 0 3px 25px; background: url('../img/bg/pdf.gif') no-repeat 0 3px; font-size: 1.0em; color: #AFBD21; }
			div#content div#homeJournal div#groupRight p a.doc { margin: 0; padding: 5px 0 3px 25px; background: url('../img/bg/doc.gif') no-repeat 0 3px; font-size: 1.0em; color: #AFBD21; }
			div#content div#homeJournal div#groupRight p img { margin: 0 0 -4px 10px; }
			
	div#content div#homeJournalBtm { background: url('../img/bg/mainJournalBtm.gif') no-repeat top; width: 900px; height: 37px; margin: 0 0 30px 0; }	

div#ftr { border: 1px dotted #CCC; border-width: 1px 0 0 0; padding: 20px 0 100px 0; width: 900px; clear: both; }
div#ftr div.partner { margin: -40px 0 0 0; width: 276px; height: 60px; background: url('../img/bg/sss.gif') no-repeat top left; float: right; }
	div#ftr ul { list-style: none; float: left; clear: left; margin: 0 0 20px 0; }
		div#ftr ul li { float: left; padding: 0 5px 0 0; color: #999; font-size: 1.2em; }
		div#ftr ul li a { color: #AFBD21; text-decoration: none; }
			div#ftr ul li a.active,
			div#ftr ul li a:hover { text-decoration: underline; }
			

/* --- About Page --- */
div#content div#singleColumn { width: 680px; }
div#content div#singleColumn h3 { clear: both; margin: 0 0 20px 0!important; width: 701px; height: 142px; background: url('../img/iR/h3About.gif') no-repeat; }
div#content div#singleColumn p { font-size: 1.2em; color: #999; }
div#content div#singleColumn a { text-decoration: none; color: #AFBD21; }			
	div#content div#singleColumn a:hover { text-decoration: underline; }

/* --- Experts Page --- */
div#content ul.experts { float: left; width: 900px; list-style: none; clear: both; }
div#content ul.experts li { float: left; width: 150px; height: 216px; }
div#content ul.experts li a { display: block; color: #AFBD21; }
	
	/* --- Abigail --- */
	div#content ul.experts li.abigail a span.portrait { background: url('../img/experts/none.gif') no-repeat top; width: 150px; height: 150px; }
		div#content ul.experts li.abigail a:hover span.portrait { background: url('../img/experts/none.gif') no-repeat bottom; width: 150px; height: 150px; }
		div#content ul.experts li.abigail a.active span.portrait { background: url('../img/experts/none.gif') no-repeat bottom; width: 150px; height: 150px; }
	div#content ul.experts li.abigail a span.name { background: #FFF; width: 150px; height: 66px; }
		div#content ul.experts li.abigail a:hover span.name { background: #FFF; width: 150px; height: 66px; }
		div#content ul.experts li.abigail a.active span.name { background: #FFF; width: 150px; height: 66px; }
	
	/* --- Brian --- */
	div#content ul.experts li.brian a span.portrait { background: url('../img/experts/ulBrianPortrait.jpg') no-repeat top; width: 150px; height: 150px; }
		div#content ul.experts li.brian a:hover span.portrait { background: url('../img/experts/ulBrianPortrait.jpg') no-repeat bottom; width: 150px; height: 150px; }
		div#content ul.experts li.brian a.active span.portrait { background: url('../img/experts/ulBrianPortrait.jpg') no-repeat bottom; width: 150px; height: 150px; }
	div#content ul.experts li.brian a span.name { background: url('../img/experts/ulBrianName.jpg') no-repeat top; width: 150px; height: 66px; }
		div#content ul.experts li.brian a:hover span.name { background: url('../img/experts/ulBrianName.jpg') no-repeat bottom; width: 150px; height: 66px; }
		div#content ul.experts li.brian a.active span.name { background: url('../img/experts/ulBrianName.jpg') no-repeat bottom; width: 150px; height: 66px; }

	/* --- Chris --- */
	div#content ul.experts li.chris a span.portrait { background: url('../img/experts/ulChrisPortrait.jpg') no-repeat top; width: 150px; height: 150px; }
		div#content ul.experts li.chris a:hover span.portrait { background: url('../img/experts/ulChrisPortrait.jpg') no-repeat bottom; width: 150px; height: 150px; }
		div#content ul.experts li.chris a.active span.portrait { background: url('../img/experts/ulChrisPortrait.jpg') no-repeat bottom; width: 150px; height: 150px; }
	div#content ul.experts li.chris a span.name { background: url('../img/experts/ulChrisName.jpg') no-repeat top; width: 150px; height: 66px; }
		div#content ul.experts li.chris a:hover span.name { background: url('../img/experts/ulChrisName.jpg') no-repeat bottom; width: 150px; height: 66px; }
		div#content ul.experts li.chris a.active span.name { background: url('../img/experts/ulChrisName.jpg') no-repeat bottom; width: 150px; height: 66px; }
	
	/* --- Dominic --- */
	div#content ul.experts li.dominic a span.portrait { background: url('../img/experts/ulDominicPortrait.jpg') no-repeat top; width: 150px; height: 150px; }
		div#content ul.experts li.dominic a:hover span.portrait { background: url('../img/experts/ulDominicPortrait.jpg') no-repeat bottom; width: 150px; height: 150px; }
		div#content ul.experts li.dominic a.active span.portrait { background: url('../img/experts/ulDominicPortrait.jpg') no-repeat bottom; width: 150px; height: 150px; }
	div#content ul.experts li.dominic a span.name { background: url('../img/experts/ulDominicName.jpg') no-repeat top; width: 150px; height: 66px; }
		div#content ul.experts li.dominic a:hover span.name { background: url('../img/experts/ulDominicName.jpg') no-repeat bottom; width: 150px; height: 66px; }
		div#content ul.experts li.dominic a.active span.name { background: url('../img/experts/ulDominicName.jpg') no-repeat bottom; width: 150px; height: 66px; }
	
	/* --- Simon --- */
	div#content ul.experts li.simon a span.portrait { background: url('../img/experts/none.gif') no-repeat top; width: 150px; height: 150px; }
		div#content ul.experts li.simon a:hover span.portrait { background: url('../img/experts/none.gif') no-repeat bottom; width: 150px; height: 150px; }
		div#content ul.experts li.simon a.active span.portrait { background: url('../img/experts/none.gif') no-repeat bottom; width: 150px; height: 150px; }
	div#content ul.experts li.simon a span.name { background: #FFF; width: 150px; height: 66px; }
		div#content ul.experts li.simon a:hover span.name { background: #FFF; width: 150px; height: 66px; }
		div#content ul.experts li.simon a.active span.name { background: #FFF; width: 150px; height: 66px; }
	
	/* --- Stuart --- */
	div#content ul.experts li.stuart a span.portrait { background: url('../img/experts/none.gif') no-repeat top; width: 150px; height: 150px; }
		div#content ul.experts li.stuart a:hover span.portrait { background: url('../img/experts/none.gif') no-repeat bottom; width: 150px; height: 150px; }
		div#content ul.experts li.stuart a.active span.portrait { background: url('../img/experts/none.gif') no-repeat bottom; width: 150px; height: 150px; }
	div#content ul.experts li.stuart a span.name { background: #FFF; width: 150px; height: 66px; }
		div#content ul.experts li.stuart a:hover span.name { background: #FFF; width: 150px; height: 66px; }
		div#content ul.experts li.stuart a.active span.name { background: #FFF; width: 150px; height: 66px; }

div#content div.expertsLeft { float: left; width: 470px; padding: 0 40px 0 0; }
div#content div.expertsLeft h3 { font-weight: normal!important; color: #999; margin: 0 0 10px 0; }
	div#content div.expertsLeft h3.flashReplace { font-size: 3.0em; color: #999; margin: 0 0 10px 0; }
	div#content div.expertsLeft h5 { font-size: 1.6em; font-weight: normal; color: #9FB804; margin: 0 0 10px 0; }
	div#content div.expertsLeft p { font-size: 1.2em; color: #999; }

div#content div.expertsRight { float: right; width: 390px; }
	div#content div.expertsRight div.expert { width: 390px; height: 305px; background-repeat: no-repeat; }
		div#content div.expertsRight div.expert.abigail { background-image: url(../img/experts/abigail.jpg); }
	div#content div.expertsRight div.expert.brian { width: 390px; height: 305px; background: url('../img/experts/brian.jpg') no-repeat; }
	div#content div.expertsRight div.expert.chris { width: 390px; height: 305px; background: url('../img/experts/chris.jpg') no-repeat; }
	div#content div.expertsRight div.expert.dominic { width: 390px; height: 305px; background: url('../img/experts/dominic.jpg') no-repeat; }
	div#content div.expertsRight div.expert.simon { width: 390px; height: 305px; background: url('../img/experts/simon.jpg') no-repeat; }
	div#content div.expertsRight div.expert.stuart { width: 390px; height: 305px; background: url('../img/experts/stuart.jpg') no-repeat; }

	div#content div.expertsRight div.expertCaption { width: 390px; background-color: #B07F00; }
	div#content div.expertsRight div.expertCaption.abigailCaption{ height: 120px; background-image: url('../img/experts/abigailCaption.jpg'); }
	div#content div.expertsRight div.expertCaption.brianCaption{ height: 119px; background-image: url('../img/experts/brianCaption.jpg'); }
	div#content div.expertsRight div.expertCaption.chrisCaption{ height: 120px; background-image: url('../img/experts/chrisCaption.jpg'); }
	div#content div.expertsRight div.expertCaption.dominicCaption{ height: 118px; background-image: url('../img/experts/dominicCaption.jpg'); }
	div#content div.expertsRight div.expertCaption.simonCaption{ height: 120px; background-image: url('../img/experts/simonCaption.jpg'); }
	div#content div.expertsRight div.expertCaption.stuartCaption{ height: 120px; background-image: url('../img/experts/stuartCaption.jpg'); }


/* --- Services Page --- */
div#content div.servicesColumn { float: left; width: 900px; margin: 0; }
	div#content div.servicesColumn h3 { font-size: 2.5em; font-weight: normal; color: #999; margin: 0 0 20px 0; }
	div#content div.servicesColumn h3.flashReplace { font-size: 3.0em; color: #999; margin: 0 0 20px 0; }
div#content div.servicesColumn p { font-size: 1.2em; color: #999; }
* + html div#content div.servicesColumn ul { margin: 0 0 20px 0; }
div#content div.servicesColumn ul li { float: left; list-style: none; margin: 0 15px 0 0; position: relative; }
div#content div.servicesColumn ul li.last { margin: 0!important; }

div.serviceBox { width: 290px; background: #999999; position: relative; }
	div.serviceBox h4 { height: 50px; width: 270px; background: #737373; color: #FFF; font-size: 2.0em; padding: 5px 10px; text-transform: lowercase; }
	div.serviceBox p { height: 80px; padding: 10px; font-size: 1.1em!important; color: #FFFFFF!important; }	
	div.serviceBox a { position: absolute; right: 0; bottom: 0; width: 65px; display: block; background: #AFBD21; padding: 5px 15px; color: #FFFFFF!important; font-size: 1.1em!important; }
		
div.serviceBox.empty { height: 160px; background: #EBEBEB!important; }		
		
		
		
		
/* --- Individual Service Page --- */
div#content div.servicesLeft { float: left; width: 560px; margin: 0; padding: 0 20px 0 0; border: 1px solid #D6D6D6; border-width: 0 1px 0 0; }
	div#content div.servicesLeft h3 { font-size: 2.5em; font-weight: normal; color: #999; margin: 0 0 20px 0; }
	div#content div.servicesLeft h3.flashReplace { font-size: 3.0em; height: 30px; color: #999; margin: 0 0 20px 0; }
	div#content div.servicesLeft p { font-size: 1.2em; color: #999; }
	div#content div.servicesLeft p a { color: #AFBD21; }

div#content div.servicesLeft ul { margin: 10px 0 0 0; list-style: none;  }
div#content div.servicesLeft ul li { margin: 0 0 10px 0; }
div#content div.servicesLeft ul li.section p.title a { font-size: 2.0em; background: url('../img/bg/servicesBullet.gif') no-repeat left 5px; padding: 2px 0 0 30px; }
div#content div.servicesLeft ul li.section p.title a:hover { text-decoration: none; color: #52782F; }
div#content div.servicesLeft ul li.section p.title a.open { background: url('../img/bg/servicesBullet.gif') no-repeat left -33px; padding: 2px 0 0 30px; color: #52782F; }

div#content div.servicesLeft li.section div.content { display: none; }
div#content div.servicesLeft li.section div.content p { margin: 0 0 0 30px; font-size: 1.2em; color: #999; }
div#content div.servicesLeft li.section div.content p a { color: #AFBD21; }
div#content div.servicesLeft li.section div.content ul { list-style: disc; margin: 0 0 0 45px; font-size: 1.2em; color: #999; }

div.servicesRight { float: right; width: 285px; margin: 0 0 0 15px; }
	div.servicesRight h3 { font-size: 2.5em; font-weight: normal; color: #999; margin: 0 0 10px 0; }
	div.servicesRight h3.flashReplace { font-size: 3.0em; height: 30px; color: #999; margin: 0 0 10px 0; }
	div.servicesRight ul li { list-style: none; margin: 0 0 15px 0; padding: 0!important; }
		div.servicesRight ul li h5 { font-size: 1.6em; color: #AFBD21; font-weight: normal; margin: 0 0 5px 0; }
		div.servicesRight ul li p { font-size: 1.2em; color: #999; }
		div.servicesRight ul li a { font-size: 1.2em; }
		div.servicesRight ul li a.doc { margin: 0; padding: 5px 0 0 25px; background: url('../img/bg/doc.gif') no-repeat 0 3px; color: #AFBD21; }
		div.servicesRight ul li a.pdf { margin: 0; padding: 5px 0 0 25px; background: url('../img/bg/pdf.gif') no-repeat 0 3px; color: #AFBD21; }
		
		
/* --- Our Partners Page --- */
div#content div#ourPartnersLeft { float: left; width: 560px; margin: 0 0 -20px 0; padding: 0 40px 0 0; }
	div#content div#ourPartnersLeft h3 { font-size: 2.5em; font-weight: normal; color: #999; margin: 0 0 10px 0; }
	div#content div#ourPartnersLeft h3.flashReplace { font-size: 3.0em; color: #999; margin: 0 0 10px 0; }
	div#content div#ourPartnersLeft p { font-size: 1.2em; color: #999; }
	div#content div#ourPartnersLeft p a { color: #AFBD21; }
		
div#content div#ourPartnersRight { float: right; width: 300px; margin: 0 0 -20px 0;  }
div#content div#ourPartnersRight div.salesForce { margin: 60px 0; width: 246px; height: 68px; background: url('../img/iR/salesForce.gif') no-repeat; }
div#content div#ourPartnersRight div.opTier { margin: 100px 0; width: 150px; height: 88px; background: url('../img/iR/opTier.gif') no-repeat; }
div#content div#ourPartnersRight div.collabnet { width: 196px; height: 35px; background: url('../img/iR/collabnet.gif') no-repeat; }



/* --- Journal Page --- */
div#categoryList {
	width: 346px;
	margin: 0 0 10px 0;
	padding: 10px 12px;
	background-color: #AFBD21;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
}
	div#categoryList p { padding: 0; }
		div#categoryList p label { padding: 0 15px 0 0; font-weight: bold; color: #FFF; }
		div#categoryList p select { font-size: 1.0em; width: 180px; }
		
ul#pagination { margin: 0 0 10px 0; padding: 0!important; float: right; width: 188px; border: none!important; }
ul#pagination li { list-style: none; margin: 0 0 0 10px!important; padding: 0!important; float: right; }
ul#pagination li a.previous { width: 101px; height: 40px; background: url('../img/iR/previous.gif') no-repeat; }
	ul#pagination li a.previous:hover { background-position: bottom; }
ul#pagination li a.next { width: 67px; height: 40px; background: url('../img/iR/next.gif') no-repeat; }
	ul#pagination li a.next:hover { background-position: bottom; }

div#content div.group { padding: 0 20px 0 0; border-right: 1px solid #D6D6D6 }	
div#content div#journalLeft { float: left; width: 580px; margin: 0 0 -20px 0; padding: 0; }
	div#content div#journalLeft ul { list-style: none; padding: 0; }
		div#content div#journalLeft ul li { margin: 0 0 20px 0; padding: 40px 0 20px 60px; position: relative; }
			div#content div#journalLeft h3 { font-weight: normal; font-size: 3.0em; color: #999; margin: 0 0 10px 0; }
			div#content div#journalLeft h3.flashReplace { font-size: 3.0em; color: #999; margin: 0 0 10px 0; }

			div#content div#journalLeft div.content.show { display: block; }
			div#content div#journalLeft h4.title { padding: 0 0 10px 0; font-size: 1.6em; font-weight: normal; color: #AFBD21; }
			div#content div#journalLeft h4.title a { color: #AFBD21; }
			div#content div#journalLeft p.meta {
				width: 100%;
				padding: 5px 0;

				border: 1px solid #CCC;
				border-width: 1px 0;
				
				font-size: 1.1em;
				font-style: italic; 
				color: #666;

				position: absolute;
				left: 0px;
				top: 0px;
			}
				div#content div#journalLeft p.meta a { color: #AFBD21; }
				div#content div#journalLeft a.comment { background: url('../img/bg/comment.gif') no-repeat; padding: 0 0 0 20px; }
				div#content div#journalLeft a.doc { margin: 0; padding: 5px 0 3px 25px; background: url('../img/bg/doc.gif') no-repeat 0 3px; font-size: 1.0em; color: #AFBD21; }
				div#content div#journalLeft a.pdf { margin: 0; padding: 5px 0 3px 25px; background: url('../img/bg/pdf.gif') no-repeat 0 3px; font-size: 1.0em; color: #AFBD21; }
				
			div#content div#journalLeft img.author { position: absolute; left: 0px; top: 40px; }
			div#content div#journalLeft div.summary,
			div#content div#journalLeft div.content { clear: both; }
			div#content div#journalLeft div.content { display: none; }

			div#content div#journalLeft p { font-size: 1.2em; color: #999; }
			div#content div#journalLeft p a { color: #AFBD21; }
			div#content div#journalLeft p.open { display: block; clear: both; }
				div#content div#journalLeft p.open a { color: #AFBD21; }
			
			div#content div#journalLeft table { margin: 0 0 15px 0; }
			div#content div#journalLeft table td { font-size: 1.2em; color: #999; padding: 0 5px 5px 0; }
				
			div#content div#journalLeft ol { margin: 0 0 15px 0; }	
			div#content div#journalLeft ol li { margin: 0 0 0 18px; padding: 0 0 5px 0px; font-size: 1.2em; color: #999; }

div#content div#journalLeft div#commentList {
	margin: 15px 0; 
	padding: 8px 20px;
	background-color: #AFBD21;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 450px;
}
div#content div#journalLeft div#commentList ul { margin: 0 0 -10px 0; }
div#content div#journalLeft div#commentList ul li { margin: 0 0 15px 0; padding: 0 0 10px 60px; float: none; border-bottom: 1px solid #FFF; position: relative; }
div#content div#journalLeft div#commentList ul li div.author { position: absolute; top: 5px; left: 0; }
div#content div#journalLeft div#commentList ul li p.title { margin: -5px 0 0 0; font-size: 1.6em; color: #FFF; }
div#content div#journalLeft div#commentList ul li p { color: #FFF; }
div#content div#journalLeft div#commentList p { color: #FFF; }

div#content div#journalLeft div#commentList h3 { color: #FFF; }
div#content div#journalLeft table#addComment { margin: 0 0 -20px 0; }
div#content div#journalLeft table#addComment th { text-align: left; font-size: 1.2em; color: #999; padding: 0 15px 0 0; font-weight: normal; }
div#content div#journalLeft table#addComment td input { margin: 0 0 3px 0; width: 260px; padding: 3px; border: 1px solid #B0B0B0; font-size: 1.1em; color: #999; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
div#content div#journalLeft table#addComment td img { float: left; }
div#content div#journalLeft table#addComment td input#security_code { margin: 7px 0 0 10px; width: 120px!important; padding: 3px; border: 1px solid #B0B0B0; font-size: 1.1em; color: #999; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
div#content div#journalLeft table#addComment td textarea { margin: 0 0 3px 0; width: 390px; height: 130px; padding: 3px; border: 1px solid #B0B0B0; font-size: 1.1em; color: #999; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
div#content div#journalLeft table#addComment td a.submit { width: 87px; height: 40px; background: url('../img/iR/submit.gif') no-repeat; }
	div#content div#journalLeft table#addComment td a.submit:hover { background-position: bottom; }
	
div#content div#journalRight { float: right; width: 300px; margin: 0 0 -20px 0;  }
div#content div#journalRight div#searchBox {
	width: 275px;
	margin: 46px 0 20px 0;
	padding: 8px 12px;
	background-color: #AFBD21;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
}
div#content div#journalRight div#searchBox input { width: 217px; border: none; padding: 6px 5px 5px 20px; background: #FFF url('../img/bg/search.gif') no-repeat 4px 5px; font-size: 1.0em; color: #333; }
div#content div#journalRight div#searchBox p { margin: 0; padding: 0; height: 20px!important; }
div#content div#journalRight div#searchBox img#search { float: right; margin: -24px 0 0 30px; }

div#content div#journalRight ul#authors { width: 195px; }
div#content div#journalRight ul#authors li { float: left; margin: 0 5px 5px 0; width: 60px; }
div#content div#journalRight ul#authors li img {  }
div#content div#journalRight ul { margin: 0 0 10px 0; }
div#content div#journalRight ul li { list-style: none; font-size: 1.2em; color: #666; padding: 0 0 5px 0; }
	div#content div#journalRight ul li a { color: #9FB804; }
div#content div#journalRight h3 { font-weight: normal; font-size: 3.0em; color: #999; margin: 0 0 10px 0; }
div#content div#journalRight h3.flashReplace { font-size: 3.0em; color: #999; margin: 0 0 10px 0; }
div#content div#journalRight div.dlPaper { margin: 0 0 15px 0; width: 300px; background-color: #999; padding: 0; clear: right; }
div#content div#journalRight div.dlPaper div.title { width: 300px; height: 60px; background: #737373 url('../img/bg/dlPaperTitle.gif') no-repeat top right; }
div#content div#journalRight div.dlPaper div.title.new { width: 300px; height: 60px; background: #737373 url('../img/bg/dlPaperTitleNew.gif') no-repeat top right; }
div#content div#journalRight div.dlPaper div.title h4 { padding: 20px; font-size: 1.6em; color: #FFF; }
div#content div#journalRight div.dlPaper div.title h4.flashReplace { padding: 20px; font-size: 1.8em; color: #FFF; }
div#content div#journalRight div.dlPaper p { padding: 10px; color: #FFF; font-size: 1.2em; }
div#content div#journalRight div.dlPaper p.dlLink { padding: 0 0 4px 0; text-align: right; }
div#content div#journalRight div.dlPaper a { margin: 0; padding: 5px 10px; background: #9FB804; color: #FFF; font-size: 1.0em; text-decoration: none; }
	div#content div#journalRight div.dlPaper a:hover { background: #52782F; }



/* --- Generic Page --- */
div#content div.genericColumn { float: left; width: 900px; margin: 0; }
	div#content div.genericColumn h3 { font-weight: normal; font-size: 2.5em; font-weight: normal; color: #999; margin: 0 0 20px 0; }
	div#content div.genericColumn h3.flashReplace { font-size: 3.0em; color: #999; margin: 0 0 20px 0; }
	div#content div.genericColumn h5 { font-weight: normal; font-size: 2.0em; font-weight: normal; color: #999; margin: 0 0 10px 0; }
	div#content div.genericColumn h5.flashReplace { font-size: 2.5em; color: #999; margin: 0 0 10px 0; }
div#content div.genericColumn p { font-size: 1.2em; color: #999; }
div#content div.genericColumn ul { margin: 0 0 10px 0; }
div#content div.genericColumn ul li { margin: 0 0 0 15px; font-size: 1.2em; line-height: 1.5; color: #999; }
div#content div.genericColumn ul li a { color: #9FB804; }


/* --- Contact Us Page --- */
div#content div#googleMap { width: 898px; height: 311px; border: 1px solid #999999; background: url('../img/bg/googleMap.gif') no-repeat; }
div#content div#address { margin: 0; width: 900px; height: 150px; background: #999; }
	div#address #usa { margin: -63px 0 0 430px!important; }
	div#content div#address div#title { width: 100%; height: 55px; background: #737373; }
	div#content div#address h5 { font-size: 2.8em; width: 310px; color: #FFF; padding: 10px 15px 20px 15px; }
	div#content div#address h5.flashReplace { font-size: 2.8em; color: #FFF; padding: 10px 0 10px 30px; }
	
	div#content div#address div.columnOne { float: left; margin: 10px 0 0 30px; width: 200px; }
		div#content div#address div.columnOne p { padding: 0; color: #FFF; }

	div#content div#address div.columnTwo { float: left; margin: 10px 0 0 0; width: 200px; }
		div#content div#address div.columnTwo p { padding: 0; color: #FFF; }
		div#content div#address div.columnTwo p a { padding: 0; color: #FFF; text-decoration: none; }
		div#content div#address div.columnTwo p a:hover { text-decoration: underline; }

	div#content div#address div.columnThree { float: left; width: 140px; }
		div#content div#address div.columnThree p { padding: 0; color: #FFF; }

	div#content div#address div.columnFour { float: left; width: 300px; }
		div#content div#address div.columnFour p { padding: 0; color: #FFF; }
		div#content div#address div.columnFour p a { padding: 0; color: #FFF; text-decoration: none; }
		div#content div#address div.columnFour p a:hover { text-decoration: underline; }
		

/* --- Global Classes --- */
.imgReplace { display: block; background-repeat: no-repeat; }
	.imgReplace span { width: 0; height: 0px; overflow: hidden; display: block; }

a.btnReplace { cursor: pointer; }
input.btnReplace { visibility: hidden; }
img.btnReplace { cursor: pointer; }

.fLeft { float: left; }
.fRight { float: right; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.tCentre { text-align: center; }
.vTT { vertical-align: text-top; }
.cLeft { clear: left; }
.bold { font-weight: bold; }
.noBorder { border: none!important; }
.hide { display: none; }
.underline { text-decoration: underline; }
span.sIFR-jquery { position: static!important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}
.clearfix { display: inline-block; }  /* for IE/Mac */