/*references - 
replacing text with an image - http://wellstyled.com/css-replace-text-by-image.html
lightbox js - http://www.huddletogether.com/projects/lightbox/
also - http://www.cssbeauty.com/, http://www.csszengarden.com/
cool yes?
*/

body {
background: #fff url(../images/bg.jpg) repeat;
font: normal 100% Georgia, Palatino, Times, Times New Roman, serif;
text-align: left; 
color: #666;
} 

#table { 
margin-top:10px;
padding-top:10px;
width: 700px; 
height: auto;
margin-left: auto;
margin-right: auto;
text-align: left; 
background: #fff url(../images/tableBG.jpg) repeat; 
} 



img {
  border: none;
  }
  

/*-----------HEADER-----------*/

#monkeyHeader {
background: url(../images/ChoppedMonkeyBanner.jpg) no-repeat;
padding: 0;
height: 180px;
width:100%} 

/* menu style*/
#menu { 
margin: 0px 0px 0px 0px; 
padding: 0; 
width: 100%; 
max-width: 700px; 
text-decoration: none; 
border-bottom: 0px; 
} 

#menu ul {
 border: 0; 
 margin: 0; 
 padding: 0; 
 list-style-type: none; 
 text-align: center; 
 font-weight: bold; 
 clear: both; 
 }
 
#menu ul li {
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0;
	height: 36px;
	list-style: none;
	background: none;	
} 

#menu ul li a { 
width: 125px; 
height: 1.5em; 
padding: 0; 
margin: 0 0 0 0; 
/*font in nav color*/ color: #000033; 
text-decoration: none; 
display: block; 
text-align: center; 
font-size: 16px; 
font-weight: bold; 
font-family: trebuchet ms, arial, sans-serif; 
line-height: 1em; 
font-size: 18px; 
} 

#menu ul li a:hover { 
color: #000033; 
font-weight: bold; 
font-size: 22px; 
text-decoration: none; 
border-bottom: 0px ;
} 

#menu a:active	{ 
font-weight: bold; 
color: #ccc; 
text-decoration: none; 
border-bottom: 0px ;} 

/*-----------END HEADER-----------*/
/*----------- link properties -----------*/
a:link {
	text-decoration: none;
	color: #968C5A;
	}

a:visited {
	text-decoration: none;
	color: #B3AE94;
	}

a:hover {
	text-decoration: none;
	color: #AA7846;
	}

a:active {
	text-decoration: none;
	color: #8C7846;
	}
/*----------- end link properties -----------*/	

/*-----------  Text Properties ----------- */
	p { 
	font: 100% verdana, arial, san serif; 
	line-height: 18px;
	margin-top: 0px; 
	text-align: left;
	margin:0 10px 10px
	}

/*---------------------------------new headings------------------------*/

#cars {
	margin:0; padding:0;
	position:relative;
	width:200px; height:30px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;	
	}
#cars span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:30px;
	margin:0; padding:0;
	background: url(../images/headings/cars.gif) top left no-repeat;
	}
	
	#portraits {
	margin:0; padding:0;
	position:relative;
	width:200px; height:30px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;	
	}
	
#portraits span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:30px;
	margin:0; padding:0;
	background: url(../images/headings/portraits.gif) top left no-repeat;
	}
	
	#still {
	margin:0; padding:0;
	position:relative;
	width:200px; height:30px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;	
	}
	
#still span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:30px;
	margin:0; padding:0;
	background: url(../images/headings/still.gif) top left no-repeat;
	}
	
	#abstracts {
	margin:0; padding:0;
	position:relative;
	width:200px; height:30px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;	
	}
	
#abstracts span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:30px;
	margin:0; padding:0;
	background: url(../images/headings/abstracts.gif) top left no-repeat;
	}
	
	/*h1's below*/
	#art {
	margin:0; padding:0;
	position:relative;
	width:200px; height:40px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;	
	}

#art span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:40px;
	margin:0; padding:0;
	background: url(../images/headings/art_h1.gif) top left no-repeat;
	}
	
	#design {
	margin:0; padding:0;
	position:relative;
	width:200px; height:40px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;	
	}

#design span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:40px;
	margin:0; padding:0;
	background: url(../images/headings/design_h1.gif) top left no-repeat;
	}
	
	#about {
	margin:0; padding:0;
	position:relative;
	width:200px; height:40px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;
		}
		
#about span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:40px;
	margin:0; padding:0;
	background: url(../images/headings/about_h1.gif) top left no-repeat;
	}
	
	#contact {
	margin:0; padding:0;
	position:relative;
	width:200px; height:40px;
	margin:0; padding:0;
	overflow:hidden;
	font-family: georgia, arial, sans-serif; 
  	font-size: 14px;
  	color: #666699;
	
	}
#contact span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:200px; height:40px;
	margin:0; padding:0;
	background: url(../images/headings/contact_h1.gif) top left no-repeat;
	}
	
/*---------------------------------end new headings------------------------*/

h1{
font-family: trebuchet ms, arial, sans-serif; 
  margin-top: 0;
  padding-left: 14px;
  font-size: 20px;
  color: #999999;

  }

 h2 {
  margin-top: 0;
  font-family: georgia, arial, sans-serif; 
  font-size: 14px;
   color: #666699;
   }

  h3 {
  margin-top: 0;
  font-family: georgia, arial, sans-serif; 
  font-size: 12px;
   color: #000000; 
  }
	
/* unordered list style */

	ul {
	list-style: none;
	}
	
	li {
	font: 90% georgia, serif;
	list-style: none;
	padding-left: 1px;
	margin-bottom: 3px;  
	  }
/*----------- End Text Properties ----------- */
	
/*----------- homepage content ----------- */
	#body-home{
	padding-left: 7px;
	padding-bottom: 10px;
	padding-right: 7px;	
	}
/*-----------end homepage content ----------- */
/*----------- 1 col subpage content ----------- */
#art-content{
	padding-left: 60px;
	padding-bottom: 10px;
	padding-right: 100px;	
	}
	
	
	#design-content{
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 20px;	
	}

 /*-----------end 1 col subpage content ----------- */

/*----------- footer shiznits ----------- */
	
.clear {  /*to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }

	
 #footer {
 	background: url(../images/tableBG.jpg) repeat;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-bottom:10px;
	float: right;
	width: 670px;
	}

#altnav {
	font-size: 10px;
	font-weight: normal;
	width: 250px;
	float: right;
	text-align: right;
}


#footer a {
	color: #c9c9c9;
	text-decoration: none;
}

#footer a:hover {
	color: #db6d16;
}
/*-----------end footer----------- */
/*----------- gallery shiznits ----------- */

/* new  below......*/
.thumb{
	padding: 7px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	background: #ffffff;
	}	
	
	.design_thumb{
	padding: 7px;
	border: 1px solid #ddd;
	float: left;
	/*margin-right: 10px;*/
	margin-bottom:1px;
	background: #262a28;
	}	

.caption{ font-size: 0.9em; padding-top: 0.2em ;	}