/*----------------Main Structure------------*/

body {
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;	
}

img {
	border: 0;
}

#page {	
	background: url(/images/new.jpg) 100px 50px no-repeat;
	height: 540px;
	margin: 3% auto 0 auto;
	position: relative; left: 0;
	width: 795px;
}

a.thumbs, a.thumbs:visited {
	border: 0;
	color: #fff;
	display: block;
 	display:inline-block;
	float: left;
	height: 100px;
	text-decoration: none;
	width: 100px;		
}

ul#thumbList {
	position: absolute; bottom: 20px; left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
ul#thumbList li {
	float: left;
	display:inline;
	margin: 0 15px;
}


#mainImg {
	position: absolute; top: 0; left: 15px;
}


/*------------------------------------------------------Main Menu----*/


a.thumbs span{
 position: relative; top: 106px; left: 0;
}

#page a.menuEd:link, #page a.menuEd:visited {
	background-image: url(../images/menu-ed.jpg);
	background-position : 0 0;
} 

#page a.menuEd:hover {
	background-position : 0 -100px;
}

#page a.menuPub:link, #page a.menuPub:visited {
	background-image: url(../images/menu-pub.jpg);
	background-position : 0 0;
} 

#page a.menuPub:hover {
	background-position : 0 -100px;
}

#page a.menuAd:link, #page a.menuAd:visited {
	background-image: url(../images/menu-ad.jpg);
	background-position : 0 0;
} 

#page a.menuAd:hover {
	background-position : 0 -100px;
}

#page a.menuTyp:link, #page a.menuTyp:visited {
	background-image: url(../images/menu-typ.jpg);
	background-position : 0 0;
} 

#page a.menuTyp:hover {
	background-position : 0 -100px;
}

#page a.menuChi:link, #page a.menuChi:visited {
	background-image: url(../images/menu-chi.jpg);
	background-position : 0 0;
} 

#page a.menuChi:hover {
	background-position : 0 -100px;
}

#page a.menuMur:link, #page a.menuMur:visited {
	background-image: url(../images/menu-mur.jpg);
	background-position : 0 0;
} 

#page a.menuMur:hover {
	background-position : 0 -100px;
}



/*------------------Page Title and Navigation----*/



#title {
	color: #fff;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 350px;
}

.rightTitle {
	float: right;
	margin: 0;
}

#title ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 350px;
}

#title li a{
	display: block;
	color: #fff;
	height: 100%;
	text-decoration: none;
	width: 100%
}



#title span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}


#title li.jessieford {
	background-image: url(../images/title-jessie-ford.jpg);
	height: 84px;
	width: 350px;
}


#title li.illustrator {
	background-image: url(../images/title-illustrator.jpg);
	height: 100px;
	width: 350px;
}

#title li.edTitle {
	background-image: url(../images/title-editorial.jpg);
	height: 100px;
	width: 350px;
}

#title li.adTitle {
	background-image: url(../images/title-advertising.jpg);
	height: 100px;
	width: 350px;
}

#title li.porTitle {
	background-image: url(../images/title-portraits.jpg);
	height: 100px;
	width: 350px;
}

#title li.typTitle {
	background-image: url(../images/title-typography.jpg);
	height: 100px;
	width: 350px;
}

#title li.chiTitle {
	background-image: url(../images/title-childrens-publishing.jpg);
	height: 100px;
	width: 350px;
}

#title li.murTitle {
	background-image: url(../images/title-murals.jpg);
	height: 100px;
	width: 350px;
}


#title li.pubTitle {
	background-image: url(../images/title-publishing.jpg);
	height: 100px;
	width: 350px;
}

#title li.number {
	background-image: url(../images/title-number.jpg);
	height: 40px;
	width: 350px;
}


#title li.email {
	background-image: url(../images/nav-contact.jpg);
	background-position: 0 0;
	height: 50px;
	width: 350px;
}

#title li.email:hover {
	background-position: 0 -50px;
}

#title li.hr {
	background-image: url(../images/title-hr.jpg);
	height: 25px;
	width: 350px;
}

#title li.about {
	background-image: url(../images/nav-about-me.jpg);
	background-position: 0 0;
	height: 30px;
	width: 350px;
}

#title li.about:hover {
	background-position: 0 -30px;
}

#title li.buy {
	background: url(../images/nav-shop.jpg) 48% 0 no-repeat;
	height: 30px;
	margin: 7px 0 5px 0;
	width: 350px;
}

#title li.buy:hover {
	/*background-position: 0 -30px;*/
}

#title li.mail {
	background-image: url(../images/nav-mail.jpg);
	background-position: 0 0;
	height: 42px;
	width: 350px;
}

#title li.mail:hover {
	background-position: 0 -42px;
}


/*------------------Gallery Navigation----*/


#title li ul {
  	margin:0 0 0 88px; 
  	padding:0;  
  	background:#000;
}

#title li ul li {
	display: inline;
	list-style-type: none;

}

#title li ul li a {
	background-repeat: no-repeat;
	display: block;
  	float:left;
	height:46px;
	width:32px;
  	text-decoration:none; 
  	margin: 30px 10px 0 10px;
}

#title a.blank:link, #title a.blank:visited, #title a.blank:hover, #title a.blank:focus,  #title a.blank:active {
	background-color: #000;
}



#title a.prevPage:link, #title a.prevPage:visited {
	background-image: url(../images/prev-page1.jpg);
	background-position: 0 0;
}

#title a.prevPage:hover, #title a.prevPage:focus,  #title a.prevPage:active {
	background-position: -32px 0;
}



#title a.backHome:link, #title a.backHome:visited {
	background-image: url(../images/home1.jpg);
	background-position: 0 0;
}

#title a.backHome:hover, #title a.backHome:focus,  #title a.backHome:active {
	background-position: -32px 0;
}


#title a.nextPage:link, #title a.nextPage:visited {
	background-image: url(../images/next-page1.jpg);
	background-position: 0 0;
}


#title a.nextPage:hover, #title a.nextPage:focus,  #title a.nextPage:active {
	background-position: -32px 0;
}