/*
Nav Box - R 149 G 130 B 83 #958253
Logo Box - R 202 G 196 B 140 #CAC48C
Dark Brown - R 93 G 51 B 37 #5D3325
Greenish Nav Buttons - R 181 G 213 B 91 #B5D55B
Yellowish Nav Buttons - R 216 G 227 B 120 #D8E378
*/

* {
margin:0;
padding:0;} 

/*--------- site-wide font styles ----------*/
a img {
border:none;}

h1 {
font-family:Verdana, sans-serif;
font-size:16px;
color:#D8E378;
padding-bottom:10px;} /* title */

h2 {
font-family:Verdana, sans-serif;
font-size:14px;
color:#CAC48C;} /* sub title */

h3 {
font-family:Verdana, sans-serif;
font-size:12px;
font-weight:bold;
color:#CAC48C;} /* body text font + bold */

h4 {
font-family:Verdana, sans-serif;
font-size:11px;
font-weight:bold;
color:#CAC48C;
padding-bottom:3px;}

p {
font-family:Verdana, sans-serif;
font-size:11px;
padding-bottom:10px;
line-height:130%;
color:#CAC48C;} /* body text font */

ul {
font-family:Verdana, sans-serif;
font-size:11px;
padding:5px 0 10px 0;
color:#CAC48C;
list-style-position:inside;}

li {
padding:0 0 3px 10px;}

a {
color:#D8E378;}

a:hover {
color:#CAC48C;}

#nav a {
color:#958253;
text-decoration:none;}

/* subnav on some pages */
#subnav ul {
padding:0;}

#subnav li {
padding:0;}

#subnav a {
background:top center no-repeat;
margin-top:3px;}

#subnav li.pipe {
color:#958253;
font-size:14px;
font-weight:bold;}

#subnav a#printing {
width:67px;
height:14px;
background-image:url(images/nav/sub_printing.png);}

#subnav a#book_arts {
width:80px;
height:14px;
background-image:url(images/nav/sub_book_arts.png);}

#subnav a#design {
width:54px;
height:14px;
background-image:url(images/nav/sub_design.png);}

#subnav a#paper {
width:48px;
height:14px;
background-image:url(images/nav/sub_paper.png);}

#subnav a#plates {
width:51px;
height:14px;
background-image:url(images/nav/sub_plates.png);}

#subnav a#workshops {
width:87px;
height:15px;
background-image:url(images/nav/sub_workshops.png);}

#subnav a#open_studio {
width:92px;
height:15px;
background-image:url(images/nav/sub_open_studio.png);}

#subnav a#tours {
width:45px;
height:15px;
background-image:url(images/nav/sub_tours.png);}

#subnav a#history {
width:59px;
height:14px;
background-image:url(images/nav/sub_history.png);}

#subnav a#philosophy {
width:90px;
height:14px;
background-image:url(images/nav/sub_philosophy.png);}

#subnav a#machinery {
width:81px;
height:14px;
background-image:url(images/nav/sub_machinery.png);}

/*
#subnav a#staff {
width:41px;
height:14px;
background-image:url(images/nav/sub_staff.png);}
*/

#subnav a#links {
width:39px;
height:14px;
background-image:url(images/nav/sub_links.png);}


/* hover and selected states */

#printing_page #subnav a#printing, #subnav a#printing:hover {
background-image:url(images/nav/sub_printing_over.png);}

#book_arts_page #subnav a#book_arts, #subnav a#book_arts:hover {
background-image:url(images/nav/sub_book_arts_over.png);}

#design_page #subnav a#design, #subnav a#design:hover {
background-image:url(images/nav/sub_design_over.png);}

#paper_page #subnav a#paper, #subnav a#paper:hover {
background-image:url(images/nav/sub_paper_over.png);}

#plates_page #subnav a#plates, #subnav a#plates:hover {
background-image:url(images/nav/sub_plates_over.png);}

#workshops_page #subnav a#workshops, #subnav a#workshops:hover {
background-image:url(images/nav/sub_workshops_over.png);}

