 
 /* GENERIC ------------------------------------------------------------------------------------------------------------*/
 
* {
	padding: 0;
	margin: 0;
	}

 body {
 	background-color: #27292C;
	font: 62.5%/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center; /* centres everything in IE5 */
	}
	
p {
	font-size: 1.1em;
	padding: 0;
	margin: 5px 0 15px 0;
	line-height: 1.6em;
	}
	
h1 {
	text-indent: -3000px;
	margin: 0;
	}
	
h2 {
	font-size: 2em;
	margin: 0 0 10px 0;
	letter-spacing: -0.01em;
	color: #fff;
	text-transform: uppercase;
	}

h3 {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	color: #A2A6AD;
	}
    
h5 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	color: #fff;
	}
	
a, a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}
	
a img {
	border: 0;
	}
	
a span {
	display:block;
	width: 210px;
	}

#contentWrapper ul#homeGallery {
	margin-bottom: 0;
	}
	
#contentWrapper ul#homeGallery li {
	background: none;
	padding-left: 0;
	display: inline;
	
	}
	
	
/* TOP GRADIENT -------------------------------------------------------------------------------------*/
 
#topGradient {
 	height: 73px;
	background: url(../images/gradient.gif) 0 0 repeat-x;
	margin-bottom: 20px;
	}
	
#navCenter {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}
	#navCenter img {
		float: left;
		position: relative;
		top: 40px;
		}
		#navCenter ul {
			list-style-type: none;
			float: right;
			position: relative;
			top: 39px;
			}
			#navCenter ul li {
				float: left;
				text-align: center;
				margin-left: 2px;
				}
				#navCenter ul li a {
					display: block;
					width: 100px;
					height: 32px;
					padding-top: 7px;
					background-color: #232527;
					voice-family: "\"}\""; 
					voice-family: inherit;
					height: 25px;
					}
					#navCenter ul li a:hover, #navCenter ul li a#currentPage {
						background-color: #3E454C;
						}
						
#contentWrapper {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	}
	#contentWrapper img {
		border: 10px solid #3E454C;
		}
		#contentWrapper ul {
			font-size: 1.1em;
			margin: 0 0 12px 0;
			list-style-type: none;
			}
			#contentWrapper ul li {
				background: url(../images/bullet.gif) 0 7px no-repeat;
				padding-left: 12px;
				}
				#contentWrapper a, #contentWrapper a:visited {
					text-decoration: underline;
					}
					#contentWrapper a:hover {
						color: #A2A6AD;
						}
						
#contentWrapper ul li.noBullet {
	background-image: none;
	font-style: italic;
	}
		
#footer {
	width: 100%;
	margin: 0 auto;
	}
	#footer ul {
		list-style-type: none;
		margin: 5px 0 15px 0;
		}
		#footer ul li {
			display: inline;
			margin-left: 2px;
			color: #A2A6AD;
			}
			#footer ul li a, #footer ul li a:visited {
				color: #A2A6AD;
				font-weight: normal;
				}
				#footer ul li a:hover {
					text-decoration: underline;
					}

						
/* MISC --------------------------------------*/

.clr {
	clear:both;
	font-size:0pt;
	}
	
div.hr {
	float: left;
	background: url(../images/divider.gif) 0 0 repeat-x;
	height: 2px;
	margin: 20px 0 10px 0;
	width: 100%;
	}
	div.hr hr {
		display:none;
		}
		#contentWrapper .hr {
			margin: 0 0 7px 0;
			}
			
.attention {
	padding: 5px 10px 5px 10px;
	background-color: #3E454C;
	margin-bottom: 10px;
	}
.attention1 {
	padding: 5px 10px 5px 10px;
	background-color: #3E454C;
	margin-bottom: 10px;
	}
    
.attention2 {
	padding: 5px 10px 5px 10px;
	background-color: #FF030D;
	margin-bottom: 10px;
	}
	
.imageShowcase {
	margin-bottom: 10px;
	}
	.imageShowcase img {
		margin-right: 16px;
		}
		.imageShowcase img.last {
			margin-right: 0;
			}
			
/* photo wrapper */

ul#photoWrapper {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ul#photoWrapper li {
	display: inline;
	background: none;
	padding: 0;
	}
			ul#photoWrapper li img {
				border: 3px solid #3E454C;
				margin: 0 0 1px 0;
				padding: 3px;
				}
				ul#photoWrapper li img a {
					text-decoration: none;
					}
					ul#photoWrapper li a:hover img {
						border: 3px solid #8B9099;
						}
						
/* form */

fieldset {
	border: 1px solid #4B4D50;
	padding: 10px;
	}	
	
legend {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	}

.formRow {
	margin-bottom: 15px;
	}

input {
	margin-top: 5px;
	color: #232527;
	font-size: 1.1em;
	padding: 3px 3px 3px;
	border: 1px solid #fff;
	}
	
#comments {
	border: 1px solid #fff;
	margin-top: 5px;
	}
	
input:hover, #comments:hover {
	border: 1px solid #000;
	}
	
#submit {
	background-color:#FFFFFF;
	border:1px outset #232527;
	color:#000;
	font-family:Tahoma,"Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Georgia,Verdana,Arial,sans-serif;
	font-size:1em;
	height:20px;
	margin:0pt;
	padding:0pt 2px;
	width:60px;
	}
	
/* LIGHTBOX */

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img { 
	border: none; 
	}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer {
	padding: 10px;
	}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
	
#imageContainer>#hoverNav { 
	left: 0;
	}
	
