/* CSS Document */

html { 
margin:0 auto;
padding:0px;
}

body {
text-align:center;
max-width: 852px;
margin:0 auto;
padding:0px;
background-color:#cfc49e;
font-family:Arial, Helvetica, sans-serif;}

#pageholder{
margin:0 auto;
padding:0px;
width: 852px;
height:inherit;
text-align:center;
background-image:url(images/bg.gif);
background-repeat:repeat-y;
margin-bottom:8px;
}

html>body #pageholder{
float:left;
height:auto;
}

#banner{
float:left;
margin:0 13px 0 13px;
width:800px;
height:183px;
text-align:left;
background-image:url(images/banner.gif);
}

#banner img{
float:left;
}

html>body #banner{
margin:0 26px 0 26px;
}

#navbar{
float:right;
height:118px; 
margin:0px;
padding:0px;
list-style:none;
background-image:url(images/navbar.gif);
background-repeat:repeat-x;
}

#navbar ul {
float:left;
height:auto;
margin:0 10px 0 0;
padding:0px;
list-style: none;
list-style-type:none;
}
 
#navbar ul li {
float:left;
margin:0px;
padding:0px;
list-style:inherit;
display: inline;
}

#navbar ul li a:link, #navbar ul li a:visited {
float:left;
text-decoration:none;
text-align:center;
width:34px;
height:118px;
margin-right:20px;
color:#FFFFFF;
display:block;
}

#navbar a img{
border:0;}

.home{
background-image:url(images/home.gif);
}

.about{
background-image:url(images/about.gif);
}

.gallery{
background-image:url(images/gallery.gif);
}

.contact{
background-image:url(images/contact.gif);
}

#active{
background-position:-34px;
}

#navbar ul li a:hover {
background-position:-34px;
}

#content{
float:left;
text-align:left;
width:740px;
padding:30px;
margin:0 13px 0 13px;
background-image:url(images/mainbg.gif);
color:#361928;
font-size:12px;
line-height:18px;
}

html>body #content{
margin:0 26px 0 26px;
}

#content h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:100;
margin:6px 0 6px 0;
color:#976f8a;
letter-spacing:3px;}

#content a{
text-decoration:none;
color:#976f8b;}

#content a:hover{
color:#ce5050;}

#content p{
margin:6px 0 6px 0;}

.right{
float:right;
margin-left:15px;
border:5px solid #ffffff;}

.left{
float:left;
margin-right:20px;
border:5px solid #ffffff;}

.front{
float:left;
border:5px solid #ffffff;}

#base{
float:left;}

#details{
float:left;
height:65px;}

.gal{
float:left;}

.thumbs{}

.thumbs a img{
border:5px solid #ffffff;}

.thumbs a:hover img{
border:5px solid #cdbdbf;}

.arrows a{
border:0;
width:23px;
height:26px;
display:block;}

.arrows a.left{
background-image:url(images/left.gif);
}

.arrows a.right{
background-image:url(images/right.gif);
}

.arrows a:hover{
background-position:-23px;}

.arrows a img{
border:0;}

.red{
color:#ce5050;}


#linky{
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ce5050;
}

#linky a:link, #linky a:visited{
color:#ce5050;
text-decoration:none;
}

#linky a:hover {
text-decoration:underline;
}