@charset "utf-8";
/* CSS Document */

body{
	background: url(../media/images/bodybg.png);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#FFF
	}
#container{
	width:900px;
	margin:0px auto;
	}
#header{
	width:820px;
	height:321px;
	background: url(../media/images/header_bg.png) no-repeat;
	background-position:center;
	margin:0 auto;
	position:relative;
	top:30px;
	}
	
	
#main_content{
	width:850px;
	margin:0px auto;
	font-size:12px;
	text-align:justify;
	}
	
#home_content{
	width:844px;
	height:194px;
	background:url(../media/images/home_content_bg.png) no-repeat;
	margin:0px auto;
	font-size:12px;
	}	
#bio_content{
	width:863px;
	height:392px;
	background: url(../media/images/bio_bg.png);
	margin:0px auto;
	font-size:12px;
	text-align:justify;
	position:relative;
	}
#bio_content p{
	width:775px;
	font-size:12px;
	line-height:17px;
	text-align:justify;
	position:relative;
	margin:15px auto;
	}

#bio_first{
	padding-top:45px;
	}
	
a{color:#fff;} 	
.page_title{
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
	font-size:15px;
	margin-top:12px;
	}
#home_page_media{
	width:380px;
	text-align:left;
	float:right;
	margin:35px 35px 0 0px;
	}	
#home_page_media a{
	color:#CCC;
	text-decoration:none;
	}
#home_page_media a:hover{
	color:#fff;
	text-decoration:underline;
	}		
audio{
	margin:8px auto;
	width:380px;
	margin-bottom:15px;
	}
	
#home_left{
	width:350px;
	margin:35px;
	
	line-height:18px;
	float:left;
	}

#home_left a{
	text-decoration:none;
	}
#home_left a:hover{
	text-decoration:underline;
	}
	

	
.news_title{
	text-transform:uppercase;
	font-weight:bold;
	}	
#news_content_t{
	width:863px;
	height:57px;
	background:url(../media/images/news_bg_t.png) no-repeat;
	}
#news_content_b{
	width:863px;
	height:66px;
	background:url(../media/images/news_bg_b.png) no-repeat;
	}
#news_content{
	width:863px;
	background: url(../media/images/news_bg_m.png) repeat-y;
	margin:0px auto;
	font-size:12px;
	text-align:justify;
	position:relative;
	}
#news_content p{
	width:775px;
	font-size:12px;
	line-height:17px;
	text-align:justify;
	position:relative;
	margin:15px auto 0;
	padding-bottom:15px;
	}
.news_title{
	text-transform:uppercase;
	font-weight:bold;
	}	
	
/*contact */	
textarea {
   resize: none;
}
.inputfields{
	border:1px solid #696969;
	height:14px;
	width:200px;
	background-image: url(../media/images/input_bg.png) repeat-x;
	color:#000;
	outline:2px solid #000;
	}
.inputtext{
	border:1px solid #696969;
	width:300px;
	height:175px;
	overflow: auto;
	background-image:url(../media/images/textfield_bg.png) repeat-x;
	color:#000;
	outline:2px solid #000;
	}





	
/*#news_first{
	padding-top:45px;
	}*/
	
a{color:#fff;} 	


/*------ Nav area -----*/
#nav {
	width:600px;
	height:53px;
	background: url(../media/images/nav.png);
	padding:0;
	margin:0 auto;
	position: relative;
	top: 40px;
}

 #nav li {
    margin: 0; padding:0; list-style: none;
    position: absolute;height:32px;display:block; }

  #nav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }


  #nav a{
  	display:block;
	height:32px;
	width:100%;
	}

  #nav a span{display:none;}

  #nav li ul li a span{display:block;}




#nav li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  }

#nav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}

#nav li:hover ul, #nav li.over ul{ display: block; }

	/** Nav links are plain text if CSS is turned off **/


	#nav_home{left:110px;top:10px; height:32px;width:76px;}
	#nav_bio{left:188px;top:10px;height:32px;width:56px;}
	#nav_news{left:245px;top:10px;height:32px;width:120px;}
	#nav_worx{left:368px;top:10px;height:32px;width:70px;}
	#nav_contact{left:440px;top:10px;height:32px;width:81px;}
	


	#nav_home a:hover, #home #nav_home{
    background: transparent url(../media/images/nav.png)
    -110px -65px no-repeat;border:thin solid #000}

	#nav_bio a:hover, #bio #nav_bio{
    background: transparent url(../media/images/nav.png)
    -188px -65px  no-repeat;border:thin solid #000}

	#nav_news a:hover, #news #nav_news{
    background: transparent url(../media/images/nav.png)
    -246px -65px no-repeat;border:thin solid #000}

	#nav_worx a:hover, #worx #nav_worx{
    background: transparent url(../media/images/nav.png)
    -368px -65px no-repeat;border:thin solid #000}

	#nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/images/nav.png)
    -440px -65px no-repeat;border:thin solid #000}



/*------SMO Nav area -----*/
#smo_nav {
	width:124px;
	height:40px;
	background: url(../media/images/smo_nav.png);
	position: relative;
	margin:0 auto;
	text-align:center;
}

 #smo_nav li {
    margin: 0; padding:0; list-style: none;
    position: absolute;height:40px;display:block; }

  #smo_nav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }


  #smo_nav a{
  	display:block;
	height:40px;
	width:38px;
	}

  #smo_nav a span{display:none;}

  #smo_nav li ul li a span{display:block;}




#smo_nav li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  }

#smo_nav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
#smo_nav a:hover{ margin:0}

#smo_nav li:hover ul, #smo_nav li.over ul{ display: block; }

	/** Nav links are plain text if CSS is turned off **/


	#smo_facebook{left:0px;top:0px; height:40px;width:38px; }
	#smo_twitter{left:43px;top:0px;height:40px;width:38px;}
	#smo_imdb{left:85px;top:0px;height:40px;width:38px;}
	


	#smo_facebook a:hover{
    background: transparent url(../media/images/smo_nav.png)
    -0px -40px no-repeat;}

	#smo_twitter a:hover{
    background: transparent url(../media/images/smo_nav.png)
    -43px -40px  no-repeat;}

	#smo_imdb a:hover{
    background: transparent url(../media/images/smo_nav.png)
    -85px -40px no-repeat;}


/* Close SMO NAV   */

	
#footer{
	width:900px;
	height:146px;
	background:url(../media/images/footer_bg.png) no-repeat;
	margin:0 auto;
	padding-top:25px;
	font-size:13px;
	text-align:center;
	color:#CCC;
	line-height:25px;
	
	}
#footer a{
	color:#ccc;
	margin:0px 15px 0 15px;
	}
#footer a:hover{
	text-decoration:none;
	color:#fff;
	}


#OPD{
	margin-top:8px;
	position:relative;
	font-size:10px;
	}
#OPD a{
	margin:0px;
	
	}
	
	
/*  Tool Tip   */
.tooltip {
	display:none;
	background:transparent url(../media/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}