/**** Generic Styles
*****************************/
body { 
	background: url("../i/body_bg.gif") #63903D repeat-x top left;
	margin: 0px; 
	font-family: Verdana, Tahoma, Arial,sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	padding: 0px;
	}

img {
	border: 0;
	}

a:link {
	text-decoration: none;
	color: #999966;
}
a:visited {
	text-decoration: none;
	color: #999966;
	}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

li {
	list-style-type: square;
}

/*** Container
*****************************/
#container	{
	margin: 0px auto;
	width: 940px;
	margin-top: 30px;
	padding:0px;
	}
	
	
/*** Content Styles
*****************************/

#content {
	background: url("../i/background/rtp-istanbul-1.jpg") no-repeat center center;
	height: 540px;
	border: 10px solid #ffffff;
}

#features {
	background: url("../i/background/rtp-kids-1.jpg") no-repeat top left;
	height: 540px;
	border: 10px solid #ffffff;
}

#about {
	background: url("../i/background/rtp-flamengo-1.jpg") no-repeat top left;
	height: 540px;
	border: 10px solid #ffffff;
}

#books {
	background: url("../i/background/rtp-statues-1.jpg") no-repeat top left;
	height: 540px;
	border: 10px solid #ffffff;
}

#calendar {
	background: url("../i/background/rtp-garlic-1.jpg") no-repeat top left;
	height: 540px;
	border: 10px solid #ffffff;
}

#party {
	background: url("../i/background/rtp-beach-1.jpg") no-repeat top left;
	height: 540px;
	border: 10px solid #ffffff;
	margin-top: -20px;
	*margin-top: 0px;
}

#contact {
	background: url("../i/background/rtp-shanghai-1.jpg") no-repeat top left;
	height: 540px;
	border: 10px solid #ffffff;
}

#photo {
	background: url("../i/background/rtp-shanghai-1.jpg") no-repeat top left;
	height: 540px;
	border: 10px solid #ffffff;
}

h1#title {
	margin-left: 10px;
	margin-top: 22px;
	width: 600px;
}

#image_map a {
	display:block;
	position:absolute;
} 

#image_map a#homelink {
	width:450px;
	height:60px;
} 

.contentblock {
	background: url("../i/trace-green.png") repeat left top;
	width: 340px;
	color: #ffffff;
	margin-left: 10px;
	height: 305px;
	float: left;
	padding: 4px;
	margin-top: 140px;
}

 #features .contentblock {
	width: 385px;
	margin-top: 200px;
	height: 320px;
}

#about .contentblock {
	margin-top: 200px;
	
}

#party .contentblock {
	margin-top: 310px;
	height: 200px;
}

#contact .contentblock {
	margin-top: 180px;
	height: 340px;
}


#books .contentblock {
	margin-top: 100px;
	height: 420px;
}

#about .contentblock img {
	margin-right: -4px;
	margin-top: -110px;
	margin-bottom: 5px;
	margin-left: 5px;
}

 #photo .contentblock {
	width: 450px;
	margin-top: 200px;
}

#party .contentblock ul {
	margin-left:-20px;
	*margin-left: 0px;
}

#partyPOP {
	margin: 0 auto; 
	background: transparent repeat left top;
}

#partyPOP h1 {
	color: #ffffff;
	align: left;
	font-size: 14px;
	width: 90%;
}

#partyContent {
	background-color: #ffffff;
	padding: 10px;
	align: left;
	color: #000000;
}


#calendar .contentblock {
	background: url("../i/trace.png") repeat left top;
	width: 820px;
	color: #ffffff;
	margin-left: 10px;
	float: left;
	padding: 4px;
	margin-top: 120px;
	height: 405px;
}

#calendar .contentblock iframe {
	padding: 9px;
}

.contentblock h1 {
	margin-left: 0px;
	margin-top: 22px;
	width: 310px;
	font-size: 14px;
}

.contentblock a {
	color: #ffcc00;
}