#open_studio_page #subnav a#open_studio, #subnav a#open_studio:hover {
background-image:url(images/nav/sub_open_studio_over.png);}

#tours_page #subnav a#tours, #subnav a#tours:hover {
background-image:url(images/nav/sub_tours_over.png);}

#history_page #subnav a#history, #subnav a#history:hover {
background-image:url(images/nav/sub_history_over.png);}

#philosophy_page #subnav a#philosophy, #subnav a#philosophy:hover {
background-image:url(images/nav/sub_philosophy_over.png);}

#machinery_page #subnav a#machinery, #subnav a#machinery:hover {
background-image:url(images/nav/sub_machinery_over.png);}

/*
#staff_page #subnav a#staff, #subnav a#staff:hover {
background-image:url(images/nav/sub_staff_over.png);}
*/

#links_page #subnav a#links, #subnav a#links:hover {
background-image:url(images/nav/sub_links_over.png);}


/* footer nav and contact info */
#footer p.copyright {
float:left;}

#footer p.btm_nav {
float:right;}

#footer p, #footer p a {
text-align:center;
font-family:Verdana, sans-serif; 
font-size:10px; 
line-height:14px;}

#footer p, #footer p a {
color:#777777;}

#footer p a:hover {
color:#D8E378;}

#footer a {
font-family:Verdana, sans-serif; 
font-size:12px; 
text-decoration:none;}

#footer p.btm_nav, #footer p.btm_nav a {
color:#777777;}

#footer p.btm_nav a:hover, #footer p.address a:hover,
#index_page p.btm_nav a#home,
#services_page p.btm_nav a#services,
#printing_page p.btm_nav a#services,
#book_arts_page p.btm_nav a#services,
#design_page p.btm_nav a#services,
#paper_page p.btm_nav a#services,
#plates_page p.btm_nav a#services,
#education_page p.btm_nav a#education,
#workshops_page p.btm_nav a#education,
#open_studio_page p.btm_nav a#education,
#tours_page p.btm_nav a#education,
#about_page p.btm_nav a#about,
#history_page p.btm_nav a#about,
#philosophy_page p.btm_nav a#about,
#machinery_page p.btm_nav a#about,
#links_page p.btm_nav a#about,
#portfolio_page p.btm_nav a#portfolio,
#contact_page p.btm_nav a#contact
#store_page p.btm_nav a#store {
color:#D8E378;}


.clear {
clear:both;} /* any div needed only to clear */


/*------------- layout styles -------------*/
html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

body {
background-color:#303230;}

#wrapper {
width:900px;
margin:20px auto 0 auto;} 

#header {
width:900px;
height:100px;
float:left;}

#logo {
width:324px;
height:100px;
float:left;}

#logo a {
width:324px;
height:100px;
display:block;
background:url(images/Bison_Logo.jpg) top center no-repeat;}

#logo a:hover {
background-image:url(images/Bison_Logo_Over.jpg);}


/*------------------ top horizontal navigation ----------------*/
#nav {
width:576px;
height:100px;
float:left;
background-color:#968152;}

#nav ul {
float:left;
height:100px;
list-style:none;
padding:0;}

#nav ul li {
float:left;
padding:0;}

#nav a {
float:left;
display:block;
background:top center no-repeat;
letter-spacing:-1000em;}

/* Just for Opera, but hide from MacIE for nav image replacement */
/*\*/html>body #nav a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* image replacement for nav buttons normal state */
#nav a#services {
width:275px;
height:57px;
background-image:url(images/nav/nav_services.gif);} 

#nav a#education {
width:148px;
height:57px;
background-image:url(images/nav/nav_education.gif);}

#nav a#about {
width:152px;
height:57px;
background-image:url(images/nav/nav_about.gif);}

#nav a#portfolio {
width:203px;
height:43px;
background-image:url(images/nav/nav_portfolio.gif);}

#nav a#contact {
width:248px;
height:43px;
background-image:url(images/nav/nav_contact.gif);}

#nav a#store {
width:124px;
height:43px;
background-image:url(images/nav/nav_store.gif);}

