@charset "utf-8";
/* REVO.LA - CSS Document */

/*****************
Reset
*****************/
*{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}

/**********************
Type Elements
**********************/
body{
	color:#f6f6f6;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

#mainNav a{
	color:#f6f6f6;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
}

.textLink, #primaryContent a{
	color:#9CD600;
	font-weight:bold;
}


#footer a, #footer span{font-size:9px;}

#footer a{text-transform:uppercase;}


/**********************
Basic Elements
**********************/
body{background-color:#000;}

h1 span, h2 span, h4 span{display:none;}

ul{list-style:none;}

li{display:inline;}

a img{border:none;}

a{
	text-decoration:none;
	border:none;
}


/**********************
Basic Layout
**********************/
#wrapper{
	margin: 0 auto;
	margin-top:5px;
	width:701px;
}

#container{
	clear:both;
	margin-top:30px;
	padding-bottom:60px;
}

#footer{
	clear:both;
	height:40px;
	width:561px;
	margin: 0 auto;
}


/**********************
Header Elements
**********************/
/**Logo**/
#logo{
	background:url(../images/logo.jpg) top left no-repeat;
	float:left;
	height:40px;
	width:158px;
}

/**Tagline**/
#tagline{
	background:url(../images/tagline.jpg) top left no-repeat;
	float:right;
	height:40px;
	width:257px;
}


/**Main Navigation**/
#mainNav{
	clear:both;
	border-top: #aaa9a9 3px solid;
	padding-top:10px;	
}
#mainNav span{display:none;}

#mainNav li{
	background:url(../images/divider.jpg) top left no-repeat;
	float:left;
	height:11px;
	padding-left:9px;
	width:107px;	
}

#mainNav a{
	display:block;
	height:10px;
	margin:0 auto;
}

#mainNav #homeLink{
	background:none;
	padding-left:0;
}

#homePage #homeLink a, #homeLink a:hover, #aboutPage #aboutLink a, #aboutLink a:hover,
#blogPage #blogLink a, #blogLink a:hover, #causePage #causeLink a, #causeLink a:hover,
#eventPage #eventLink a, #eventLink a:hover, #galleryPage #galleryLink a, #galleryLink a:hover{
	background-position:bottom left;
}

#homeLink a{
	background:url(../images/homeBtn.jpg) top left no-repeat;
	width:39px;
}

#aboutLink a{
	background:url(../images/aboutBtn.jpg)  top left no-repeat;	
	width:47px;
}

#blogLink a{
	background:url(../images/blogBtn.jpg) top left no-repeat;	
	width:35px;
}

#causeLink a{
	background:url(../images/causeBtn.jpg) top left no-repeat;	
	width:43px;
}

#eventLink a{
	background:url(../images/eventBtn.jpg)  top left no-repeat;	
	width:44px;
}

#galleryLink a{
	background:url(../images/galleryBtn.jpg) top left no-repeat;	
	width:61px;
}


/*************************
Container Elements
**************************/
/**Content**/
#content{
	border-top: #aaa9a9 3px solid;
	margin-top:15px;
	padding-top:15px;
}


/**Home - Slideshow**/
#slideshow {
    position:relative;
    height:469px;
}

#slideshow A{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow A.active {
    z-index:10;
    opacity:1.0;
}

#slideshow A.last-active {
    z-index:9;
}

/**Home - Movement**/
#movement{	
	float:left;
	padding-right:10px;
	width:288px;
}

#movement img, #subContent1 img, #subContent2 img{
	padding-bottom:10px;
}

/**Home - Sub Contents**/
#subContent1, #subContent2{
	border-left:#f6f6f6 1px dotted;
	padding-left:17px;
	padding-top:10px;
	width:169px;
}

#subContent1 a, #subContent2 a{	
	color:#9CD600;
	font-weight:bold;
}

#subContent1{
	float:left;
	margin-left:10px;
}

#subContent2{float:right;}

/**Banners**/
#aboutBanner span, #blogBanner span, #causeBanner span, 
#eventBanner span, #historyBanner span, #galleryBanner span, #contactBanner span{display:none;}

#aboutBanner, #blogBanner, #causeBanner, 
#eventBanner, #historyBanner, #contactBanner{
	height:319px;
	width:701px;
	padding-bottom:20px;
}


#galleryBanner{
	background:url(../images/indoGallery.jpg) top left no-repeat;
	height:125px;
	width:701px;
	margin-top:10px;
	padding-bottom:20px;
}

#aboutBanner{background:url(../images/aboutRevo.jpg) top left no-repeat;}
#blogBanner{background:url(../images/blogNews.jpg) top left no-repeat;}
#causeBanner{background:url(../images/causePapua.jpg) top left no-repeat;}
#eventBanner{background:url(../images/eventInfo.jpg) top left no-repeat;}
#historyBanner{background:url(../images/papuanHistory.jpg) top left no-repeat;}
#contactBanner{background:url(../images/contactUs.jpg) top left no-repeat;}

