@charset "UTF-8";
/*Main Page css*/

html {
  height: 100%;
  margin-bottom: 1px;
}




form {
  display:inline;
}

body {
/*font-family: Helvetica, Arial, sans-serif;*/
 /*center hack*/


/*font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3em;*/
	
	font-size:76.1%;
	background-image:url(/images/back2.jpg);
	line-height: 1em;
	background-color:#252525;
	padding: 0;
	margin: 0;
	color: #252525;

	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;

	font-size: 13px;

	


}

ul {  
     list-style:none;  
     }  
 .float {  
     float: left;  
     }  
	  .floatr {  
     float: right;  
     }
 .clear {  
     clear: both;  
     }  

/*
h2 {
	padding: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 44px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -2px;
	line-height: 1.2em;
	color:#00376F;
}
*/
/*----------here-----------*/


h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	
	letter-spacing: 1px;
	line-height: 1.2em;
	color: #00376F;
} 

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	
	letter-spacing: 0em;
	line-height: 0em;
	color:#3f2c2c;
}


/*General links*/






/*main links in the content area of the page*/




a.this:link 
{
	display:block;
	text-decoration:none;
	font-weight:200;
	
	width:46px;
	height:100%;
	color: #cfcfcf;
}

a.this:visited 
{
	display:block;
	font-weight:200;
	text-decoration:none;
	width:46px;
	height:100%;
	color: #cfcfcf;
	
}
a.this:hover 
{
	display:block;
	font-weight:200;
	width:46px;
	height:100%;
	
	text-decoration:none;
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	background:#ffffff;
	
	
	
	color: #660000;
	

}



/*heading*/

h1, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}


h3 {
	font-size: 24px;
}
h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}
h5 {
	font-size: 20px;
}
h6 {
	text-align: left;
	font-size: 20px;
}
p {
	font-style:normal;
	font-size:14px;
	font-weight:500;
	
	line-height:1.3em;
	color: #222222;
	
}


/*----------to here-----------*/

#container {  
 
	

	margin:  0px auto auto auto; 
	   width:950px;  
	    height: 500px; 
	 
	
     }  
 


 #header {  
    
		margin:  0px 0px 0px 0px; 
     height: 90px;  
	 
     }  

#toppic {  
    width:950px;  
	    height: 90px; 
	
	margin:  0px auto auto auto; 
	padding:  0px 0px 0px 0px;  
	
	background-repeat:no-repeat;
	background-position:top left;	
     }
	   
#divleft {  
height: 40px;
 width:100%;
	
	
	
     }  




 #menu{

   	height: 58px; 
	 
 }	
 
  #menuS{
 
 	margin: 0px 0px 0px 0px; 
	padding: 0px 80px 0px 70px;

	
    width: 450px;   	
 }	
 
 
  #imghome{
	
    height: 64px; 
	width: 46px;
	margin:  0px 5px 5px 5px; 
	background-image:url(/images/homemark.jpg);

 }	
  #imgprofile{

   	height: 64px; 
	width: 46px;
	margin:  0px 5px 5px 5px; 
	background-image:url(/images/profilemark.jpg);
 }	
  #imgmusic{
 
	 	height: 64px; 
	width: 46px;
	margin:  0px 5px 5px 5px; 
	background-image:url(/images/musicmark.jpg);
 }	
  #imgvideo{

   	 	height: 64px; 
	width: 46px;
	margin:  0px 5px 5px 5px; 
	background-image:url(/images/vidmark.jpg);
 }	
 
 
 
 

  #imgprofile1{
	
   	 	height: 64px; 
	width: 46px;
	margin:  0px 0px 5px 5px; 
	background-image:url(/images/profilemark.jpg);
 }	
  #imgmusic1{
	
   	height: 64px; 
	width: 46px;
	margin:  0px 5px 5px 5px; 
	background-image:url(/images/musicmark.jpg);
 }	
   #imgvideo1{
	
   	 	height: 64px; 
	width: 46px;
	margin:  0px 5px 5px 5px; 
	background-image:url(/images/vidmark.jpg);
 }	
    #imgpics{

 	height: 64px; 
	width: 46px;
	margin:  0px 5px 5px 5px; 
	background-image:url(/images/picmark.jpg);
 }
 
 #content2{
 
 	margin: 5px 5px 0px 0px;  
	padding:0px 0px 16px 0px;	
	height: 64px; 
	width: 46px; 
 }	 


 #content3{

 	margin: 5px 5px 0px 0px;  
	padding:0px 0px 16px 0px;	
	
