/* CSS created by Jim Davis, www.jiomdavis.org */

body, html {
margin: 0; padding: 0;
background: url(images/08back.gif) repeat-x #72592a;
font: small/1.23 Georgia, "Times New Roman", Times, serif;
color: #fdeacd;
}
a { outline: none; }
#wrapper {
position: relative;
width: 960px;
margin: 0 auto 1em auto;
}
#header {
width: 960px;
height: 266px;
background: url(images/08header.gif) no-repeat; 
}
#flash-holder {
position: absolute;
width: 728px;
height: 88px;
top: 0;
right: 0;
overflow: hidden;
outline: none;
}
#flash-holder a { outline: none; }
/* Main Menu Styles*/
#menuBar {
width: 960px;
height: 44px;
background: #72592a;
padding-left: 30px;
margin-bottom: 10px;
}
.home, .faq, .design, .about, .links, .siteMap {
float: left;
width: 150px;
height: 44px;
}

.home a { width: 150px; height: 44px; display: block; background: url(buttons/button.gif) 0 0;  }
.home a:hover, .home a.active { background: url(buttons/button.gif) 0 44px; }


.faq a { width: 150px; height: 44px; display: block; background: url(buttons/button.gif) 750px 0;  }
.faq a:hover, .faq a.active { background: url(buttons/button.gif) 750px 44px; }

.design a { width: 150px; height: 44px; display: block; background: url(buttons/button.gif) 600px 0;  }
.design a:hover, .design a.active { background: url(buttons/button.gif) 600px 44px; }

.about a { width: 150px; height: 44px; display: block; background: url(buttons/button.gif) 450px 0;  }
.about a:hover, .about a.active { background: url(buttons/button.gif) 450px 44px; }

.links a { width: 150px; height: 44px; display: block; background: url(buttons/button.gif) 300px 0;  }
.links a:hover, .links a.active { background: url(buttons/button.gif) 300px 44px; }

.siteMap a { width: 150px; height: 44px; display: block; background: url(buttons/button.gif) 150px 0;  }
.siteMap a:hover, .siteMap a.active { background: url(buttons/button.gif) 150px 44px; }

#content-holder {
position: relative;
width: 100%;
clear: left;
}
#left-content {
float: left;
width: 590px;
padding: 10px 15px;
background: #61491d;
}
#left-content p { font-size: 108%; }
#left-content h2 { margin: 0; padding: 0; font-size: 123.1%; }
#left-content a { color: white; }

#right-content {
float: right;
width: 310px;
padding: 5px;
background: #61491d;
}

#right-content a {
color: #FFC75E;
font-weight: bold;
}
#right-content a:hover { color: #7CCC52; }
#right-content li {
padding-bottom: 8px;
}


#details h2 {
font-size: 116%;
padding-bottom: .5em;
}
#details h4 {margin: 0; padding: 0 0 .3em 0; font: 77%/1.23 Verdana, Arial, Helvetica, sans-serif; }
#details img { padding: 3px; border: 1px solid #fdeacd; }
#details p { margin: 0; padding: 0 0 .5em 0; }
#image-holder {
float: left;
width: 358px;
padding-right: 10px;
}
.largePrint {font-size: 116%; }

#ajaxContent2 {
position: relative;
width: 600px;
margin-top: 5px;
}

#gallery li {
display: inline;
list-style-type: none;
padding-right: 10px;
}
#footer {
clear: both;
width: 960px;
margin: 0 auto 1em auto;
border-top: 1px solid #fdeacd;
text-align: center;
}
#footer p { margin: 0; padding: .5em 0 .5em 0; font-size: 80%; }

/* LinkBox styles*/
.link-box-holder {
width: 98%;
padding: 5px 0 ;
height: 100px;
overflow: hidden;
background: #3f2e0e;
border-left: 5px solid black;
text-align: center;
margin-bottom: 5px;
}
.link-box-holder a { text-decoration: none; }

.link-box-holder img { border: 0; }


/*----------------------*/

/* Scroll Pane styles */
.holder {
float: left;
margin: 5px;
}
.scroll-pane {
width: 295px;
overflow: auto;
background: #000;
float: left;
}
#pane3 {
height: 400px;
}
a.jScrollArrowUp {
background: url(basic_arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
background-position: 0 -15px;
}
a.jScrollArrowDown {
background: url(basic_arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
background-position: 0 -30px;
}
.orange-bar .jScrollPaneTrack {
background: #826e49;
}
.orange-bar .jScrollPaneDrag {
background: #a99062 url(drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
background: #000000;
}
			
/*----------------------------------------*/