@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body, html {
	margin:0;
	background-color:#000;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:24px;
}
a {
	color:#936;
	text-decoration:none;
}
a:hover {
	color:#FFF;
}
.main {
	width:800px;
	height:550px;
	border: 1px solid #333;
	margin: 10px auto;
	text-align:left;
	position:relative;
}
address {
	position:absolute;
	bottom:10px;
	right:10px;
	font-style:normal;
	color:#999;
	font-size:14px;
}
/*------------------------------------------- Intro */
#intro h1 {
	width:351px;
	height:163px;
	margin:200px auto 0;
	position:relative;
	background:url(../images/logo-intro.gif) no-repeat;
	text-indent:-999em;
}
#intro a{color:#FFF; text-decoration:none;}
#intro a:hover{color:#999;}
#intro p {text-align:center; font-size:16px; margin-top:20px;}

/*------------------------------------------- Home Text Menu */
/*#home ul {
	list-style:none;
	margin:20px 0 0 50px;
	padding:0;
	font-family:"Arial Black";
	font-size:100px;
	line-height:1em;
}
#home .wmud {
	font-size:50px;
	line-height:1em;
}

#home ul a{color:#FFF;}
#home ul a:hover{color:#999;}
#home .wmud a{color:#936;}
#home .wmud a:hover{color:#999;}*/

/*------------------------------------------- Home Image Menu */

ul#homeMenu {
	list-style:none;
	margin:30px 0 0 50px;
	padding:0;
	font-family:"Arial Black";
}
ul#homeMenu a{
	text-indent:-999em;
	margin-top:20px;
	display:block;
	width:464px;
	height:85px;
	background:url(../images/menu-all.gif) no-repeat;
	color:#010101; /* hides the focus dotted lines in FF */
}
ul#homeMenu li#wmud a {
	width:680px;
	height:37px;
}
ul#homeMenu li#amandla a {background-position:0 0;}
ul#homeMenu li#mission a {background-position:0 -98px;}
ul#homeMenu li#services a {background-position:0 -204px;}
ul#homeMenu li#team a {background-position:0 -313px;}
ul#homeMenu li#wmud a {background-position:0 -422px;}
ul#homeMenu li#contact a {background-position:0 -498px;}

ul#homeMenu a:hover{background:url(../images/menu-all-hover.gif) no-repeat;}

#home div.info {
	width:218px;
	position:absolute;
	top:200px;
	right:50px;
}
#home div.info h1 {
	width:218px;
	height:48px;
	position:relative;
	font-size:10px;
	margin:0;
}
#home div.info h1 span {
	background:url(../images/logo-home.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
}
#home div.info p {
	text-align:center;
	margin-top:5px;
	font-size:16px;
}
/*------------------------------------------- Nav Small Menu */

.textContent ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	font-family:"Arial Black";
	font-size:2px; /* fixes li heights in IE*/
	position:absolute;
	left:50px;
	width:166px;
}
.textContent ul#nav li a{
	text-indent:-999em;
	margin-top:10px;
	display:block;
	width:166px;
	height:21px;
	background:url(../images/menu-nav-all.gif) no-repeat;
	color:#010101; /* hides the focus dotted lines in FF */
}
.textContent ul#nav li#wmud a {
	height:43px;
}
.textContent ul#nav li#amandla a {background-position:0 0;}
.textContent ul#nav li#mission a {background-position:0 -33px;}
.textContent ul#nav li#services a {background-position:0 -65px;}
.textContent ul#nav li#team a {background-position:0 -100px;}
.textContent ul#nav li#wmud a {background-position:0 -134px;}

.textContent ul#nav a:hover{background:url(../images/menu-nav-all-hover.gif) no-repeat;}

/*-------- Nav position in each page */


.textContent ul#nav		{top:110px;}
#amandlaPage ul#nav		{top:110px;}
#missionPage ul#nav 	{top:30px;}
#servicesPage ul#nav 	{top:30px;}
#teamPage ul#nav 		{top:30px;}
#wmudPage ul#nav 		{top:30px;}

#missionPage ul#nav li#wmud {margin-top:100px;}
/*
.textContent ul#nav		{top:110px;}
#amandlaPage ul#nav		{top:110px;}
#missionPage ul#nav 	{top:215px;}
#servicesPage ul#nav 	{top:80px;}
#teamPage ul#nav 		{top:190px;}
#wmudPage ul#nav 		{top:310px;}*/

