/* andreas05 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com/ . Free to use for any purpose as long as the proper credits are given for the original design work.
Version: 2.0, July 15, 2006 */

/* General tags */
*{margin:0; padding:0;}
body{background:#ccc url(bodybg.gif) repeat; font:76% verdana,tahoma,sans-serif;}
a{background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin:0 0 16px 0;}
ol{margin:0 0 16px 15px; padding-left:5px;}
ul{margin:0 0 16px 15px; padding-left:5px;}
ol ol{margin:3px 0 0 15px;}
ul ul{margin:3px 0 0 15px;}
img{float:left; margin:0 10px 5px 0;}

/* Headers */
h1{
	background-position: 7px -5px;
	color: #302316;
	font-size: 3.6em;
	letter-spacing: -3px;
	margin: 0;
	text-align: left;
	background-image: url('pictures/jeep.gif');
	background-repeat: no-repeat;
	padding-left: 85px;
}
h2{
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 5px 0 10px;
	text-align: center;
}

/* IDs */
#container{
	background: #fff url('pictures/edge.jpg') no-repeat left bottom;
	border: 20px solid #302316;
	color: #302316;
	margin: 0 auto 15px;
	padding: 10px;
	width: 700px;
	line-height: 1.3em;
}
#sidebar{
	float: left;
	padding-left: 130px;
	width: 125px;
}
#sidebar p{margin:10px 0 5px 0; text-align:center; font-size:0.8em;}
#main{
	float: right;
	width: 420px;
}
#footer{clear:both;}

/* Menu */
.menu{
	border: 1px solid #ffffff;
	color: #286ea0;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 2px 4px 5px;
	width: 110px;
	text-align: center;
}
.menu:hover{background-color:#f8f8f8; border:1px solid #dadada; color:#286ea0; text-decoration:none;}
#title{
	margin: 10px auto -9px auto;
	width: 700px;
}

/* Various classes */
.credits{color:#888; font-size:0.9em; margin-bottom:0;}
.credits a{color:#888;}
.image {
	border-style: solid;
	border-width: 1px;
}
.floatleft {
	float: left;
}

.a:visited {color:#000;}

.a {color:#000;}
#container1 {
	position: relative;
	width: 400px;
	height: 280px;
	background: #302316;
	border: 1px solid #000;
	margin: 10px auto;
}
#container1 b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 11px; position:relative; cursor:default;}

a.gallery {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 11px; position:relative; cursor:default;}

a.slidea {background:url(gallery/s1.JPG);}
a.slideb {background:url(gallery/s2.JPG);}
a.slidec {background:url(gallery/s3.JPG);}
a.slided {background:url(gallery/s4.JPG);}
a.slidee {background:url(gallery/s5.JPG);}
a.slidef {background:url(gallery/s6.JPG);}
a.slideg {background:url(gallery/s7.JPG);}
a.slideh {background:url(gallery/s8.JPG);}
a.slidei {background:url(gallery/s9.JPG);}
a.slidej {background:url(gallery/s10.JPG);}
a.slidek {background:url(gallery/s11.JPG);}
a.slidel {background:url(gallery/st2.JPG);}


a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-251px; top:-10px;}
a.slideb span {left:-251px; top:-10px;}
a.slidec span {left:-251px; top:-10px;}
a.slided span {left:-350px; top:-10px;}
a.slidee span {left:-251px; top:-30px;}
a.slidef span {left:-251px; top:-30px;}
a.slideg span {left:-251px; top:-30px;}
a.slideh span {left:-350px; top:-30px;}
a.slidei span {left:-251px; top:-100px;}
a.slidej span {left:-251px; top:-100px;}
a.slidek span {left:-251px; top:-100px;}
a.slidel span {left:-300px; top:-320px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active {border:1px solid #c00; z-index:10;}

a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span {visibility:visible; z-index:10;}

a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}

a.gallery:active span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}