@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;} 
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	background:#40403f;
	width: 100%;    
	margin: 0px auto;
	min-height: 100%;
	position: relative;
}

img{border:0}
.clear {clear:both; height:0; line-height:0px; padding:0px; float:none; margin:0px; overflow: hidden;}
a:link, a:visited, a:active {color:#999; text-decoration:none;}
a:hover {color:#666;}
p {margin:10px 0px;}
h1 {margin:10px 0px 5px 0px; font-family:"Trebuchet MS"; text-transform:uppercase; font-weight:lighter; font-size:30px; color:#ccc;}

#wrap {
	margin:30px auto;
	padding:0px;
	width:1024px;
	height:651px;
}

#main {float:left; width:1024px; height:651px; margin:0px; padding:0px;}
#main {filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;}
 .home {background:transparent url(../images/bg_home.jpg) no-repeat 0px 0px;}
 .kit {background:transparent url(../images/bg_kit.jpg) no-repeat 0px 0px;}
 .contact {background:transparent url(../images/bg_contact.jpg) no-repeat 0px 0px;}
 .credits {background:transparent url(../images/bg_credits.jpg) no-repeat 0px 0px;}
 .whyme {background:transparent url(../images/bg_whyme.jpg) no-repeat 0px 0px;}

	#content {float:left; width:470px; height:636px; margin:0px 0px 0px 30px; padding:15px 15px 0px 15px; background-color:#fff;}
	#otherinfo {float:left; width:460px; height:591px; margin:30px 0px 0px 0px;}
	
	#header {width:470px; height:82px;}
	#topnav {
		width:460px; 
		height:20px; 
		padding:5px 5px 2px 5px; 
		background-color:#c8c8c8;
		text-transform:uppercase;
		color:#666;
		font-size:14px;
	}
	#topnav a:link, #topnav a:visited, #topnav a:active {color:#fff}
	#topnav a:hover {color:#666;}
	#topnav ul {margin:0px; padding:0px; list-style:none;}
	#topnav ul li {display:inline; position:relative; margin:0; padding:0px 32px 0px 5px; float:left;}
	#topnav ul li.end {padding-right:0px;}


	#contenttext {
		width:460px;
		height:279px;
		margin:0px 0px 10px 0px;
		padding:0px 10px 10px 0px; 
		overflow:auto;
		scrollbar-face-color: #ccc;
		scrollbar-arrow-color: #fff;
		scrollbar-base-color: #fff;
		scrollbar-shadow-color: #fff;
		scrollbar-darkshadow-color: #fff;
		scrollbar-highlight-color: #fff;
		scrollbar-3dlight-color: #fff;
		scrollbar-track-color: #fff;

	}
	#contenttext a { text-decoration:underline;}

	#contenttext ul {float:left; width:180px; margin-left:10px; list-style:none;}
	#contenttext ul li {
	margin:0px; 
	padding:0px;	
	text-indent:15px; 
	background: transparent url('../images/bul_sq.gif') no-repeat 0px 5px;
	}	
	#contenttext .textbox ul {float:none; width:420px;}
	#contenttext .textbox ul li {margin-bottom:5px;}
	#contenttext .textbox ul li span {padding-left:15px;}

	.getintouch span {width:100px; float:left; font-weight:bold;}

	#contenttext .2col ul {float:left; width:180px; margin-left:20px;}

	.textbox {
		width:430px; 
		margin:20px 0px 0px 0px; 
		padding:0px 10px 0px 0px; 
	}

	
	.tonywilliams, .otherinfo
	{
	display:block; 
	text-indent:-9999px;	
	text-decoration:none;
	overflow:hidden;
	}	
	.tonywilliams {width:470px; height:72px; background:transparent url(../images/logo_tonywilliams.gif) no-repeat 0px 0px;}
	.otherinfo {width:282px; height:70px; background:transparent url(../images/txt_info.png) no-repeat 0px 0px;}


#footercontent {
	width:460px;
	margin:0px;
	height:175px;
	line-height:1.1em;
	padding:0px;}

#footercontent #left {width:460px;float:left;}

.contactdetails {
	width:460px;
	height:175px;
	background:transparent url(../images/img_camera.gif) no-repeat -20px bottom;
}

.otherinformation {padding-top:520px; float:right;}

	.contactdetails ul {margin:0;padding:0;top:30px;left:0; width:175px; padding:70px 0px 0px 284px;}
	.contactdetails li {display:block; margin:0; padding:0; float:left;}
	.contactdetails ul a, .contactdetails span {display:block; text-indent:-999px; overflow:hidden; font-size:10px;}
	
	.contactdetails span.mobile{width:175px; height:19px; background:transparent url(../images/txt_contact.gif) no-repeat 0 0;}
	.contactdetails span.telephone{width:175px; height:20px; background:transparent url(../images/txt_contact.gif) no-repeat 0 -19px;}
	.contactdetails a.email{width:175px; height:20px; background:transparent url(../images/txt_contact.gif) no-repeat 0 -39px;}
	.contactdetails a.website{width:175px; height:19px; background:transparent url(../images/txt_contact.gif) no-repeat 0 -59px;}

	.contactdetails a.email:hover {background: transparent url(../images/txt_contact.gif) no-repeat -175px -39px;}
	.contactdetails a.website:hover {background: transparent url(../images/txt_contact.gif) no-repeat -175px -59px;}

table td {vertical-align:top; padding-bottom:4px; padding-right:2px; font-size:11px;}
table td p strong {font-size:12px;}
table td p {margin:0px 0px 5px 0px;}