/* ----------------- Tyography - lists, headings, links etc ------------------------- */

A:focus, A:hover, A:active /* Firefox image outline fix */
{ 
	outline: none 
}
A
{
	color: #003399;
	text-decoration: none;
}
A:hover
{
	color: #a7bd14;
	text-decoration: none;
}
H1, H2, H3, H4
{
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #003399;
}
H1
{
	color: #fff;
	font-size: 1.6em;
	clear: both;
}
H2
{
	font-size: 1.2em;
}
H3
{
	font-size: 1.1em;
	color: #a7bd14;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
H4
{
	font-size: 1.1em;
	color: #a7bd14;
}
P
{
	font-size: 1.1em;
	line-height: 1.4em; 
	color: #666;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
ul
{
	padding: 10px 10px 10px 30px;
	margin: 0px;
	list-style: disc outside;
	color: #333;
}
P + ul
{
	padding-top: 10px;
}
li
{
	padding: 0px 0px 10px 5px;
	margin: 0px;
	font-size: 1.1em;
}
ul ul
{
	font-size: 0.9em;
	margin: 0;
	padding: 15px 0px 0px 30px;
	list-style-type: circle;
	color: #666;
}
address
{
	font-style: normal;
	line-height: 1.4em;
	font-size: 1.1em;
	padding: 0px 0px 10px 20px;
}	
blockquote
{
	font-weight: normal;
	font-size: 1.1em;
	margin: 0;
	padding: 0px 10px 0px 10px;
}
blockquote P
{
	margin: 10px 0px 0px 0px;
	padding: 0;
	color: #a7bd14;
}

td
{
	border-collapse: collapse;
	border: 0px solid #003399;
	padding: 0;
}


/* ------------------------------- Specific styles ---------------------------------- */

#largePanel H1
{
	font-size: 1.2em;
	padding: 4px 10px 4px 15px;
	margin: 3px 10px 20px 10px;
	background-color: #003399;
}
.seniorExec #largePanel H1
{
	background-color: #333;
}

#largePanel A
{
	color: #a7bd14;
	text-decoration: underline;
}
#largePanel A:hover, #footer A:hover
{
	color: #003399;
	text-decoration: underline;
}
#rightCol H4
{
	padding: 8px 0px 8px 10px;
}
td H4
{
	padding: 0;
	margin: 0;
}
#rightCol ul
{
	padding-top: 0;
}
ul.tight li
{
	padding: 0px 0px 4px 0px;
}
A#findJob
{
	float: right;
	width: 260px;
	height: 34px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	text-indent: -90000em;
	background: url(../images/findJob.gif) 0px 0px no-repeat;
}
A#findJob:hover
{
	background-position: 0 -34px;
}
P#introText
{
	position: relative;
	top: 120px;
	left: 75px;
	width: 400px;
	width: 26em;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
P#introText A, P#introText A:visited
{
	color: #fff;
}
P#introText A:hover
{
	color: #ccc;
}
P#strapline
{
	position: relative;
	top: 150px;
	left: 75px;
	width: 600px;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	color: #fff;
	line-height: normal;
}
P#strapline.blue
{
	color: #003399;
}

.testimonials H3, .faq H3
{
	font-style: italic;
	padding: 5px 0px 3px 0px;
	margin: 0;
}

/* Buttons */

A.jobsBtn, A.regCVBtn, A.twitBtn, A.faceBtn
{
	width:312px;
	height: 99px;
	float:left;
	clear:both;
	display:block;	
	margin: 0px 0px 12px 0px;
	text-indent:-10000em;
	background: url(../images/jobsBtn.png) 0 0 no-repeat;
}
A.regCVBtn
{
	background: url(../images/regCVBtn.png) 0 0 no-repeat;
}
A.twitBtn, A.faceBtn
{
	height: 52px;
	background: url(../images/twitter.gif) 4px 0 no-repeat;
}
A.faceBtn
{
	background: url(../images/facebook.gif) 4px 0 no-repeat;
}

/* Social Icons */

#socialLogos
{
	float: right;
	padding: 45px 0px 0px 0px;
}
#socialLogos span
{
	float: left;
	display: block;
	padding: 9px 8px 0px 0px;
	font-weight: bold;
	color: #fff;
}
#socialLogos A.socialLogo
{
	margin: 0px 3px 0px 3px;
	border: 0;
	float: none;
}
#socialLogos A.socialLogo img
{
	border: 0;	
}




.smallPanel H3, .smallPanel2 H3
{
	color: #fff;
	font-size: 1.2em;
	padding: 5px 0px 4px 10px;
	margin: 2px 20px 13px 10px;
	font-weight: bold;
	font-style: normal;
	background-color: #003399;
}
.smallPanel2 H3
{
	background-color: #333;
}
.smallPanel H3 A, .smallPanel H3 A:visited, .smallPanel2 H3 A, .smallPanel2 H3 A:visited
{
	color: #fff;
	display:block;
}
.smallPanel H3 A:hover, .smallPanel2 H3 A:hover
{
	color: #ddd;
}
.smallPanelMid img, .smallPanelMid2 img
{
	margin: 0px 0px 15px 0px;
}
.smallPanelMid P, .smallPanelMid2 P
{
	padding: 0;
}
.smallPanelBot A, .smallPanelBot2 A
{
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 140%;
	margin: 0px 0px 0px 15px;
	display: block;
	position: relative;
	top: 14px;
	padding: 8px 15px 8px 25px;
	background: url(../images/moreArrows.png) 0px 6px no-repeat;
}
.smallPanelBot A:hover, .smallPanelBot2 A:hover
{
	color: #003399;
	background-position: 0px -27px;
}
.smallPanelMid A.photo, .smallPanelMid2 A.photo
{
	width: 280px;
	height: 105px;
	display: block;
	margin: 0px 0px 15px 0px;
	color: #fff;
	text-indent: -9000em;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #f4f4f4;
}
.smallPanelMid A:hover, .smallPanelMid2 A:hover, A.regCVBtn:hover, A.jobsBtn:hover, A.twitBtn:hover, A.faceBtn:hover
{
	opacity: 0.9 !important; /*standards*/
	-moz-opacity: 0.9; /*old mozilla*/
	-khtml-opacity: 0.9; /*old safari*/
}

#largePanel A.barLink
{
	color: #555;
	display: block;
	clear: both;
	font-size: 1.2em;
	margin: 10px 0px 0px 0px;
	padding: 6px 4px 8px 15px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/barLink.gif) 0px 0px no-repeat;
}
#largePanel A.barLink:hover
{
	text-decoration: none;
	background-position: 0px -49px;
}
A.barLink span
{
	color: #003399;
	font-size: 0.9em;
	font-weight: normal;
}
A.barLink:hover span
{
	color: #000;
}

#footer P
{
	font-size: 12px;
	line-height: normal;
	padding: 0px 0px 3px 0px;
	margin: 0;
}
#footer P.peach
{
	position: absolute; 
	top: 10px; 
	right:0px; 
	width: 150px; 
	text-align: right; 
	float:right;
}
#footer P.footerlinks
{
	color: #a7bd14;
	padding: 0px 0px 10px 0px;
}
#footer .footerlinks A
{
	padding: 0px 3px 0px 3px;
}
#footer .footerlinks A:first-child
{
	padding: 0px 3px 0px 0px;
}


/* theme colours */

.white
{
	color:#fff;
}
.blue
{
	color: #003399;
}
.green
{
	color: #a7bd14;
}

/* -----------------------------------Banner Images and Panel Images -------------------------------------- */

.bannerone
{
	background-image: url(../images/banners/skyscrapers.jpg);
}
.bannertwo
{
	background-image: url(../images/banners/binary.jpg);
}
.bannerthree
{
	background-image: url(../images/banners/yellowfield.jpg);
}
.bannerfour
{
	background-image: url(../images/banners/satatdesk.jpg);
}
.bannerfive
{
	background-image: url(../images/banners/fish.jpg);
}
.bannersix
{
	background-image: url(../images/banners/mountains.jpg);
}
.bannerseven
{
	background-image: url(../images/banners/takingnotes.jpg);
}
.bannereight
{
	background-image: url(../images/banners/jobsearch.jpg);
}
.bannernine
{
	background-image: url(../images/banners/earth.jpg);
}
.bannerten
{
	background-image: url(../images/banners/interview.jpg);
}
.bannereleven
{
	background-image: url(../images/banners/it.jpg);
}
.bannertwelve
{
	background-image: url(../images/banners/seniors.jpg);
}
.bannerthirteen
{
	background-image: url(../images/banners/senior-search.jpg);
}
.bannerfourteen
{
	background-image: url(../images/banners/cv.jpg);
}
.bannerfifthteen
{
	background-image: url(../images/banners/satellite.jpg);
}
.bannersixteen
{
	background-image: url(../images/banners/seniors2.jpg);
}

A.photo.one
{
	background-image: url(../images/panelphotos/itrecruitment.jpg);
}
A.photo.two
{
	background-image: url(../images/panelphotos/seniorexec.jpg);
}
A.photo.three
{
	background-image: url(../images/panelphotos/registercv.jpg);
}
A.photo.four
{
	background-image: url(../images/panelphotos/execsearch.jpg);
}
A.photo.five
{
	background-image: url(../images/panelphotos/cvadvice.jpg);
}
A.photo.six
{
	background-image: url(../images/panelphotos/interview.jpg);
}