/* CSS Document */

body {background:#000; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#adc1c9; }
#wrapper { background:url(background.jpg); width:767px; height:797px; margin: 0 auto;  } 
#content { width:350px; height:600px; margin-left:405px; margin-top:30px;   padding-top:10px;}

h1, h2 { color:#FFF; font-size:16px; margin-top:5px; margin-bottom:5px;  padding-bottom:5px}

.thumb { border:5px solid #3a494f; width: 75px ; height:75px; margin:5px; float:left; }
.thumb_large { border:7px solid #FFF; width: 125px ; height:125px; margin:10px; float:left; }

.thumb:hover { border:5px solid #fff;}


a {color: #fff; text-decoration:none; font-weight:bold;}

.button { padding:3px 15px 3px 15px; background:#3a494f; padding:5px; margin:10px auto;  float:left;  }

P { line-height:17px; margin:0px;}

.block { float:left; width:95px; height:125px; margin:8px;  text-align: center}
.clear { clear:both;  }


 
#main {
	position:relative;
	overflow:hidden;
	  
	width:350px; height:640px;  
	 
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

.page { height:640px; clear:both}
/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 510px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}


/* main navigator */
	#main_navi {
		float:left;
		position:relative;
		top:40px;
		padding:0px !important;
		margin:0px !important;
		
	}
	
	#main_navi li {
		color:#FFFFFF;
		cursor:pointer;
		float:left;
		font-size:12px;
		list-style-type:none;
		margin-left:16px;
		margin-top:5px;
		padding:10px;
		text-align:center;
		width:80px;
	}
	
	#main_navi li:hover {
		background-color:#444;
	}
	
	#main_navi li.active {
		background-color:#ee1c25;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}
/*
overlay
*/
	
 
	
	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		/*margin-top:10px;
		text-align:center;*/
	}
	
	#triggers .block img {
/*		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		
		-moz-border-radius:4px;
		-webkit-border-radius:4px;*/
		cursor:pointer;
	}
	 
#myform {background:none; width:300px}
#myform fieldset  {background:none;}
textarea{ 
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#666666;
border:1px solid #444444;
color:#DDDDDD;
font-size:12px;
padding:5px;
text-shadow:1px 1px 1px #000000;
}

textarea.active{ background-color:#888888; }

#myform button {
 
margin:5px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
 
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#666666;
border:1px solid #444444;
color:#DDDDDD;
font-size:12px;
padding:5px;
text-shadow:1px 1px 1px #000000
}