/****************************************************
*
*	Company: Benib.com
*
*	Stylesheet: Main Screen stylesheet
*
*	Date Created: 26/08/2008
*
****************************************************/

body {
  font-family: helvetica, Arial, Verdana, sans-serif;
  font-size: 62.5%;
  background-color: #00F632;  
  padding: 0;
  margin: 0;
}

body #colour_selector {
  background: url('/site_media/images/header.gif') no-repeat 0 -126px;  
}

/****************************************************
* TYPOGRAPHY STYLES 
****************************************************/

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;	
}

h3 {
  font-size: 1.3em;	
  font-weight: bold;
  margin: 0 0 15px 0;
}

h3 span {
  font-weight: normal;
}

p {
  font-size: 1.1em;	
  margin: 0 0 10px 0;
}

a {
  outline: none;
  color: #000;
	text-decoration: none;  
}

a:hover {
	color: #827891;
	text-decoration: none;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

/****************************************************
* COMMON ELEMENTS
****************************************************/
#wrapper {
  width: 512px;
  padding: 60px 80px 200px 80px;
  min-height: 500px;
  background: url('/site_media/images/bg_blocks.gif') no-repeat 0px 550px;
}

/****************************************************
* HEADER
****************************************************/
ul#colour_selector {
  list-style: none;  
  padding: 0;
  margin: 0;  
  width: 300px;
  height: 42px;
  float: left;
}
ul#colour_selector li {
  display: inline;
}
ul#colour_selector li img {
  border: none;
}
#top_link {
  float: right;
  text-align: right;
  padding-top: 30px;
  font-weight: bold;  
}
ul#main_nav {
  border-top: 2px solid #000;
  padding: 5px 0 0 0;
  list-style: none;
  margin: 0;  
  clear: both;
}
ul#main_nav li {
  font-size: 1.1em;
  display: inline;  
  font-weight: bold;
}
/****************************************************
* VIDEO NAV
****************************************************/
#video_nav {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 2px dotted #000;
}
#video_nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#video_nav ul li {
  display: inline;
  font-size: 1.3em;
}

/****************************************************
* PLAYER
****************************************************/
#player {
 margin-bottom: 20px;
}

#details {
  padding-bottom: 30px;
  border-bottom: 2px solid #000;
}

#details p {
  margin: 0 0 0px 0;
}

/* NO FLASH */
.no_flash p {
  font-size: 2em;
}

.no_flash p a {
  font-size: 14px;
}

/****************************************************
* HACKS AND FILTERS
****************************************************/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */