/* CSS Document */

body {
	text-align:center; 
	font-size:17px; 
	letter-spacing:0.05em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #330000;
	color: #FFFFCC;
	background-image: url(../background/burgundy.gif);
}
#title{
	position:relative;
	width:800px;
	height:150px;
	margin:auto;
	background-image: url(../front/title.gif);
	background-repeat: no-repeat;
}
#navcontainer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
margin-left:90px;
width: 100%;
height:15px;
}
#navlist
{
width: 100%;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #ffffcc;
font-size: 1.2em;
padding: 0 10px;
}

#navlist li a:hover,#navlist a#current
{
color: #fff;
font-size: 1.5em;
}

#navlist a#current { 
color: #FF9900; }

#container {
	position:relative;
	width:760px;
	height:505px;
	margin:20px auto 0 auto;
	background:#ffffcc url(../front/images/nsha2.jpg) 30px 30px no-repeat;
	border:3px solid #003300;
}

#container ul {
width:270px; 
height:400px; 
padding:0; 
margin:5px; 
list-style-type:none;
float:right;}

#container li {float:right;}

#container a.gallery, #container a.gallery:visited {
display:block; 
color:#000; 
text-decoration:none; 
border:1px solid #003300; 
margin:1px 2px 1px 2px; 
text-align:left; 
cursor:default;}

#container a.slidea {background:url(../front/images/bcircle_t.jpg); height:95px; width:80px;}
#container a.slideb {background:url(../front/images/rush5_t.jpg); height:95px; width:80px;}
#container a.slidec {background:url(../front/images/rbstop_t.jpg); height:95px; width:80px;}

#container a.slided {background:url(../front/images/redstop_t.jpg); height:70px; width:95px;}
* html #container a.slided {width:91px; w\idth:95px;}
#container a.slidee {background:url(../front/images/bfence_t.jpg); height:70px; width:95px;}
#container a.slidef {background:url(../front/images/rbfence_t.jpg); height:70px; width:95px;}
* html #container a.slidef {width:91px; w\idth:95px;}
#container a.slideg {background:url(../front/images/redherd_t.jpg); height:70px; width:95px;}

#container a.slideh {background:url(../front/images/rush7_t.jpg); height:95px; width:80px;}
#container a.slidei {background:url(../front/images/sgms_t.jpg); height:95px; width:80px;}
#container a.slidej {background:url(../front/images/bstop_t.jpg); height:95px; width:80px;}

#container a.slidek {background:url(../front/images/bherd_t.jpg); height:70px; width:95px;}
* html #container a.slidek {width:91px; w\idth:95px;}
#container a.slidel {background:url(../front/images/fritz2_t.jpg); height:70px; width:95px;}
#container a.slidem {background:url(../front/images/nsha1_t.jpg); height:70px; width:95px;}
#container a.sliden {background:url(../front/images/bfence2_t.jpg); height:70px; width:95px;}

#container a.gallery span {
position:absolute; 
width:1px; 
height:1px; 
top:5px; 
left:5px; 
background:#ffffcc; 
overflow:hidden;}
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover img {border:1px solid #003300; float:left; margin-right:5px;}
#container a.gallery:hover span {
position:absolute; 
width:405px; 
height:450px; 
top:30px; 
left:30px; 
color:#003300; 
background:#fff;
padding:5px;
border:1px solid #003300;
}
#footer
{
	margin:10px auto;
	width:740px;
	padding: 10px;
	text-align:right;
	color: #ffffcc;
	background-color: #003300;	
	border:2px solid #ffffcc;
}
#kat
{
	margin:auto;
	font-size:75%;
	text-align:center;
	padding-top:5px;
}
a:link {
	color: #ffffcc;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #006600;
}
a:hover {
	text-decoration: none;
	font-style: italic;
	text-transform: uppercase;
}