/*Created for Proxtalker.com LLC by Martin Pistorius - 13 February 2010 - www.itelf.co.uk */
/* Last updated: */

/*If you are reading this you really are a nerd ;-) */

@import url("cssReset.css");


body {
		font-family:Franklin Gothic Book,"Times New Roman", Times, serif;
		font-size:100%;
		text-align:center;
	}

p {
		font-size:98%;
		margin:7px 0px 7px 0px;
	}	

h1 {
		font-size:160%;
		font-family: Futura Hv, "Times New Roman", Times, serif;
		padding:5px 0px 10px 0px;
		color:#595959;
	}

h2 {
		font-size:130%;
		font-family: Futura Md, "Times New Roman", Times, serif;
		padding:8px 0px 8px 0px;
		color:#0F6DA9;
	}
	
h3 {
		font-size:125%;
		font-family: Futura Md, "Times New Roman", Times, serif;
		padding:5px 0px 8px 0px;
		color:#BB3636;
	}
	
h4 {
		font-size:105%;
		font-family: Futura Hv, "Times New Roman", Times, serif;
		padding:5px 0px 0px 0px;
		color:#0F6DA9;
	}
	
h5 {
	}

ul {
		font-size:98%;
		list-style:disc;
		margin-left:30px;
		margin-bottom:5px;
	}

ol {
		font-size:98%;
		list-style:decimal;
		margin-left:30px;
		margin-bottom:5px;
	}
	 					

li {
		margin:4px 0px;
	}
	
sup {
		font-size:85%;
		vertical-align:super;
		text-align:left;
	}

/*IDs*/
#siteContainer {
  		width:900px;
		margin:10px auto;
		padding:10px;  
  		text-align:left;
		background-color:#000;
	}



#logo {
		background-color:#000;
	}	

#logo img {
		border:none;
	}	


	
#mainContent {
		margin-left:240px;
		padding:5px;
		background-color:#FFF;
	}

#videoContent {
		margin-left:240px;
		padding:0px;
		background-color:#000;
	}	
#footer {
		padding:2px;
		clear:both;
		text-align:center;
	}

/*#footer p {
		font-size:80%;
	}*/

/*Main Nav*/
#navContainer {
		background-color:#000;
		width:240px;
		border:0px solid #FFF;
		float:left;
	}

ul#mainNav {
		list-style:none;
		margin:0px;
		padding:0px;
	}

li#mainNav {
		margin:0px;
		padding:0px;
	}
	
ul#mainNav li a {
		display: block;
		float:left;
		background-image:url(../images/navSprite.jpg);
		width:230px;
		height:100px;
		text-indent: -9999px;
		border: none; 
		padding: 0;
		cursor:pointer;
	}

ul#mainNav li a:hover#home  {
		background-position: 0px 0px;
		
	}

ul#mainNav li a#home  {
		background-position: -225px 0px;		
	}

ul#mainNav li a:hover#product {
		background-position: 0px 100px;
	}

ul#mainNav li a#product {
		background-position: -225px -100px;		
	}
	
ul#mainNav li a:hover#info {
		background-position: 0px -200px;
	}

ul#mainNav li a#info {
		background-position: -225px -200px;		
	}
	
ul#mainNav li a:hover#links {
		background-position: 0px -300px;
	}

ul#mainNav li a#links {
		background-position: -225px -300px;		
	}
	
ul#mainNav li a:hover#order {
		background-position: 0px -400px;
	}

ul#mainNav li a#order {
		background-position: -225px -400px;
	}
	
ul#mainNav li a:hover#contact {
		background-position: 0px -500px;
	}

ul#mainNav li a#contact {
		background-position: -225px -500px;		
	}
						

/*Links*/
a:link, a:visited {
		font-size: 105%;
		color:#BB3636;
		text-decoration:underline;
	}
	
a:hover, a:focus {
		font-size: 105%;
		color: #0F6DA9;
		text-decoration:none;
	}
	
#footer a {
		color:#FFF;
	}

/*Classes*/

.updated {
		background-color:#FFFF00;
		font-weight:bold;
		font-size:97%;
		padding:1px;
		margin:2px;
		width:60px;
	}

.block {
		float:right;
		clear:right;
		width:250px;
		padding:4px;
		border:1px solid #000;
	}

.block li {
		padding:4px 0px;
	}

.pdf a:hover {
		background:url(../images/pdficon_small.gif) no-repeat left;
		padding:17px 0px 0px 20px;
	} 	

.pdf .updated a:hover {
		display:none;
	} 
		
.linkBox {
		text-align:center;
	}

.linkBox img {
		margin:15px 30px 0px 30px;
	}
		
.imageRight {
		float:right;
		margin:2px 2px 2px 5px;
	}

.imageLeft {
		float:left;
		margin:2px 5px 2px 2px;
	}	

.peekaboo img {
			float:right;
			width:250px;
			height:188px;
			border:1px solid #CCC;
		}

a:hover.peekaboo img {
			width:auto;
			height:auto;
			position:relative;
			top:-400px;
			right:-20px;
			border:1px solid #CCC;
		}


.loganPic img {
			float:right;
			width:200px;
			height:332px;
			border:1px solid #CCC;
		}

a:hover.loganPic  img {
			width:auto;
			height:auto;
			position:relative;
			top:-200px;
			right:-20px;
			border:1px solid #CCC;
		}

.notice {
		background-color:#000;
		padding:0px 0px 20px 50px;
		margin:0px;
	}

.notice p {
		font-size:125%;
		font-family: Futura Md, "Times New Roman", Times, serif;
		color:#FFF;
		font-weight:bold;
	}	

.mission {
		color:#BB3636;
		font-size:140%;
		font-style:normal;
		font-family: Futura Md, "Times New Roman", Times, serif;
		padding:15px 0px 8px 0px;
	}

.NB {
		font-size:85%;
		font-style:italic;
	}
	
.ukSite {
		color:#FFF;
		font-size:98%;
		font-family: Futura Lt, "Times New Roman", Times, serif;
		padding:10px 0px 8px 0px;
	}


.videoBlock {
		float:left;
		width:290px;
		padding:10px;
		margin-top:10px;
		margin-bottom:10px;
		background:#FFF;
		text-align:center;
	}

.l {
		margin-right:10px;
		margin-left:5px;
	}

.r {
		margin-left:10px;
	}


.videoBlock img {
		width:290px;
		height:232px;
	}
	
.videoBlock h2 {
		font-size:125%;
		font-family: Futura Md, "Times New Roman", Times, serif;
		padding:5px 0px 8px 0px;
		color:#0F6DA9;
	}

.spacer {
		height:60px;
	}