/* CSS Document */

/************** General ****************/
	#page {
	width:980px;
	margin-left: auto;
	margin-right: auto;

	}
	
	#container {
	width: 980px;
	position: relative;
	top: 6px;
	min-height: 100%;
	border: 0px solid #BABCBE;	
	margin-left: auto;
	margin-right: auto;

	}

/***************************************/
	
	#masthead {
	top: 0px;
	width: 980px;
	height: 127px;
	background: url(Images/tonyelliott-logo-yellow.png) no-repeat;
	margin: 0 20px;
	}
	
	#headerline {
	width: 980px;
	border-bottom: 1px solid #BABCBE;
	}

	
	
	#menu {
	width: 150px;
	padding: 20px 30px;
	line-height:10px;
	}

/************** IFrame ****************/	
	
	#iframe{

background-color:#FFFFFF;
float:left;
height: 580px;
width:775px;
border: 1px solid #FFFFFF;
}

/************** Thumbnails 1 ****************/	
		
		
#box1 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 570px;
	background: url(Images/thTattoo.jpg);
}

#box1 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box2 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 570px;
	background: url(Images/thCaseByCaseBasis.jpg);
}

#box2 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box3 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 513px;
	background: url(Images/thGenerationI.jpg);
}

#box3 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box4 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 513px;
	background: url(Images/thFreePrinceInside.jpg);
}

#box4 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box5 {
	position: absolute !important;
	top:3px;
	height: 54px;
	width:54px;
	margin-left: 456px;
	background: url(Images/thGirlsBestFriend.jpg);
}

#box5 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box6 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 456px;
	background: url(Images/thStrapped.jpg);
}

#box6 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box7 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 399px;
	background: url(Images/thOfficeCanary.jpg);
}

#box7 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box8 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 399px;
	background: url(Images/thKimJongIl.jpg);
}

#box8 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box9 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 342px;
	background: url(Images/thGenderBias.jpg);
}

#box9 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box10 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 342px;
	background: url(Images/thWhiteHouseBeer.jpg);
}

#box10 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box11 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 285px;
background: url(Images/thHealthCare.jpg);
}

#box11 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box12 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 285px;
	background: url(Images/thJoejackson.jpg);
}

#box12 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box13 {
	position: absolute !important;
	top:3px;
	height: 54px;
	width:54px;
	margin-left: 228px;
	background: url(Images/thTigersTale.jpg);
}

#box13 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box14 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 228px;
	background: url(Images/thCuttingtheFat.jpg);
}

#box14 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box15 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 171px;
	background: url(Images/thHurtLocker.jpg);
}

#box15 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box16 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 171px;
	background: url(Images/thMoonWater.jpg);
}

#box16 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box17 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 114px;
background: url(Images/thjessejames.jpg);
}

#box17 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box18 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 114px;
background: url(Images/thLeno.jpg);
}

#box18 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box19 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 57px;
background: url(Images/thOilBirds.jpg);
}

#box19 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box20 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 57px;
background: url(Images/thIcelandVolcano.jpg);
}

#box20 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box21 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 0px;
background: url(Images/thBiking.jpg);
}

#box21 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#box22 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 0px;
background: url(Images/p1.jpg);
}

#box22 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

/************** Thumbnails 2 ****************/	

#bx1 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 513px;
	background: url(Images/ThTiedUp.jpg);
}

#bx1 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx2 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 513px;
	background: url(Images/ThTakingFlight.jpg);
}

#bx2 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx3 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 456px;
	background: url(Images/ThSafetyFirst.jpg);
}

#bx3 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx4 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 456px;
	background: url(Images/ThSandbox.jpg);
}

#bx4 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx5 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 399px;
	background: url(Images/ThKeyToAGoodLipstick.jpg);
}

#bx5 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx6 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 399px;
	background: url(Images/ThVegan.jpg);
}

#bx6 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx7 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 342px;
	background: url(Images/ThBusyNight.jpg);
}

#bx7 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx8 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 342px;
	background: url(Images/ThCompromises.jpg);
}

#bx8 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx9 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 285px;
	background: url(Images/ThLipsLikeLightning.jpg);
}

#bx9 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx10 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 285px;
	background: url(Images/ThOilSpill.jpg);
}

#bx10 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx11 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 228px;
background: url(Images/ThKanyeWest.jpg);
}

#bx11 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx12 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 228px;
	background: url(Images/ThHelpingHands.jpg);
}

#bx12 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx13 {
	position: absolute !important;
	top:3px;
	height: 54px;
	width:54px;
	margin-left: 171px;
background-color: #FFFFFF;
}

#bx13 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx14 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 171px;
	background: url(Images/ThBraStrap.jpg);
}

#bx14 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx15 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 114px;
background-color: #FFFFFF;
}

#bx15 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx16 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 114px;
background: url(Images/p2.jpg);
}

#bx16 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx17 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 57px;
background-color: #FFFFFF;
}

#bx17 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx18 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 57px;
background-color: #FFFFFF;
}

#bx18 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx19 {
position: absolute !important;
top:3px;
height: 54px;
width:54px;
margin-left: 0px;
background-color: #FFFFFF;
}

#bx19 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

#bx20 {
position: absolute !important;
top:60px;
height: 54px;
width:54px;
margin-left: 0px;
background-color: #FFFFFF;
}

#bx20 a{
	display:block;
	width:100%; 
	height:100%;  
	text-decoration:none; 
}

/************** IFrame/thumb containers ****************/	

	#frame1 {
	position: absolute !important;
	width: 624px;
	height: 115px;
	margin:9px 330px;
	line-height:10px;
	top:0px;
	background-color: transparent;
	}
	
		#frame2 {
	position: absolute;
	width: 740px;
	top:149px;
	left: 220px;	
	height: 537px;
	background: transparent;

	}


#Gender-Bias a{
margin-right:0px;
}


	

	
	
	

	
/************** type settings ****************/

	h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	}
	
	h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .6em;
	text-align: right;
	margin-right: 20px;
	margin-top: 0px;
	color: #919090;
	}
	
	h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .9em;
	letter-spacing: 1px;
	padding: 3px 0px 3px 20px;
	}
	
	p {
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3;
	margin:1em 0;
	color: #545456;
	}

/************** Link Properties ****************/

	ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .7em;
	padding:0;
	margin:0;
	list-style-type:none;
	letter-spacing: 1px;
	}
	a
	{
	text-decoration:none;
	color: #000000;
	}
	a:hover {color: #FEBE10;
	li {display:inline}