body {
background: url(../images/gray-bak.png) #303030;
color: white; 
font-family: Times New Roman, Times, serif; 
margin: 0; 
padding: 0; 

}

h1, h2, h3, h4, h5, h6 {
color: #dca85c; 
}

a {
color: #dca85c; 
font-weight: bold; 
}

a:hover {
color: #efbc72;
}

#header {
background:url(../images/redbg.png) #6a3024;
overflow: auto;
}

h1.logo {
text-indent: -9999px; 
width: 407px;
height: 36px; 
margin: 20px auto; 
background: url(../images/logo.png) no-repeat; 
}

#fader {
margin: 0 auto; 
width: 960px; 
}

#menu {
height: 58px; 
background: url(../images/bottom-fade.png) repeat-x bottom; 
margin-top: 10px; 
}

#menuwrap {
/*change this if you need a wider menu*/
width: 960px; 
margin: 0 auto; 
}

ul.menu {
list-style: none; 
padding: 0; 
margin:0; 
}

ul.menu li {
background: url(../images/menu-button-right.png) no-repeat right; 
float: left; 
margin-right: 5px; 
}

ul.menu li a{
text-decoration: none; 
font-weight: bold; 
font-size: 16px; 
color: #161117; 
background: url(../images/menu-button-left.png) no-repeat left; 
padding: 19px; 
display: block; 
}

ul.menu li a:hover {
color: white; 
background: url(../images/gray-button-left.png) no-repeat left; 
}

ul.menu li:hover, ul.menu li.over {
background: url(../images/gray-button-right.png) no-repeat right; 
}

#content {
width: 960px; 
margin: 0 auto; 
padding: 20px 0; 
}

#footer {
height: 61px; 
background: url(../images/black-footer.png) repeat-x; 
}

#footer-inner{
width: 960px; 
margin: 0 auto; 
padding: 20px; 
color: #6a6a6a;
}

.floatright {
float:right; 
}

table td {
vertical-align: top; 
}

table.front {
border-collapse: collapse; 
}

table.front td {
padding: 0; 
}


#left {
width: 500px; 
}

#right {
width: 425px; 
}

.rounded-mask {
width:202px; 
height: 83px; 
margin: 0 5px 5px; 
position: relative; 
overflow: hidden; 
}

.mask-wrapper {
text-align: center; 
width:212px; 
margin-bottom: 10px; 
}

.mask a {
text-decoration: none; 
width:202px; 
height: 83px; 
display: block; 
}

a img {
border: none; 
}

.mask-wrapper p{
margin: 0; 
clear: left; 
font-style: italic; 
color: #dca85c; 
font-weight: bold; 
}

.mask {
position: absolute; 
background: url(../images/rounded-mask.png) no-repeat; 
width:202px; 
height: 83px; 
z-index: 2; 
}

.mask-wrapper:hover .mask {
background: none; 
}

.mask-wrapper:hover p{
color: #efbc72;
}


ul {
list-style-image: url(../images/bullet.jpg); 
}

a.return {
font-weight: normal; 
color: white; 
text-decoration: none; 
}

a.return:hover {
text-decoration: underline; 
}

hr {
border: 1px solid black; 
background-color: black; 
height: 1px; 
}

a.thumb {
width: 145px; 
height: 131px; 
padding: 6px; 
text-align: center; 
color: white; 
font-weight: normal; 
text-decoration: none; 
background: url(../images/thumb-bak.png) no-repeat; 
display: block; 
float: left; 
margin: 10px 20px 20px 0; 
}

a.thumb p {
margin: 8px; 
}

a.thumb img {
width: 145px; 
height: 101px; 
overflow: hidden; 
}

.clr {clear: both; }