#hoverNav a { 
	outline: none;
	}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { 
	left: 0; 
	float: left;
	}
	
#nextLink { 
	right: 0; 
	float: right;
	}
	
#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}
	
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}

#imageDataContainer {
	font: 1.1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData {
	padding:0 10px;
	}
	
#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
	}
		
#imageData #caption { 
	font-weight: bold;
	color: #4E6E75;	
	}
	
#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
	}
				
#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em;	
	}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
/* Homepage gallery */

.homeGallery {
	width: 200px;
	height: 133px;
	background-color: #3E454C;
	float: left;
	margin: 0 8px 8px 0;
	padding: 14px;
	position: relative;
	text-align: center;
	}
	.homeGallery a {
		display: block;
		width: 180px;
		height: 133px;
		padding: 0 10px;
		text-align: center;
		line-height: 1.2em;
		}
		.homeGallery a:hover {
			color: #fff;
			}
			.homeGallery a span {
				position: absolute;
				top: 110px;
				text-align: center;
				width: 175px;
				}	
				
.alt {
	margin-right: 0;

}
/* MAIN INDEX */
			
#motorsport-photo-one-2010 a {
	background: url(../images/portfolioMain/IMG_6475_index.jpg) 0 0 no-repeat;
	}
    
    #motorsport-photo-two-2010 a {
	background: url(../images/portfolioMain/IMG_7564_index.jpg) 0 0 no-repeat;
	}
    
    
    #motorsport-photo-three-2010 a {
	background: url(../images/portfolioMain/IMG_7897_index.jpg) 0 0 no-repeat;
	}
    
    #motorsport-photo-four-2010 a {
	background: url(../images/portfolioMain/IMG_0141_index.jpg) 0 0 no-repeat;
	}


/* FIA-GT1 */

    #FIA-GT1-photo-gt3-2010 a {
	background: url(../images/portfolioMain/IMG_9889_index.jpg) 0 0 no-repeat;
	}
    #FIA-GT1-photo-f3-2010 a {
	background: url(../images/portfolioMain/IMG_9187_index.jpg) 0 0 no-repeat;
	}
    #FIA-GT1-photo-gt1-2010 a {
	background: url(../images/portfolioMain/IMG_0141_index.jpg) 0 0 no-repeat;
	}
    #FIA-GT1-photo-gt4-2010 a {
	background: url(../images/portfolioMain/IMG_9938_index.jpg) 0 0 no-repeat;
	}








}
			
#motorsport-photo-one a {
	background: url(../images/portfolioMain/IMG_8507_index.jpg) 0 0 no-repeat;
	}

#motorsport-photo-two a {
	background: url(../images/portfolioMain/IMG_0043_index.jpg) 0 0 no-repeat;
}

#motorsport-photo-three a {
	background: url(../images/portfolioMain/IMG_0456_index.jpg) 0 0 no-repeat;
}

#motorsport-photo-four a {
	background: url(../images/portfolioMain/IMG_1101_index.jpg) 0 0 no-repeat;
}

#motorsport-photo-five a {
	background: url(../images/portfolioMain/IMG_1356_index.jpg) 0 0 no-repeat;
}

#motorsport-photo-six a {
	background: url(../images/portfolioMain/IMG_1921_index.jpg) 0 0 no-repeat;
}

#motorsport-photo-seven a {
	background: url(../images/portfolioMain/344_index.jpg) 0 0 no-repeat;
}

#motorsport-photo-eight a {
	background: url(../images/portfolioMain/IMG_2623_index.jpg) 0 0 no-repeat;
}

#motorsport-photo-nine a {
	background: url(../images/portfolioMain/IMG_4333_sci.jpg) 0 0 no-repeat;
}

#motorsport-archive-one a {
	background: url(../images/portfolioMain/IMG_4452tm_AI.jpg) 0 0 no-repeat;
}




/* SILVERSTONE CLASSIC INDEX */


#silverstone-classic-one a {
	background: url(../images/portfolioMain/IMG_3321_sci.JPG) 0 0 no-repeat;
}
#silverstone-classic-two a {
	background: url(../images/portfolioMain/IMG_3425_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-three a {
	background: url(../images/portfolioMain/IMG_3539_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-four a {
	background: url(../images/portfolioMain/IMG_3643_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-five a {
	background: url(../images/portfolioMain/IMG_3728_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-six a {
	background: url(../images/portfolioMain/IMG_3866_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-seven a {
	background: url(../images/portfolioMain/IMG_4050_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-eight a {
	background: url(../images/portfolioMain/IMG_4333_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-nine a {
	background: url(../images/portfolioMain/IMG_4469_sci.JPG) 0 0 no-repeat;
}
#silverstone-classic-ten a {
	background: url(../images/portfolioMain/IMG_4523_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-eleven a {
	background: url(../images/portfolioMain/IMG_4600_sci.JPG) 0 0 no-repeat;
}

#silverstone-classic-twelve a {
	background: url(../images/portfolioMain/IMG_4793_sci.JPG) 0 0 no-repeat;
}





#motorsport-photography-archive-2009 a {
	background: url(../images/portfolioMain/IMG_4333_sci.JPG) 0 0 no-repeat;
}

#motorsport-photography-archive-2008 a {
	background: url(../images/portfolioMain/IMG_4452tm_AI.jpg) 0 0 no-repeat;
}

#motorsport-photography-archive-pre-2008 a {
	background: url(../images/portfolioMain/IMG_8415_index.jpg) 0 0 no-repeat;
}

