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

html, body, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

body{
	background: #5889AE;
	text-align: center;
}

#page{
	text-align: left;
	margin: auto;
	width: 1012px;
	background: #FFFFFF;
	height:949px;	
}

#body {
	position: relative;
	margin-left: 4px;
}

#banner{
	position:absolute; 
	left:0px; 
	top:0px; 
	width:1004px; 
	height:386px; 
	background: url(img/charlie-prince2.jpg) no-repeat;
}

#nav{
	position:absolute; 
	left:25px; 
	top:335px; 
	width:961px; 
	height:52px; 
	background: url(img/nav.png) no-repeat;
}

#display{
	position:absolute; 
	left:0px; 
	top:386px; 
	width:1004px; 
	height:327px; 
	background: url(img/display.jpg) no-repeat;
}

#content{
	position:absolute; 
	left:50px; 
	top:25px; 
}

#flashcontent {
	height: 100%;
}

#interview{
	width:920px;
	height:280px;
	overflow:scroll;
	overflow-x:hidden;
	padding-right:10px;
	align:justify;
}

#holder{
	position:absolute;
	left:125px;
	top:0px;
	}
	
#leftarrow{
	position:absolute;
	left:0px;
	top:110px;
	width:63px;
	height:63px;
	background: url(img/arrow2.png) no-repeat;
	}
	#leftarrow:hover{background-position: 0 -64px;}
	
	#photoholder{
	position:absolute;
	left:70px;
	top:0pxs;
	border: 2px solid;
	width: 500px;
	height:280px;
	text-align:center;
	background:#FFFFFF;
	}
#photo{

	max-height:280px;
	max-width:500px;
}
#rightarrow{
	position:absolute;
	left:582px;
	top:110px;
	width:63px;
	height:63px;
	background: url(img/arrow.png) no-repeat;
	}
	#rightarrow:hover{background-position: 0 -64px;}

#homebut
{
	position:absolute; 
	left:15px; 
	top:-8px; 
	display: block;
	width: 187px;
	height: 68px;
	background: url("img/home.png") no-repeat 0 0;
}

#homebut:hover
{ 
  background-position: 0 -70px;
}

#aboutbut
{
	position:absolute; 
	left:205px; 
	top:-6px; 
	display: block;
	width: 169px;
	height: 67px;
	background: url("img/about.png") no-repeat 0 0;
}

#aboutbut:hover
{ 
  background-position: 0 -70px;
}

#photobut
{
	position:absolute; 
	left:410px; 
	top:-8px; 
	display: block;
	width: 137px;
	height: 68px;
	background: url("img/photos.png") no-repeat 0 0;
}

#photobut:hover
{ 
  background-position: 0 -70px;
}

#videobut
{
	position:absolute; 
	left:590px; 
	top:-8px; 
	display: block;
	width: 137px;
	height: 68px;
	background: url("img/videos.png") no-repeat 0 0;
}

#videobut:hover
{ 
  background-position: 0 -70px; 
}

#contactbut
{
	position:absolute; 
	left:765px; 
	top:-8px; 
	display: block;
	width: 200px;
	height: 68px;
	background: url("img/contact.png") no-repeat 0 0;
}

#contactbut:hover
{ 
  background-position: 0 -70px;
}

#tips{
	position:absolute; 
	left:22px; 
	top:715px; 
	width:319px; 
	height:185px; 
	background: url("img/tips.jpg") no-repeat 0 0;
}

#videos{
	position:absolute; 
	left:342px; 
	top:715px; 
	width:319px; 
	height:185px; 
	background: url("img/videos.jpg") no-repeat 0 0;
}

#interviews{
	position:absolute; 
	left:660px; 
	top:715px; 
	width:319px; 
	height:185px; 
	background: url("img/interviews.jpg") no-repeat 0 0;
}

#footer{
	position:absolute; 
	left:0px; 
	top:920px; 
	width:1004px; 
	height:25px; 
	text-align: center;
}