/*** Navigation ***/

#navholder {
	margin-top: 0px;
	float: right;
}

#content #navholder {
	margin-top: -72px;
	float: right;
}

#nav {
	*margin-bottom: 2px;
}

.about, .books, .features, .photos, .calendar, .party, .contact {
	background:url("../i/navigation-off.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:76px;
	width:25px;
}
.about:hover, .books:hover, .features:hover, .photos:hover, .calendar:hover, .party:hover, .contact:hover {
	background:url("../i/navigation-on.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:76px;
	width:25px;
}

.aboutON, .booksON, .featuresON, .photosON, .calendarON, .partyON, .contactON {
	background:url("../i/navigation-on.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:76px;
	width:25px;
}

.about, .about:hover, .aboutON {
	background-position:0px 0;
}
.features, .features:hover, .featuresON  {
	background-position:0px -76px;
}
.books, .books:hover, .booksON {
	background-position:0px -152px;
}
.photos, .photos:hover, .photosON  {
	background-position:0px -228px;
}
.calendar, .calendar:hover, .calendarON {
	background-position:0px -304px;
}
.party, .party:hover, .partyON  {
	background-position:0px -380px;
}
.contact, .contact:hover, .contactON {
	background-position:0px -456px;
}



/*** Footer
****************************/
#footer {
	font-size: 10px;
	color: #a1bc8b;
	margin-top: 5px;
	width: 400px;
	float: left;

}

/*** Pop Up script
****************************/

.party_popup { 
	z-index: 1; 
	background: url("../i/body_bg.gif") #63903D repeat-x top left;
	padding: 10px;
	border: 5px solid #ffffff;
	width: 680px;
}

div#popup5.party_popup{ 
	width: 780px;
}

.party_popup #partyPOP {
	margin-top: -18px;
	*margin-top: -12px;
}

.party_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

/*** Icons ***/

#iconholder {
	margin-top: 5px;
	float: right;
}

#icons {
	*margin-bottom: 2px;
}

.bbc, .independent, .guardian, .times, .cnn, .timeout, .roughguides, .dk, .geographic {
	background:url("../i/icon-sprite-off.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:20px;
	width:20px;
	float: left;
	margin-left: 3px;
}
.bbc:hover, .independent:hover, .guardian:hover, .times:hover, .cnn:hover, .timeout:hover, .roughguides:hover, .dk:hover, .geographic:hover {
	background:url("../i/icon-sprite-on.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:20px;
	width:20px;
	float: left;
	margin-left: 3px;
}

.bbc, .bbc:hover {
	background-position:0px 0;
}

.independent, .independent:hover {
	background-position: -63px 0px;
}
.guardian, .guardian:hover {
	background-position:-21px 0px;
}
.times, .times:hover  {
	background-position:-42px 0px;
}
.cnn, .cnn:hover {
	background-position:-84px 0px;
}
.timeout, .timeout:hover {
	background-position:-126px 0px;
}
.roughguides, .roughguides:hover {
	background-position:-105px 0px;
}
.dk, .dk:hover {
	background-position:-147px 0px;
}
.geographic, .geographic:hover {
	background-position:-168px 0px;
}

/*** Features Tabs ***/
div#featuretabs {
	position: absolute;
	top: 515px;
}

ul#feattabs li {
	float: left;
	list-style-type: none;
	padding-right: 5px;
}

ul#feattabs li a {
	text-decoration: underline;
}

/*** Quiz
*****************************/
#quizContainer	{
	margin: 0px auto;
	width: 600px;
	margin-top: 50px;
	padding:0px;
	border: 5px solid #ffffff;
	}
	
#quizContainer2011	{
	margin: 0px auto;
	width: 700px;
	margin-top: 50px;
	padding:0px;
	border: 5px solid #ffffff;
	}
	
#socialnetwork	{
	margin: 0px auto;
	padding:5px;
	width: 700px;
	text-align: right;
	}