/* hover and selected states */
#services_page #nav a#services, #nav a#services:hover,
#printing_page #nav a#services,
#book_arts_page #nav a#services,
#design_page #nav a#services,
#paper_page #nav a#services,
#plates_page #nav a#services {
background-image:url(images/nav/nav_over_services.gif);}

#education_page #nav a#education, #nav a#education:hover,
#workshops_page #nav a#education,
#open_studio_page #nav a#education,
#tours_page #nav a#education {
background-image:url(images/nav/nav_over_education.gif);} 

#about_page #nav a#about, #nav a#about:hover,
#history_page #nav a#about,
#philosophy_page #nav a#about,
#machinery_page #nav a#about,
#links_page #nav a#about {
background-image:url(images/nav/nav_over_about.gif);}

#portfolio_page #nav a#portfolio, #nav a#portfolio:hover {
background-image:url(images/nav/nav_over_portfolio.gif);}

#contact_page #nav a#contact, #nav a#contact:hover {
background-image:url(images/nav/nav_over_contact.gif);}

#store_page #nav a#store, #nav a#store:hover {
background-image:url(images/nav/nav_over_store.gif);}

/*-------------- sub nav --------------------*/
#subnav {
width:443px;
height:15px;
float:right;
margin:10px 65px 0 0;}

#subnav ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;}

#subnav ul li {
float:left;}

#subnav a {
display:block;
float:left;
height:15px;
padding:0 8px;}

/*------------ main body area ---------------*/
#main {
width:900px;
height:600px;
float:left;
clear:both;} /* main content area */

/* background image for each page */
.home {
background:url(images/backgrounds/Bison_BG_Home.jpg) top left no-repeat;}

.services {
background:url(images/backgrounds/Bison_BG_Services.jpg) top left no-repeat;}
/* services sub pages */
.printing {
background:url(images/backgrounds/Bison_BG_Printing.jpg) top left no-repeat;}
.book_arts {
background:url(images/backgrounds/Bison_BG_BookArts.jpg) top left no-repeat;}
.design {
background:url(images/backgrounds/Bison_BG_Design.jpg) top left no-repeat;}
.paper {
background:url(images/backgrounds/Bison_BG_Paper.jpg) top left no-repeat;}
.plates {
background:url(images/backgrounds/Bison_BG_Plates.jpg) top left no-repeat;}
/**/

.education {
background:url(images/backgrounds/Bison_BG_Education.jpg) top left no-repeat;}
/* education sub pages */
.workshops {
background:url(images/backgrounds/Bison_BG_Workshop.jpg) top left no-repeat;}
.open_studio {
background:url(images/backgrounds/Bison_BG_OpenStudio.jpg) top left no-repeat;}
.tours {
background:url(images/backgrounds/Bison_BG_Tour2.jpg) top left no-repeat;}
/**/

.about {
background:url(images/backgrounds/Bison_BG_About.jpg) top left no-repeat;}
/* about sub pages */
.history {
background:url(images/backgrounds/Bison_BG_History.jpg) top left no-repeat;}
.philosophy {
background:url(images/backgrounds/Bison_BG_Philosophy.jpg) top left no-repeat;}
.machinery {
background:url(images/backgrounds/Bison_BG_Machinery.jpg) top left no-repeat;}
/*.staff {
background:url(images/backgrounds/Bison_BG_Staff.jpg) top left no-repeat;}*/
.links {
background:url(images/backgrounds/Bison_BG_Links.jpg) top left no-repeat;}
/**/

.contact {
background:url(images/backgrounds/Bison_BG_Contact.jpg) top left no-repeat;}

.store {
background:url(images/backgrounds/Bison_BG_Store.jpg) top left no-repeat;}

#content {
width:443px;
height:440px;
float:right;
clear:both;
margin:10px 50px 0 0;
padding:15px;}


/*-------------- portfolio -------------*/
div#portfolio {
width:900px;
padding-top:40px;}

/*------------ footer ---------------*/
#footer {
width:900px;
margin:0 auto;
padding:5px 0;
clear:both;} /* container div for footer info */

/* for IE6 png transparency fix */
img, div, a { behavior: url(iepngfix.htc) }