/*------------------------------------------- Upper Menu */

ul#upperMenu,
#wmudPage ul#upperMenu {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	font-size:14px;
}
ul#upperMenu li {
	margin:0;
	padding:5px 10px 0 0;
	float:right;
}
ul#upperMenu li a {
	color:#999;
	font-size:14px;
}
ul#upperMenu li a:hover {
	color:#FFF;
}

/*------------------------------------------- Text Content */

.textContent h2{
	margin-left:250px;
	font-size:30px;
}
.textContent p {
	width:470px;
	margin:24px 0 24px 250px;
}
#teamPage p {
	font-size:23px;
}
.textContent ul {
	width:440px;
	margin-left:250px;
	font-size:18px;
	padding-left:30px;
}
#wmudPage ul {
	font-size:20px;
	margin-top:70px;
}
#wmudPage span {color:#999;}

/*----------- Push Heights */

#missionPage .push {height:100px;}
#servicesPage .push {height:120px;}
#teamPage .push {height:100px;}
#wmudPage .push {height:20px;}

/*------------------------------------------- Text Content Headers */

.textContent h1{
	text-indent:-999em;
	display:block;
	width:464px;
	height:85px;
	margin-left:50px;
	position:absolute;
	background:url(../images/menu-all.gif) no-repeat;
}

/*----------- Header Vertical Position */
.textContent h1 {top:30px;}
#amandlaPage h1 {top:30px;}
#missionPage h1 {top:134px;}
#servicesPage h1 {top:240px;}
#teamPage h1 {top:346px;}
#wmudPage h1 {top:450px; width:680px; height:37px;}
#vacanciesPage h1 {width:489px;}


#amandlaPage h1 {background-position:0 0;}
#missionPage h1 {background-position:0 -98px;}
#servicesPage h1 {background-position:0 -204px;}
#teamPage h1 {background-position:0 -313px;}
#wmudPage h1 {background-position:0 -422px;}
#contactPage h1 {background-position:0 -479px;}
#vacanciesPage h1 {background-position:0 -566px;}

/*------------------------------------------- Text Content: Amandla */

.hidden {
	display:none;
}
#amandlaPage h2 {
	text-indent:-999em;
	display:block;
	width:216px;
	height:65px;
	position:absolute;
	top:150px;
	left:375px;
	margin:0;
	background:url(../images/amandla-group.gif) no-repeat;
}
#amandlaPage h3 a {
	text-indent:-999em;
	display:block;
	width:216px;
	height:65px;
	position:absolute;
	top:230px;
	margin:0;
	background:url(../images/amandla-group-hover.gif) no-repeat;
	cursor:pointer;
	color:#010101; /* hides the focus dotted lines in FF */
}
#amandlaPage h3#amandlaCom a {
	background-position:0 0;
	left:250px;
}
#amandlaPage h3#amandlaMedia a {
	background-position:-216px 0;
	left:500px;
}
#amandlaPage h3 a:hover,
#amandlaPage h3.amandlaActive a {
	background-image:url(../images/amandla-group-up.gif);
}
#amandlaPage p { /* left margin from ".textContent p" above */
	position:absolute;
	top:295px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	padding:20px 0;
	margin-top:0;
}
/*------------------------------------------- Text Content: Vacancies */
#vacanciesPage div.main {
	height:auto;
	margin:10px auto;
}
#vacanciesPage div.main div {
	margin: 120px 0 40px;
}
#vacanciesPage h2 {
	font-size:20px;
	margin-top:25px;
	margin-bottom:10px;
}
#vacanciesPage a.emailUs {
}
#vacanciesPage a.emailUs:hover {
}
/*------------------------------------------- Contact Form */
#contactPage form, 
#contactPage form * {
	margin:0;
	padding:0;
}
#contactPage form {
	width:240px;
	position:absolute;
	top:150px;
	left:300px;
}
#contactPage input,
#contactPage textarea {
	width:350px;
	border: 1px solid #666;
	background: black;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:3px;
}
#contactPage label {
	display:block;
	color:#999;
	font-size:14px;
	margin-top:5px;
}
#contactPage input.submit {
	width:auto;
	background:#666;
	padding:2px 10px
}
p.success {
	margin-top:150px;
	color: green;
}
p.error {
	margin-top:150px;
	color: red;
}