body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:small;
  background:#D2D2D2 url(../i/bg.jpg) top center no-repeat;
  color:#333;
  line-height:1.6em;
  padding:0;
  margin:0;
}

img {
  border:none;
}

a {
  color:#01518E;
}
p {
  margin:1em 0 0;
  padding:0;
}

/*-- page structure --*/
#wrap {
  width:880px;
  margin:11px auto 0;
  position:relative;
}

html>body #wrap {
  margin:25px auto 0;
}

#header {
  width:100%;
  height:65px;
}

#logoLink {
  float:left; 
  display:block; 
  width:170px; 
  height:50px;
  }

#submenu {
  height:50px;
  float:right;
}

#photomenu {
  height:50px;
  background:none;
}

#main {
  height:470px;
}

#imageholder {
  height:405px;
  text-align:center;
}

#thumbnails {
  height:50px;
  margin-top:8px;
}
html>body #thumbnails {
  margin-top:15px;
}

#thumbnails a {
  margin-right:20px;
  width:50px;
  height:50px
}

#thumbnails a.rightthumb {
  margin:0;
}

#header {
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }

/*-- header attributes --*/
#header a:link, #header a:visited {
  color:#000;
  font-weight:bold;
  text-decoration:none;
}

#header a:hover, #header a:active,
body#contest a#contestlink,
body#about a#aboutlink,
body#about a#aboutlink,
body#studio a#studiolink,
body#video a#videolink,
body#staff a#stafflink,
body#map a#maplink,
body#contact a#contactlink {
  text-decoration:none;
  font-weight:bold;
  color:#01518E;
}

/*-- photomenu attributes --*/
#foodlink,
#illustrativelink,
#peoplelink,
#locationlink,
#productslink {
  height:43px;
  width:168px;
  float:right;
  margin-left:10px;
}

#foodlink {background:url(../i/menu_food_bg.jpg) center bottom no-repeat;}
body#food a#foodlink, #foodlink:hover {background:url(../i/menu_food.jpg) center bottom no-repeat;}

#illustrativelink {background:url(../i/menu_illustrative_bg.jpg) center bottom no-repeat;}
body#illustrative a#illustrativelink, #illustrativelink:hover {background:url(../i/menu_illustrative.jpg) center bottom no-repeat;}

#peoplelink {background:url(../i/menu_people_bg.jpg) center bottom no-repeat;}
body#people a#peoplelink, #peoplelink:hover {background:url(../i/menu_people.jpg) center bottom no-repeat;}

#locationlink {background:url(../i/menu_location_bg.jpg) center bottom no-repeat;}
body#location a#locationlink, #locationlink:hover {background:url(../i/menu_location.jpg) center bottom no-repeat;}

#productslink {background:url(../i/menu_products_bg.jpg) center bottom no-repeat;}
body#products a#productslink, #productslink:hover {background:url(../i/menu_products.jpg) center bottom no-repeat;}


/*--- main attributes ---*/
#abouttext {
  width:507px;
  float:right;
  margin:65px 10px 0 0;
  line-height:18px;
  font-size:1.2em;
}

/*-- info pages --*/
#studio-bg {
  background-image:url(../i/studio.jpg);
  width:880px;
  height:470px;
  }
  
#video-bg {
  background-image:url(../i/video.jpg);
  width:880px;
  height:400px;
  padding-top:70px;
  }
  #thevideo {
    width:320px;
    height:256px;
    background:black;
    margin:0px auto 0;
    padding:10px;
    text-align:center;
    }
  
#copy {
  height:410px;
  width:307px;
  padding:0 20px 20px;
  position:absolute;
  top:40px;
  right:0;
  }

a#info {
  position:absolute;
  top:10px;
  right:10px;
  font-size:90%;
  padding:2px 0 2px 20px;
  background:url(../i/info.gif) left center no-repeat;
}

a#hide {
  position:absolute;
  bottom:10px;
  right:10px;
  padding:2px 0 2px 20px;
  background:url(../i/close.gif) left center no-repeat;
}

#about-bg,
#studio-bg,
#contact-bg {
  width:880px;
  height:470px;
  position:relative;
  }
  #about-bg {background-image:url(../i/about.jpg);}
  #about-bg #copy {background:url(../i/about-copy-bg.jpg) left top no-repeat;font-size:90%;}
  #studio-bg {background-image:url(../i/studio.jpg);}
  #studio-bg #copy {background:url(../i/studio-copy-bg.jpg) left top no-repeat;}
  #contact-bg {background-image:url(../i/contact.jpg);}
  #contact-bg #copy {background:url(../i/contact-copy-bg.jpg) left top no-repeat;}

  
#contact-bg {
  background-image:url(../i/contact.jpg);
  width:880px;
  height:470px;
  }

#copyright {
  color:#777;
  margin-top:15px;
  float:left;
  font-size:85%;
  }

.clear {
  clear:both;
  line-height:.01em;
}


/*-- Staff --*/
h2 {
  font-weight:normal;
}

body.staff-main p {
  width:450px;
  margin:0 auto 1em;
}

body.staff p {
  margin:0 0 1em;
}

#staff-main {
  height:470px;
  width:880px;
  position:relative;
}

#staff-main img {
  float:right;
  margin-top:50px;
}

body.staff-main #staff-copy {
  width:880px;
  float:none;
  padding-top:30px; }

#staff-copy {
  width:600px;
  padding-top:30px;
  float:left;
}

#staff-nav {
  position:absolute;
  bottom:0px;
  left:0px;
  clear:both;
}

#staff-thumbnails {
  width: 880px; height: 117px;
  background: url(../i/staff.jpg);
  margin: 0; padding: 0;
  position: relative;}
#staff-thumbnails li {
  margin: 0; padding: 0; list-style: none;
  position: absolute; top: 0;}
#staff-thumbnails li, #staff-thumbnails a {
  height: 117px; display: block;}
/*  #staff-thumbnails a {
    background:red;}*/

#cathy {left: 0; width: 117px;}
#jeff {left: 127px; width: 117px;}
#myron {left: 254px; width: 117px;}
#bill {left: 382px; width: 117px;}
#dewey {left: 509px; width: 117px;}
#greg {left: 636px; width: 117px;}
#cindy {left: 763px; width: 117px;}

#cathy a:hover, body.cathy #cathy a {
  background: transparent url(../i/staff.jpg)
  0 -117px no-repeat;}
#jeff a:hover, body.jeff #jeff a {
  background: transparent url(../i/staff.jpg)
  -127px -117px no-repeat;}
#myron a:hover, body.myron #myron a {
  background: transparent url(../i/staff.jpg)
  -254px -117px no-repeat;}
#bill a:hover, body.bill #bill a {
  background: transparent url(../i/staff.jpg)
  -382px -117px no-repeat;}
#dewey a:hover, body.dewey #dewey a {
  background: transparent url(../i/staff.jpg)
  -509px -117px no-repeat;}
#greg a:hover, body.greg #greg a {
  background: transparent url(../i/staff.jpg)
  -636px -117px no-repeat;}
#cindy a:hover, body.cindy #cindy a {
  background: transparent url(../i/staff.jpg)
  -763px -117px no-repeat;}