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

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

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

.grey { color: #999; }

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

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

#login {
	display: none;
	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: block;
	float: right;
	width: 124px;
	height: 73px;
	margin: 55px 31px 0 0;
}

h1#logo a {
	margin: 0 auto;
	display: block;
	width: 124px;
	height: 73px;
	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: 33px 0 0 0;
	padding: 0;
}
ul#nav-icons li {
	float: left;
	margin: 0 6px 0 0;
}
ul#nav-icons li a {
	display: block;
	width: 36px;
	height: 0;
	overflow: hidden;
	padding-top: 36px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav-icon-welcome {	background-image: url(../images/nav-icon-welcome.gif) } 
#nav-icon-wealth {	background-image: url(../images/nav-icon-wealth.gif) }
#nav-icon-treasury {	background-image: url(../images/nav-icon-treasury.gif) }
#nav-icon-investment {	background-image: url(../images/nav-icon-investment.gif) }

ul#navigation {
	clear: left;
	float: left;
	width: 660px;
	overflow: hidden;
	list-style-type: none;
	margin: 27px 0 0 0;
	padding: 0;
	height: 10px;
}
ul#navigation li {
	display: block;
	float: left;
	background: transparent url(/images/nav-separator.gif) no-repeat right top;
	padding: 0 8px 3px 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-welcome { background-image: url('../images/nav-welcome.gif'); width: 54px; }
#nav-wealth { background-image: url('../images/nav-wealth.gif'); width: 128px; }
#nav-treasury { background-image: url('../images/nav-treasury.gif'); width: 107px; }
#nav-team { background-image: url('../images/nav-team.gif'); width: 29px; }
#nav-investment { background-image: url('../images/nav-investment.gif'); width: 135px; }
#nav-downloads { background-image: url('../images/nav-downloads.gif'); width: 67px; }
#nav-contact { background-image: url('../images/nav-contact.gif'); width: 50px; }






#creative-concept {
	clear: left;
	float: left;
	margin: 4px 0 0 0;
	width: 269px;
	color: #9d9d9d;
	font-size: 0.5625em;
	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 {
	font-size: 0.6875em;
	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;
}

.panel p {
	font-size: 0.5625em;
	line-height: 1.2em;
	margin-top: 1.3em;
	letter-spacing: 1px;
}
.panel p.smaller { font-size: 0.5em; }

.panel h3 {
	font-size: 0.6875em;
}

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

.panel-content.style1 ul,
.panel-content.style2 ul,
.panel-content.style3 ul,
.panel-content.style6 ul {
	margin: 1em 0 1em 50px;
	font-size: 0.5625em;
	line-height: 1.2em;
	letter-spacing: 1px;
}

.panel li {
}

.panel-content {

}

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

.panel-content.style1 {
	float: right;
	width: 300px;
	margin: 134px 73px 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;
}
.panel-content.style6 {
	float: right;
	width: 300px;
	margin: 183px 73px 0 0;
}

.download-factsheet {
	background: url('../images/download-factsheet.gif') no-repeat scroll top left;
	width: 146px;
	height: 7px;
	display: block;
	text-indent: -999em;
	margin: 1.2em 0 0 22px;
}
.download-factsheets {
	background: url('../images/download-factsheets.gif') no-repeat scroll top left;
	width: 151px;
	height: 7px;
	display: block;
	text-indent: -999em;
	margin: 1.2em 0 0 22px;
}

.arrows {
	position: absolute;
	right: 337px;
	bottom: 18px;
	width: 29px;
	overflow: hidden;
	margin-top: 20px;
}
.arrows a {
	float: left;
	display: block;
	width: 10px;
	height: 18px;
	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 { background: url(/images/panel-bg-welcome.jpg) no-repeat left top; }
#title-welcome { background-image: url(/images/title-welcome.gif); }
#subtitle-welcome { background-image: url(/images/subtitle-welcome.gif); }

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

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

#treasury {	background: url(/images/panel-bg-treasury.jpg) no-repeat left top; }
#title-treasury { background-image: url(/images/title-treasury.gif); }
#subtitle-treasury { background-image: url(/images/subtitle-treasury.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: 0.625em; width: 75px;}
#downloads .mmu-col h4 { margin-bottom: 1em; font-size: 0.6875em; }

#title-team { background-image: url(/images/title-team.gif); width: 350px;}
#team-members-selector { clear: both; padding: 45px 0 0 20px; }
#team-members-selector .team-member { float: left; width: 88px !important; margin: 0 11px 0 0; }
#team-members-selector .team-member .details { height: 90px; }
#team-members-selector .team-member h3 { display: block; font-size: 0.5625em; 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; font-size: 0.5625em;}


.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; font-size: 0.6875em; }
.team-profile .text h4 { margin-top: 2px; font-size: 0.625em; }
.team-profile p { margin-left: 0; font-size: 0.5625em; }

.team-nav { list-style-type: none; }
.team-nav li { float: left; font-size: 0.5625em; }
.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 ; }

#admin .mmu-col { float: left; margin-top: 1.5em; font-size: 0.625em; width: 115px;}
#admin .mmu-col h4 { margin-bottom: 1em; }


/* end individual panel styles */