body {
	background-image:	url(images/body_bckgrnd.jpg);
	background-repeat:	repeat;
}

.container {
    position:           relative;
    width:              720px;
    height:             600px;
	margin:				50px auto 0 auto;
    
}

.header {
    position:           absolute;
    top:                0;
    left:               0;
    width:              720px;
    height:             52px;
	margin:				0px;
    background-image:   url(images/header.gif);
}

.logo {
    position:           absolute;
    top:                -10px;
    left:               260.5px;
    width:              199px;
    height:             170px;
	z-index:			99;
    background-image:   url(images/logo.png);
}

a {
    text-decoration:    none;
}

/* ------------------------------------------------------------------------
 * NAVIGATION TOP
 * ------------------------------------------------------------------------ */
 

a#aboutus_btn {
    position:			absolute;
    display:			block;
    top:				90px;	
	left:				80px;	
	width:				138px;
	height:				21px;
	margin:				0px;		
	background-image:	url(images/btn_aboutus.png);
}

a#whatdo_btn {
	position:			absolute;
	display:			block;
	top:				90px;
	left:				490px;
	width:				170px;
	height:				21px;
	margin:				0px;
	background-image:	url(images/btn_whatdo.png);
}

.guts {
	position:			absolute;
	top:				52px;
	left:				0px;
	width:				720px;
	height:				545px;
	margin:				0px;
	background-image:	url(images/aged_bckgrnd.jpg);
}



.images {
	position:			absolute;
	top:				231px;
	left:				186.5px;
	width:				347px;
	height:				365px;
	margin:				0px;
	background-image:	url(images/welcome_photo.jpg);
}

/* ------------------------------------------------------------------------
 * NAVIGATION SIDE BAR
 * ------------------------------------------------------------------------ */

.sidebar {
	width:				110px;
	height:				306px;
	position:			absolute;
	top:				160px;
	left:				610px;
	margin:				0px;
	
}

.sidebar a {
	position:			absolute;
	top:				0px;
	right:				0px;
	display:			block;
	width:				110px;
	height:				52px;
}

.sidebar a:hover {
	background-position: -110px;
}

.sidebar .homebtn a {
	background-image:	url(images/btn_home.jpg);
}

.sidebar .cdsbtn a{
	top:				52px;
	background-image:	url(images/btn_cds.jpg);
}

.sidebar .postersbtn a {
	top:				104px;
	background-image:	url(images/btn_posters.jpg);
}

.sidebar .logosbtn a {
	top:				156px;
	background-image:	url(images/btn_logos.jpg);
}

.sidebar .illusbtn a {
	top:				208px;
	background-image:	url(images/btn_illus.jpg);
}

.sidebar .contactbtn a {
	top:				260px;
	background-image:	url(images/btn_contact.jpg);

}

/* ------------------------------------------------------------------------
 * NAVIGATION  LEFT SIDE BAR
 * ------------------------------------------------------------------------ */

.leftsidebar {
    position:           absolute;
    display:            block;
    top:                130px;
    left:               0px;
    width:              170px;
    height:             438px;
}

/* ------------------------------------------------------------------------
 * NAVIGATION BOTTOM
 * ------------------------------------------------------------------------ */


a#lftarrow_btn {
	position:			absolute;
	display:			block;
	top:				550px;
	left:				10px;
	width:				160px;
	height:				40px;
	margin:				0px;
	background-image:	url(images/btn_arrow_left.png);
}

a#rtarrow_btn {
	position:			absolute;
	display:			block;
	top:				550px;
	left:				550px;
	width:				160px;
	height:				40px;
	margin:				0px;
	background-image:	url(images/btn_arrow_right.png);
}






/* ------------------------------------------------------------------------
 * CREDITS
 * ------------------------------------------------------------------------ */
 
 .credits {
     position:          absolute;
     display:           block;
     top:               590px;
     left:              545px;
     margin:            0px;
     padding:           0px;
     font-size:         9px;
 }


/* ------------------------------------------------------------------------
 * Home Page
 * ------------------------------------------------------------------------ */
 
 
 
/* ------------------------------------------------------------------------
 * POSTERS
 * ------------------------------------------------------------------------ */
 
 .posters {
 	position:			absolute;
 	top:				231px;
 	left:				186.5px;
 	width:				347px;
 	height:				365px;
 	margin:				0px;
 	
 }
 

 
/* ------------------------------------------------------------------------
 * Illustration Page
 * ------------------------------------------------------------------------ */ 
 
 .illus {
  	position:			absolute;
  	top:				231px;
  	left:				186.5px;
  	width:				347px;
  	height:				365px;
  	margin:				0px;

  }
 
 
   
/* ------------------------------------------------------------------------
 * LOGOS PAGE
 * ------------------------------------------------------------------------ */
 
 .logos {
   	position:			absolute;
   	top:				231px;
   	left:				186.5px;
   	width:				347px;
   	height:				365px;
   	margin:				0px;

   }
 
 
 
/* ------------------------------------------------------------------------
 * Contact Page
 * ------------------------------------------------------------------------ */
 
 .contactimages {
 	position:			absolute;
 	top:				231px;
 	left:				186.5px;
 	width:				347px;
 	height:				365px;
 	margin:				0px;
 	background-image:	url(images/images_container.jpg);
 }
 
p#contactimg {
    position:           absolute;
    top:                50px;
    left:               42.5px;
} 

p#gregimg {
    position:           absolute;
    top:                161px;
    left:               23.5px;
}



/* ------------------------------------------------------------------------
 * Carousel Image Viewer
 * ------------------------------------------------------------------------ */
div#thumbnails {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 347px;
    height: 63px;
    overflow: hidden;
}
div#thumbnails a img {
    border: none;
}
div#full-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 347px;
    height: 302px;
}
div#full-image img {
    border: none;
    width: 347px;
    height: 302px;
}
div.jcarousellite ul li,
img.thumbnail {
    width: 70px;
    height: 63px;
}




/* added by doug */
div.sidebar {
	left: 540px;
	width: 180px;
}

div.sidebar a {
	right: 0px;
}

.sidebar .button {
	height: 52px;
}

.sidebar .active {
	background-image: url(images/hand.png);
	background-repeat: no-repeat;
	background-position: 0 15px;	
}