/*******************************************************
TITLE: Dan Prince 2008 Website
DATE: 20082608
AUTHOR: Dean Pannifer - http://www.bonnyday.co.uk
*******************************************************/

body {
margin:8em;
padding:0;
height:100%;
background-color:#252525;
background-image:url("http://www.danprince.co.uk/bg/bg_bg04.jpg");
background-repeat:no-repeat;
background-position:50% 50%;
color:#000000;  
text-align:center;
font-family:Verdana, Arial, sans-serif;
letter-spacing: 0.1px;
line-height: 14pt;
font-size:11px;
}

a {
color:#000000;
text-decoration:none;
}

a:hover {
color:#ff6600;
text-decoration:underline;
}

.style1 {
color: #ff6600
text-decoration:underline;
}

#content { 	
margin:0 auto;
padding:0em;
width:750px;
height:518px;
text-align:left;
vertical-align: middle;	
border:0px solid #999999;
}


#imageViewer { 	
	width: 750px;
	height: 490px;
	margin:0 0 0em 0;
	padding: 15px 0;
	text-align:left;
	vertical-align: middle;	
	background-color:#000000;
	border:0px solid 999;
}
	#imageViewer * { margin: 0; padding: 0; }
	#imageViewer div#window { width: 720px; height: 485px; margin: 0 15px; overflow: hidden; position: relative; }
		#imageViewer div#window ul { list-style: none; position: relative; }
		#imageViewer div#window li { margin: 0 10px 0 0; display: inline; }
	#imageViewer div#slider { width: 720px; height: 14px; margin: 5px 0 0 0; background: url(../images/bgScrollBar.gif) left repeat-x; }
		#imageViewer div#slider .inner { width: 696px; float: left; }
		#imageViewer div#slider a#scrollLeft { width: 12px; height: 14px; background-image: url(../images/bgScrollLeft.gif); float: left; cursor: pointer; }
		#imageViewer div#slider a#scrollRight { width: 12px; height: 14px; background-image: url(../images/bgScrollRight.gif); float: right; cursor: pointer; }
		#imageViewer div#slider .handle { 
			width: 37px; 
			height: 14px; 
			background: url(../images/bgHandle.gif) no-repeat; 
			position: relative;
			z-index: 100;
			left: 0;
		}
		
#imageViewer a {
color: #999999;
}
#imageViewer a:hover { 
color: #ff6600;
text-decoration:underline; 
}

#thumbContainer { 
height:518px;
width:750px;	
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;	
background-color:#000000;
border:0px solid #999999;
}

#thumb { 	
padding:16.5px 17.5px 17.5px 17.5px;
text-align:left;	
background-color:#000000;
}

	#thumb ul { list-style: none; 
	margin: 0;
 padding: 0;
 }
	#thumb ul li { display: inline; }
	#thumb ul img {
		border: 0px solid #000000;
		border-width: 0px 0px 0px;
		padding:2.5px 2.5px 2.5px 2.5px;
	}
	#thumb ul a:hover img {
		border: 0px solid #999999;
		border-width: 0px 0px 0px;
		color: #999999;
	}
	#thumb ul a:hover { color: #999999; }
	
#RightColumn {
float:left;
margin:0px 0 0 0px;
padding:40px 22px 0px 0px;
width:205px;
font-size:11px;
color:#999999; 
background-color:#000000;
border:0px solid #cccccc;

}

#RightColumn h2 {
font-size:11px;
color:#ff6600;
}


#MiddleColumn {
float:left;
margin:0px 0 0 0px;
padding:40px 22px 0px 0px;
width:205px;
font-size:11px;
color:#999999; 
background-color:#000000;
border:0px solid #cccccc;
}

#MiddleColumn h2 {
font-size:11px;
color:#ff6600;
}

#LeftColumn {
float:left;
margin:0px 0 0 0px;
padding:40px 22px 0px 0px;
width:270px;
font-size:11px;
color:#999999; 
background-color:#000000;
border:0px solid #cccccc;
}

#LeftColumn h2 {
font-size:11px;
color:#ff6600;
}


#nav {
margin:0 0 1em 0;
padding:20px 0px 0px 16px;
}

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

#nav li {
margin:1px;
padding:0em;
display:inline;
}

.imgReplace { display: block; background-position: left top; background-repeat: no-repeat; }
	.imgReplace span { width: 0; height: 0; overflow: hidden; display: block; }

.fRight { float: right; }