@charset "UTF-8";
/* CSS Document */

* {margin:0 auto 0 auto;}

body {
	background:#333333 url(../images/global/greystripes.jpg) center repeat-y;
	font-family:"Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;}

p {
	margin-left:20px;
	letter-spacing:1px;
	}

#container {
	background:#000000 url(http://www.fatcatphotography.co.uk/images/global/loading.jpg) repeat-y;
	margin:0 auto 0 auto;
	width:960px;
	height:auto;
	text-align:left;}

#header {
	padding-top:2px;
	width:956px;
	height:309px;}
	
/*----------Main Nav--------------*/
#menu {
	width:auto;
	height:auto;}

#navlist {
	margin: 0 auto;
	margin-left:3px;
	font-family:"Helvetica Neue", Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	padding: 5px 0 10px 5px;
	border-bottom:thin solid #FFFFFF;
	border-top:thin solid #FFFFFF;
	background:#000000;
	width:952px;
	height:10px;
	left: 2px;
		}

#navlist ul, #navlist li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
		}

#navlist li a {
	padding-left:13px;
	list-style-type: none;}

#navlist a:link, #navlist a:visited {
		float: left;
		line-height: 14px;
		margin: 0 7px 4px 0px;
		text-decoration: none;
		color: #ffffff;
		}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
		color: #666666;}


/*----------End Nav--------------*/
	
#main-content {
	width:960px;
	height:500px;
	background:#000000;}
	


#introtext {
	margin:25px auto 0 15px;
	width:300px;
	height:auto;
	text-align:left;
	float:left}

.whiteline {
	margin-left:20px;
	margin-bottom:20px;}

#catagories {
	margin:80px 85px 0 0;
	width:400px;
	float:right;
	text-align:left;
	border:none;}
	
#catagories img {
	border:none;
	margin-right:5px;
	margin-top:5px;}

#aboutfatcat {
	margin:60px 125px 20px 0;
	width:360px;
	float:right;
	text-align:left;
	border:none;
	height:auto;}
	
#aboutfatcat img {
	border:none;
	margin-right:5px;
	margin-top:5px;}

#footer {
	clear:both;
	text-align:center;
	font-size:85%;}
	
#footer a {
	color:#FFFFFF;
	text-decoration:none;}

#galleryspace {
clear:both;
	height:350px;
	width:600px;
	margin:40px auto 0 10px;} 

#galleryspacewide {
clear:both;
	height:350px;
	clear:both;
	width:950px;
	margin:40px auto 0 10px;} 
	
/*------------Galleries Details------------*/
#lightbox{	
		position: absolute;	
		left: 0; 
		width: 100%; 
		z-index: 100; 
		text-align: center; 
		line-height: 0;}
		
#lightbox img{ 
		width: auto; 
		height: auto;}
		
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
		display: block; }
		
#prevLink { left: 0; float: left;background:url(../lightbox2/images/prevlabel.gif) left 0% no-repeat;}
#nextLink { right: 0; float: right;background:url(../lightbox2/images/nextlabel.gif) right 0% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background:url(../lightbox2/images/prevlabel.gif) left 0% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../lightbox2/images/nextlabel.gif) right 0% no-repeat; }

#imageDataContainer{ 
		font: 10px Verdana, Helvetica, sans-serif; 
		background-color: #fff; 
		margin: 0 auto; 
		line-height: 1.4em; 
		overflow: auto; 
		width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*------------End Galleries Details------------*/

#gallerylist ul {
		list-style-type:none;
		width:800px;
		margin:40px 0 0 0;
		padding:0;
}

#gallerylist li {
		position:relative;
		float:left;
		width:135px;
		display:inline;
		height:85px;
		overflow:hidden;
		}

#gallerylist a {
		color:black;
		text-decoration:none;
		font:Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
		letter-spacing:.05em;
		}

#gallerylist a:link img, #gallerylist a:visited img {
		border:solid #000;
		border-width:1px;}
		
#gallerylist a:hover img {
		border:solid #ffffff;
		border-width:1px;}

		
#gallerylist a img {
		text-decoration:none;
		font:Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
		letter-spacing:.05em;
		}
		
#gallerylist a:hover {
		color:#ffffff;
		border-width:1px;}


#gallerylist2 ul {
		list-style-type:none;
		width:960px;
		margin:40px 0 0 0;
		padding:0;
}

#gallerylist2 li {
		position:relative;
		float:left;
		width:135px;
		display:inline;
		height:135px;
		overflow:hidden;
		}

#gallerylist2 a {
		color:black;
		text-decoration:none;
		font:Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
		letter-spacing:.05em;
		}

#gallerylist2 a:link img, #gallerylist a:visited img {
		border:solid #000;
		border-width:1px;}
		
#gallerylist2 a:hover img {
		border:solid #ffffff;
		border-width:1px;}

		
#gallerylist2 a img {
		text-decoration:none;
		font:Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
		letter-spacing:.05em;
		}
		
#gallerylist2 a:hover {
		color:#ffffff;
		border-width:1px;}
		
.tall a {
		height:145px;
		
		}
		
		
/* ----wider --*/

#gallerylist3 ul {
		list-style-type:none;
		width:100%;
		margin:40px 0 0 0;
		padding:0;
}

#gallerylist3 li {
		position:relative;
		float:left;
		width:135px;
		display:inline;
		height:85px;
		overflow:hidden;
		}

#gallerylist3 a {
		color:black;
		text-decoration:none;
		font:Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
		letter-spacing:.05em;
		}

#gallerylist3 a:link img, #gallerylist a:visited img {
		border:solid #000;
		border-width:1px;}
		
#gallerylist3 a:hover img {
		border:solid #ffffff;
		border-width:1px;}

		
#gallerylist3 a img {
		text-decoration:none;
		font:Tahoma, Verdana, Arial, sans-serif;
		font-size:12px;
		letter-spacing:.05em;
		}
		
#gallerylist3 a:hover {
		color:#ffffff;
		border-width:1px;}
		


#pricing {
	text-align:left;}