height: 64px; 
	width: 46px;
	
 }		
  #content4{
 	margin: 5px 5px 0px 0px;
	padding:0px 0px 16px 0px;
	
 	height: 64px; 
	width: 46px;
	 
 }
 #content5{
  	margin: 5px 5px 0px 0px; 
	padding:0px 0px 16px 0px;
	
 	height: 64px; 
	width: 46px;  
	 }	
	  
	  
	  
	  
 #content6{

 	margin: 5px 0px 0px 150px; 
	padding:0px 0px 16px 60px; 
 	height: 64px; 
	width: 0px; 
	
 }	
  #content7{
	
 	margin: 5px 5px 0px 50px; 
	padding:0px 0px 16px 90px; 
	
	 	height: 64px; 
	width: 40px; 
 }
 #content8{
	
 	margin: 5px 5px 0px 50px; 
	padding:0px 0px 16px 20px;
	
	 	height: 64px; 
	width: 40px;  
}
 #content9{
	
 	margin: 5px 5px 0px 50px; 
	padding:0px 0px 16px 20px;
	
	 	height: 64px; 
	width: 40px;  
}	
 
 




 
 #topleft {  
 	 margin: -5px 0px 0px 0px; 
     width: 470px; 
	background-image:url(/images/topleft.png);
	background-repeat:no-repeat;
	height:18px;
		
	 
	     
     }
	 
	 
	  #leftside {  
 	 margin: -18px 0px 0px -11px; 
     width: 470px; 
	background-image:url(/images/leftside.png);
	background-repeat:no-repeat;
	height:468px;
		overflow: hidden;
	 
	     
     }   
 #left {  
 	 margin: 0px 0px 0px 0px; 
     width: 470px; 
	
		overflow: hidden;
	 color:#111111;
		
	 
	     
     }  

 #left1{
	margin: 0px 0px 0px 0px; 

	
	width: 470px;  
	
	background-image:url(/images/backleft.png) ;

 }	
 
 
  #textleft{
	margin: 40px 0px 0px 40px; 
	
	width: 410px; 
	 
		

 }	
 
   
   #optionsleft{
	margin: 0px 0px 0px 20px; 
	
	width: 420px;  
	

 }

 
 
  
    #video{
	margin: 15px 0px 0px 35px; 
	position:absolute;
	width: 155px;  
		

 }
     #pic{
	margin: 0px 0px 0px 240px; 
	position:absolute;
	width: 205px;  


 } 
 
 #info{
	margin: 110px 0px 0px 150px; 
	position:absolute;
	width: 205px;  


 }
 
     #music{
	position:absolute;
	margin: 65px 0px 0px 350px; 

	width: 216px;  
	

 }
    #leftpic1{
	margin: 15px 0px 0px 55px; 
	position:absolute;
	height:275px;
	width: 165px;  
	border:solid;
 }
     #leftpic2{
	margin: 15px 0px 0px 260px; 
	position:absolute;
	width: 115px;  
	height:85px;

	border:solid;
 } 
 
 #leftpic3{
	margin: 110px 0px 0px 260px; 
	position:absolute;
	width: 115px;  
	height:85px;

	border:solid;
 }
 
     #leftpic4{
	position:absolute;
	margin: 205px 0px 0px 260px; 
	border:solid;
	width: 115px;  
	height:85px;

 }
 
  #topright{  
 	 margin: -15px 0px 0px 0px; 
     width: 470px; 
	background-image:url(/images/topright.png);
	height:25px;
		
	 
	     
     }
  #rightside {  
 	 margin: -25px -40px 0px 0px; 
     width: 40px; 
	background-image:url(/images/rightside.png);
	background-repeat:no-repeat;
	height:485px;
		
	 
	     
     } 
  
 #right {  
 	
     width: 480px; 
	 height:460px;
	overflow: hidden; 
	
	     
     }  

 #right1{
 	margin: 0px 0px 0px 0px; 
	

	width: 470px;  
	height:450px;
	background-image:url(/images/backright.png);
 }	 

 
   #textright{
	margin: 20px 0px 0px 20px; 
	
	width: 290px;  


 } 
    #textright1{
	margin: 30px 0px 0px 40px; 
	
	width: 250px;  


 }   
 
  #rightarrow{
	margin: 10px 0px 0px 45px; 
	color: #000000;
	font-size: 20px;
	
	display: inline;	
	width: 110px;  
	height:40px;

 } 
  #leftarrow{
	margin: 50px 0px 0px 35px; 
	color: #000000;
	font-size: 20px;
	position:absolute;
	
	display: inline;	
	width: 150px;  
	height:40px;

 }
   #leftarrowband{
	margin: 350px 0px 0px 35px; 
	color: #000000;
	font-size: 20px;
	position:absolute;
	
	display: inline;	
	width: 150px;  
	height:40px;

 }
  
   #picoptions{
	margin: 0px 0px 0px 20px; 
	background-image:url(/images/tree.png);
	width: 420px;  
	height:270px;	

 }
    #picoptionsstory{
	margin: 0px 0px 0px 20px; 
	
	width: 420px;  
	height:270px;	

 }
   
   #musicplayer{
	margin: 20px 0px 0px 30px; 
	
	width: 20px;  
	height:70px;	

 }
 
    #videoplayer{
	margin: 40px 0px 0px 30px; 
	
	width: 420px;  
	height:270px;	

 }
 
 
   
   #picoptionsmusic{
	margin: 0px 0px 0px 20px; 
	/*background-image:url(/images/radio1.png);*/
	width: 420px;  
	height:270px;	

 }
    #picoptionstv{
	margin: 15px 0px 0px 10px; 
	background-image:url(/images/TV.png);
	width: 460px;  
	height:270px;	

 }
     #picoptionsgame{
	margin: 15px 0px 0px 10px; 
	
	width: 460px;  
	height:270px;	

 }
     #game{
	margin: 40px 0px 0px 30px; 
	
	width: 420px;  
	height:270px;	

 }
    #picoptionspics{
	
	margin: 0px 0px 0px 20px; 
	width: 460px;  
	height:270px;	
	

 }
    #rope{
	
	margin: 0px 0px 0px 160px; 
	position:absolute;
	width: 5px;  
	height:210px;	

 }
    #barry{
	margin: 91px 0px 0px 0px; 
	position:absolute;
	width: 2px;  
	height:268px;	

 }
    #kevin{
	position:absolute;
	margin: 85px 0px 0px 115px; 

	width: 216px;  
	height:185px;	

 }
    #jasper{
	margin: 109px 0px 0px 291px; 
	position:absolute;
	width: 205px;  
	height:174px;	

 }
 

     #brendan{
	margin: 40px 0px 0px 0px; 
	position:absolute;
	width: 205px;  
	height:174px;	

 }
    #john{
	margin: 30px 0px 0px 220px; 
	position:absolute;
	width: 155px;  
	height:239px;	

 }
 
 
 
 /*Placeholders on the main page*/

 


 
 
#footer {  
 
	height:10px;
	width:950px;
		margin:  -40px auto auto auto; 

	 background-image:url(/images/bottom.png);
     }