/*
	Created By: Richard Delph
	For: Ecacs Website
	Date: 2009-08-31
*/

body {
	text-align: center;
	font-size: 9px;
	font-family: "Arial",sans-serif;
	margin: 0;
	padding: 0;
}

.small { font-size: 85%; }
.smaller { font-size: 70%; }
.center { text-align: center; }

#page-wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header-wrapper {
	position: relative;
	width: 960px;
	height: 200px;
	overflow: hidden;
}

#login {
	position: absolute;
	top: 0;
	left: 20px;
	width: 43px;
	height: 14px;
	text-indent: -999em;
	background: url(/images/login.gif) no-repeat left top;
}

#flash-logo {
	float: right;
	width: 77px;
	height: 95px;
	margin: 35px 18px 0 0;
}

h1#logo {
	display: none;
	float: right;
	width: 77px;
	height: 95px;
	margin: 35px 11px 0 0;
}

h1#logo a {
	margin: 0 auto;
	display: block;
	width: 77px;
	height: 95px;
	background: transparent url(/images/logo.gif) no-repeat left top;
	text-indent: -999em;
}
ul#nav-icons {
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin: 72px 0 0 20px;
	padding: 0;
}
ul#nav-icons li {
	float: left;
	margin: 0 4px 0 0;
}
ul#nav-icons li a {
	display: block;
	width: 31px;
	height: 0;
	padding-top: 31px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav-icon-planning		{ background-image: url(/images/nav-icon-planning.gif); }
#nav-icon-selection		{ background-image: url(/images/nav-icon-selection.gif); }
#nav-icon-monitoring	{ background-image: url(/images/nav-icon-monitoring.gif); }
#nav-icon-consultancy	{ background-image: url(/images/nav-icon-consultancy.gif); }
#nav-icon-integrity		{ background-image: url(/images/nav-icon-integrity.gif); }

ul#navigation {
	float: left;
	width: 639px;
	overflow: hidden;
	list-style-type: none;
	margin: 96px 0 0 8px;
	padding: 0;
}
ul#navigation li {
	display: block;
	float: left;
	background: transparent url(/images/nav-spacer.gif) no-repeat right top;
	padding: 0 7px 0 0;
	margin: 0 7px 0 0;
}
ul#navigation li.last {
	background: none;
	padding: 0;
	margin: 0;
}
ul#navigation li a {
	display: block;
	text-indent: -999em;
	height: 0;
	padding-top: 7px;
	background-repeat: no-repeat;
	background-position: left top;
}

#nav-consultancy	{ background-image: url(/images/nav-consultancy.gif); width: 79px; }
#nav-contact		{ background-image: url(/images/nav-contact.gif); width: 51px; }
#nav-downloads		{ background-image: url(/images/nav-downloads.gif); width: 69px; }
#nav-integrity		{ background-image: url(/images/nav-integrity.gif); width: 58px; }
#nav-monitoring		{ background-image: url(/images/nav-monitoring.gif); width: 74px; }
#nav-planning		{ background-image: url(/images/nav-planning.gif); width: 55px; }
#nav-selection		{ background-image: url(/images/nav-selection.gif); width: 58px; }
#nav-team			{ background-image: url(/images/nav-team.gif); width: 29px; }
#nav-welcome		{ background-image: url(/images/nav-welcome.gif); width: 54px; }

#creative-concept {
	float: left;
	margin: 15px 0 0 20px;
	width: 229px;
	color: #9d9d9d;
	letter-spacing: 1px;
}
#creative-concept h2 { font-size: 100%; font-weight: normal; }
#creative-concept p { margin: 0; }

#panels-outer-wrapper {
	width: 920px;
	height: 498px;
	padding: 1px 20px;
	margin: 0 auto;
	background: url(/images/panels-wrapper-bg.gif) no-repeat left top;
}
#panels-wrapper {
	position: relative;
	width: 920px;
	height: 498px;
	overflow: hidden;
}
#panels {

}


#footer-wrapper {
	margin: 20px 0;
	color: #9d9d9d;
	text-align: center;
}



/* common styles shared between panels */

.panel {
	overflow: hidden;
	position: relative;
	float: left;
	width: 920px;
	height: 498px;
	color: #6d6e71;
}

p {
	margin-top: 1.5em;
	letter-spacing: 1px;
}

.panel-content.style1 p, .panel-content.style2 p, .panel-content.style3 p {
	margin-left: 22px;
}

.panel-content {

}

.panel-content a {
	color: #6d6e71;
}

.panel-content.style1 {
	float: right;
	width: 300px;
	margin: 156px 71px 0 0;
}
.panel-content.style2 {
	float: right;
	width: 300px;
	margin: 48px 101px 0 0;
}
.panel-content.style3 {
	width: 412px;
	margin: 73px 0 0 253px;
}
.panel-content.style4 {
	width: 590px;
	margin: 39px 0 0 169px;
}
.panel-content.style5 {
	width: 540px;
	margin: 138px 0 0 172px;
}


