﻿* {
	margin: 0;
	padding: 0;
	}
	
body {
	background: #000 url('img/137.gif');
	color: #000;
	font: normal 80% verdana, geneva, sans-serif;
	margin-top: 24px;
	}

#wrapper {
	background: #fff url('img/lespaul-bg.jpg') left top no-repeat;
	border: 2px solid #000;
	color: #000;
	margin: 0 auto;
	padding-top: 24px;
	width: 960px;
	-webkit-box-shadow: 0 9px 20px rgba(0,0,0,.4);  
	-moz-box-shadow: 10px 10px 10px #333;  
	box-shadow: 0 9px 20px rgba(0,0,0,.4);  
	}
	
#header {
	background-color: #fff;
	background: -moz-linear-gradient(top, #a3a3a3, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#a3a3a3), to(#fff));
	border-top: 1px solid #000;
	padding: 6px 0 18px 20px;
	}
	
#nav {
	background: #222 url('img/nav-bg.jpg');
	overflow: hidden;
	color: #fff;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	}
	
#nav ul {
	font: bold 1em verdana;
	list-style-type: none;
	width: 566px;
	position: relative;
	left: 50%;
	}
#nav li:first-child {border-left: 1px solid #000;}

#nav li {
	float: left;
	text-align: center;
	border-right: 1px solid #000;
	position: relative;
	right: 50%;
	}
	
#nav li a {
	color: #fff;
	display: block;
	width: 100px;
	outline: 0;
	padding: 6px;
	text-decoration: none;
	}
	
#nav li a:hover {
	background-image: url('img/nav-hover.jpg');
	color: #808000;
	}
#nav li a:active  {
	background-image: url('img/nav-hover.jpg');
	color: #999;
	}
#nav li#active {
	background-image: url('img/nav-hover.jpg');
	}
#nav li a#active {
	background-image: url('img/nav-hover.jpg');
	}
#content {
	border-right: 1px solid #000;
	float: left;
	line-height: 1.5;
	min-height: 400px;
	margin: 10px;
	padding: 10px 30px 10px 10px;
	text-align: justify;
	width: 620px;
	}
#photocontent {
	float: left;
	line-height: 1.5;
	min-height: 638px;
	margin: 10px;
	padding: 10px 30px 10px 10px;
	text-align: justify;

	}
#content ul {
	margin-bottom: 20px;
	}
	
#sidebar {
	float: left;
	margin: 10px;
	text-align: center;
	width: 259px;
	}
#footer {
	background: #996;
	clear: left;
	font-size: .9em;
	padding: .5em;
	}
#linktotop {
	float: right;
	}
h1 {
	font-size: 3em;
	color: #000;
	text-shadow: .08em .08em .08em #999;
	}
#header h2 {
	font-family: arial, sans-serif;
	font-size: 28px;
	margin-right: 20px;
	line-height: 22px;
	color: #808000;
	text-indent: 180px;
	letter-spacing: .09em;
	text-shadow: 1px 1px 1px #000;
	}
h3 {
	font-family: verdana, geneva, sans-serif;
}

h4, h3, p  {
	margin-bottom: 10px;
	}

li.players, li.models, li.mans {
	list-style-type: square;
	margin-left: 20px;
	}

.inset {
	border: 3px double #000;
	float: right;
	margin: 0 0 10px 20px;
	}

.thumbs {
	border: 1px solid #000;
	margin: 2px;
	padding: 2px;
	height: 80px;
	}

a:link {color: #990; font-weight: bold;}
a:visited {color: #000; font-weight: bold;}
a:hover{color: #f00; font-weight: bold; text-decoration: none;}
a:active {color: #f00; font-weight: bold;}

#footer a:link {color: #fff; font-weight: bold;}
#footer a:visited {color: #fff; font-weight: bold;}
#footer a:hover{color: #f00; font-weight: bold; text-decoration: none;}
#footer a:active {color: #f00; font-weight: bold;}

#homelink {
	font: normal 1em verdana, tahoma, sans-serif;
	margin: 20px auto;
	width: 130px;
	}
	
#info {position:relative; z-index:10;}
a, a:visited, a:hover, a:active {}
#gallery {width:940px; position:relative; min-height: 638px;}
#gallery .default {position:absolute; left:89px; top:60px; border:1px solid #888; z-index:-1;}
#gallery ul {list-style:none; padding:0; margin:0; width:240px; float:right;}
#gallery ul li {display:inline; width:110px; height:90px; float:left;}

#gallery ul li a {display:block; width:100px; height:80px; text-decoration:none; padding:2px; margin: 2px; border:1px solid #000;}
#gallery ul li a img {width:100px; height:80px; border:0;}

#gallery ul li a b {position:absolute; left:-9999px; display:block; width:570px; height:200px; background: transparent;}

#gallery ul li a:hover,
#gallery ul li a:active,
#gallery ul li a:focus {white-space:normal; border-color:#000; outline:0;}

#gallery ul li a:hover b {position:absolute; left:0; top:5px; z-index:100;}
#gallery ul li a:active b,
#gallery ul li a:focus b {position:absolute; left:0; top:5px;}


#gallery ul li a b i {display:block; width:570px; height:400px; text-align:center; display:table-cell; vertical-align:middle;}
#gallery ul li a b i img {width:auto; height:auto; border:1px solid #888;}