/*Normalizes margin, padding */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,hr,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }



ul#nav { background:url(navBG.gif) }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:29px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navAds a, li#navLogos a, li#navIllustrations a, li#navCaricatures a, li#navComics a, li#navWeb a { background:url(navBG.gif) }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 29px
	selected state = 58px

	The distance from the far-left to the...
	
	ads button = 0
	logos button = 55px
	illustrations button = 129px
	caricatures button = 276px
	comics button = 411px
	web button = 492px

	The width of the...
	
	ads button = 55px
	logos button = 74px
	illustrations button = 147px
	caricatures button = 135px
	comics button = 81px
	web button = 57px
*/

li#navAds a 						{ background-position:0 0; width:55px; left:29}
li#navAds a:hover					{ background-position:0 -29px }
body#pageAds li#navAds a 				{ background-position:0 -58px }

li#navLogos a 						{ background-position:-55px 0; width:74px; left:55px }
li#navLogos a:hover					{ background-position:-55px -29px }
body#pageLogos li#navLogos a 				{ background-position:-55px -58px }

li#navIllustrations a 					{ background-position:-129px 0; width:147px; left:129px }
li#navIllustrations a:hover				{ background-position:-129px -29px }
body#pageIllustrations li#navIllustrations a 		{ background-position:-129px -58px }

li#navCaricatures a 					{ background-position:-276px 0; width:135px; left:276px }
li#navCaricatures a:hover				{ background-position:-276px -29px }
body#pageCaricatures li#navCaricatures a 		{ background-position:-276px -58px }

li#navComics a 						{ background-position:-411px 0; width:81px; left:411px }
li#navComics a:hover					{ background-position:-411px -29px }
body#pageComics li#navComics a 				{ background-position:-411px -58px }

li#navWeb a 						{ background-position:-492px 0; width:57px; left:492px }
li#navWeb a:hover					{ background-position:-492px -29px }
body#pageWeb li#navWeb a 				{ background-position:-492px -58px }

html { text-align:center }
body { text-align:center; width:800px; margin:0 auto; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #fff; background:#333 url(images/bg_stripe.gif); position:relative }

ul#nav { position:absolute; top:62px; left:225px }

#header {
	text-indent: -9999px;
	/* background: url(DDAD_logo.gif) no-repeat; */
	height: 88px;
	}
	
#contact {
	position:absolute; top: 0; left: 216px;
	width: 546px;
	height: 48px;
	padding-top: 14px;
	padding-right: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	}

#contact a {
	color: #fff;
	text-decoration: none;
	}

#contact a:hover {
	color: #999;
	}	
		
#content {
	font-size: 12px;
	line-height: 14px;
	color: #000;
	position: absolute;
	height: 492px;
	width: 800px;
	top:100px;
	left:50%;
	margin-left:-400px;
	}
h2 {
	font-size: 20px;
	font-weight: bolder;
	color: #000;
	font-style: normal;
	padding-bottom: 14px;
}

/* The containing box for the content */
#container {
	position:relative;
	width:742px;
	height:490px;
	margin:0px auto 0 auto;
	border:1px solid #000;
	background-color: #a3a07f;
	background: url(images/galleryBG.jpg) no-repeat;
    }
#container img {
	position:relative; top:105px; left:0;
	}
#container p {
	color: #ccc;
	text-align: left;
	line-height: 20px;
	padding: 20px;
	width: 400px;
	}
#container a {
	text-decoration: none;
	color:#fff;
	background-color:#000;
	}