/**Primary Content**/
#primaryContent{
	margin: 0 auto;
	margin-top:10px;
	width:545px;
}

#primaryContent h4{font-size:20px;}
#primaryContent .title{font-weight:bold;}
#primaryContent .contentBody{padding-bottom:10px;}


/**About - Content**/
.aboutContent ul li{display:block;}

.aboutContent{	
	border-bottom:#f6f6f6 1px dotted;
	margin: 15px auto;
	padding-bottom:5px;
	width:545px;	
}

.aboutContent p, .aboutContent ul{
	float:right;
	padding-bottom:10px;
	width:352px;
}


#whatsRevo, #whatGoal, #howRevo, #helpRevo{
	float:left;
	margin-top:15px;
	margin-left:15px;
	width:142px;
}

#whatsRevo{
	background:url(../images/whatsRevo.jpg) top left no-repeat;
	height:15px;
}

#whatGoal{
	background:url(../images/whatgoal.jpg) top left no-repeat;
	height:40px;
}

#howRevo{
	background:url(../images/howRevo.jpg) top left no-repeat;
	height:36px;
}

#helpRevo{
	background:url(../images/helpRevo.jpg) top left no-repeat;
	height:36px;
}

#lastContent{border:none;}

/**Cause - Section**/
#whyIndo, #whoWe{
	height:19px;
	width:138px;
}

#whyIndo{background:url(../images/whyIndonesia.jpg) top left no-repeat;}
#whoWe{background:url(../images/whoWeHelp.jpg) top left no-repeat;}

.posting{
	padding-top:3px;
	padding-bottom:30px;
}

.posting img{
	display:block;
	padding-bottom:5px;
	margin: 0 auto;
	width:392px;
	
}


/**Event - Section**/
.eventSection{
	float:right;
	margin-top:10px;
	padding-bottom:5px;
	width:358px;
}

.eventBody{
	padding-left:20px;
	padding-bottom:30px;
}

.eventHeader span{
	text-transform:uppercase;
	padding-left:11px;
}

.eventHeader{
	background:url(../images/headerBar.jpg) top left no-repeat;
	height:27px;
	width:331px;
	padding-top:11px;
	padding-bottom:5px;
}

.eventHeader span{
	font-size:11px;
}



#artwork span{display:none;}

#artwork{
	position:fixed;
	background:url(../images/birdkid.jpg) top left no-repeat;
	height:168px;
	margin-top:50px;
	padding-right:20px;
	width:245px;
}

/**IE 6 FIXED END**/
* html #artwork{position:absolute;}
* html #primaryContent{margin: 0 auto;}
/**IE 6 FIXED END**/

/**History - Section**/

#landscape, #resources, #liberty, #corruption{
	height:19px;
	width:174px;
	padding-bottom:3px;
}

#resources, #liberty, #corruption{
	margin-top:15px;	
}

#landscape{background:url(../images/lushLandscapes.jpg) top left no-repeat;}
#resources{background:url(../images/richResources.jpg) top left no-repeat;}
#liberty{background:url(../images/robbedLiberty.jpg) top left no-repeat;}
#corruption{background:url(../images/ongoingCorruption.jpg) top left no-repeat;}

#desmondTutu span{display:none;}

#desmondTutu{
	background:url(../images/tutuQuote.jpg) top left no-repeat;
	height:71px;
	margin:0 auto;
	margin-top:30px;
	padding-bottom:30px;
	width:416px;
}


/**Gallery Section**/
#gallerySection .firstImg{padding-left:0;}

#gallerySection img{
	padding-left:3px;
	padding-bottom:3px;
}

#gallerySection a img{
	border:none;
}


/**Contact - Content**/

#contactForm{margin-left:100px;}

#contactSent{
	color:#9CD600;
	font-weight:bold;
	height:150px;
	padding-top:150px;
	text-align:center;
}


#invalid{
	color:#9CD600;
	display:none;
	font-weight:bold;
	margin-left:100px;
}

#name{ margin-top:5px; }

#name, #email{
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:17px;
	padding:3px;
	width:241px;
	
}

#email, #message{margin-top:10px;}

#message{	
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:279px;
	padding:3px;
	width:359px;
	
}


#emailAdd{margin-left:165px;}

#sendBtn{
	border:none;
	background:url(../images/sendBtn.jpg) top left no-repeat;
	cursor:pointer;
	height:26px;
	margin-left:10px;
	margin-top:10px;
	width:76px;
}




/*************************
Footer Elements
**************************/
#footer li{
	padding: 0 1px;
}