.arrows {
	width: 29px;
	overflow: hidden;
	margin-top: 20px;
}
.arrows a {
	float: left;
	display: block;
	width: 10px;
	height: 14px;
	text-indent: -999em;
	overflow: hidden;
}
.arrows a.left { background: transparent url(/images/arrow-left.gif) no-repeat left center; margin-right: 1px; }
.arrows a.right { background: transparent url(/images/arrow-right.gif) no-repeat right center; }

.title { height: 0;	overflow: hidden; background-repeat: no-repeat;	background-position: left top; width: 300px; padding-top: 21px; }
.subtitle { height: 0;	overflow: hidden; background-repeat: no-repeat;	background-position: left top; margin-top: 1em; width: 300px; padding-top: 7px; }

/* end common styles */

/* individual panel styles */

#welcome { }

#flash-main { float: left; }

#title-welcome { background-image: url(/images/title-welcome.gif); }
#subtitle-welcome { background-image: url(/images/subtitle-welcome.gif); }

#planning {	background: url(/images/panel-bg-planning.jpg) no-repeat left top; }
#title-planning { background-image: url(/images/title-planning.gif); }
#subtitle-planning { background-image: url(/images/subtitle-planning.gif); }

#selection {	background: url(/images/panel-bg-selection.jpg) no-repeat left top; }
#title-selection { background-image: url(/images/title-selection.gif); }
#subtitle-selection { background-image: url(/images/subtitle-selection.gif); }

#monitoring {	background: url(/images/panel-bg-monitoring.jpg) no-repeat left top; }
#title-monitoring { background-image: url(/images/title-monitoring.gif); }
#subtitle-monitoring { background-image: url(/images/subtitle-monitoring.gif); }

#consultancy {	background: url(/images/panel-bg-consultancy.jpg) no-repeat left top; }
#title-consultancy { background-image: url(/images/title-consultancy.gif); }
#subtitle-consultancy { background-image: url(/images/subtitle-consultancy.gif); }

#integrity {	background: url(/images/panel-bg-integrity.jpg) no-repeat left top; }
#title-integrity { background-image: url(/images/title-integrity.gif); }
#subtitle-integrity { background-image: url(/images/subtitle-integrity.gif); }

#downloads {	background: url(/images/panel-bg-downloads.jpg) no-repeat left top; }
#title-downloads { background-image: url(/images/title-downloads.gif); }

#downloads .mmu-col { float: left; margin-top: 1.5em; font-size: 1.2em; }
#downloads .mmu-col h4 { margin-bottom: 1em; }

#title-team { background-image: url(/images/title-team.gif); width: 350px;}
#team-members-selector { clear: both; padding: 45px 0 0 38px; }
#team-members-selector .team-member { float: left; width: 88px !important; margin: 0 20px 0 0; }
#team-members-selector .team-member .details { height: 90px; }
#team-members-selector .team-member h3 { display: block; font-size: 100%; letter-spacing: 1px; }
#team-members-selector .team-member .qualifications { display: block; }
#team-members-selector .team-member .position { display: block; }
#team-members-selector .team-member p { margin: 1em 0; }
#team-members-selector .team-member .vcf { display: block; height: 25px; padding: 0 0 0 38px; background: url(/images/vCard.gif) no-repeat left top; color: #6d6e71; }


.team-panel {
	overflow: hidden;
	position: relative;
	width: 920px;
	height: 498px;
}
.team-profile {
	background-color: #f7f7f7;
	width: 590px;
	height: 370px;
	overflow: hidden;
	margin: 20px 0;
}
.team-profile .image { float: left; margin: 20px 0 0 40px; }
.team-profile .text { float: right; margin: 20px 40px 0 0; width: 250px; }
.team-profile .text h3 { letter-spacing: 1px; }
.team-profile p { margin-left: 0; }

.team-nav { list-style-type: none; }
.team-nav li { float: left; }
.team-nav a { color: #6d6e71; text-decoration: none; }

#title-contactus { background-image: url(/images/title-contactus.gif); margin-bottom: 20px; }
#contact-info { padding: 30px; width: 200px; height: 115px; background-color: #f7f7f7; float: left; }

#contact-info a { color: #6d6e71; text-decoration: none; }

#contact-address { padding: 30px; width: 200px; height: 115px; background-color: #f7f7f7; float: left; margin-left: 10px; }

#contact-address p, #contact-info p { margin: 0 0 1.5em 0; }

#contact-form { padding: 40px; width: 180px; height: 95px; background-color: #f7f7f7; float: right; }


#admin .error { color: red; }
#admin #loginForm td { padding: 5px; }
#admin h3 { margin: 1.5em 0; }
#admin p { margin: 1.5em 0 ; }

/* end individual panel styles */