body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background: url('images/background.gif'); background-repeat: repeat; background-color: #000; color: #fafafa; }

a:link, a:visited {	color: #e9641d; }
a:hover { color: #fafafa; }


div#container {	position: relative; width: 750px; height: 246px; margin: 0px auto; margin-top: -10px; }

/* inside container */

#header { width: 750px; height: 150px; border: 1px solid #333333; background-color: #000; border-bottom: 0px;}
#content { width: 730px; height: auto;  min-height: 300px; border-left: 1px solid #333333; border-right: 1px solid #333333; background-color: #000; position: relative; top: -20px; padding: 10px; }
#footer { position: relative; top: -20px; width: 750px; height: 70px; border-left: 1px solid #333333; border-right: 1px solid #333333; background-color: #000; padding-top: 10px;  }






/* @group header contents */

div#logo { width: 355px; height: 125px; background: url('images/logo.gif'); background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; z-index: 2;}


ul.topnavigation { margin-left: 0; margin-top: 2px; padding-left: 0; white-space: nowrap; vertical-align: top; }

.topnavigation li { display: inline; list-style-type: none; }

#navlineone { position: absolute; left: 300px; top: 16px; width: 494px; height: 24px; vertical-align: top;}
#navlinetwo { position: absolute; left: 400px; top: 50px; width: 494px; height: 24px; vertical-align: top; }
#horizontal {position: absolute;  left: 330px; top: 90px; background: url('images/horizontal.gif'); width: 413px; height: 6px;}
#address { position: absolute; left: 325px; top: 105px; background: url('images/address.gif') no-repeat; width: 350px; height: 23px; text-align: right; padding-top: 2px; }
#skateboard { position:  absolute; left: 20px; top: 110px; background: url('images/skateboard.jpg'); width: 141px; height: 544px; z-index: 1; margin-bottom: 20px;}

#address a:link, #address a:visited { font-size: 1.4em; color: #40b0ba; letter-spacing: .2em; }
#address a:hover { color: #fff;}

/* @end header contents */



/* @group nav stuff */

.seperator {background: url('images/seperator.gif'); width: 7px; height: 33px; }

#home { position: absolute; left: 0px; top:0px; width: 62px; height:33px; background: url('images/home.gif'); text-indent: -9999px; z-index: 3;}
* html #home { background: url('images/home.gif'); }
#home:hover { background-position: -65px; }

#seperator1 { position: absolute;  top: 0px; left: 70px; }

#about { position: absolute; left: 87px; top:0px; width: 172px; height:33px; background: url('images/about.gif'); text-indent: -9999px; }
* html #about { background: url('images/about.gif'); }
#about:hover { background-position: -172px; }

#seperator2 { position: absolute;  top: 0px; left: 266px; }


#tattoos {position:absolute; left: 283px; top:0px; width: 74px; height:33px; background: url('images/tattoos.gif'); text-indent: -9999px; }
* html #tattoos { background: url('images/tattoos.gif'); }
#tattoos:hover { background-position: -74px; }

/* second nav line */

#artwork { position: absolute; left: 0px; top: 0px; width: 126px; height: 36px; background: url('images/art.gif'); text-indent: -9999px; }
* html #artwork { background: url('images/art.gif'); }
#artwork:hover { background-position: -126px; }

#seperator3 { position: absolute;  top: 3px; left: 136px; }

#news { position: absolute; left: 146px; top: 0px; width: 59px; height: 36px; background: url('images/news.gif'); text-indent: -9999px; }
* html #news { background: url('images/news.gif'); }
#news:hover { background-position: -59px; }

#seperator4 { position: absolute;  top: 3px; left: 215px; }

#links{ position: absolute; left: 225px; top: 0px; width: 59px; height: 36px; background: url('images/links.gif'); text-indent: -9999px; }
* html #links { background: url('images/links.gif'); }
#links:hover { background-position: -59px; }

/* end nav stuff */




/* @group footer stuff */
#footer ul#footernav { list-style: none; position: relative; top: 50px; left: 0px; display: inline; width: 750px; }
#footer ul#footernav li {  height: 14px; float: left;  border-right: 1px solid #e9641d; margin-left: 21px; padding-right: 21px; vertical-align: middle; }
#footer ul#footernav li a:link, #footer ul#footernav li a:visited { width: 125px; font-size: 1.2em;	font-weight: normal;  text-decoration: none; letter-spacing: .2em; }
#footer ul#footernav li a:hover { color: #fff; }
#footer ul#footernav li#first { margin-left: 50px; }
#footer ul#footernav li#last { border-right: 0px; }



div#container div#footer span#footertext { position: absolute; bottom: 5px; left: 5px; font-size: .9em; color: #666666;	text-align: left; font-variant: small-caps; font-size: 1.2em; font-family: Verdana; }
div#container div#footer span#copyright { position: absolute; bottom: 5px; right: 5px; font-size: 1.2em; color: #666666; text-align: right; font-variant: small-caps; }
/* @end footer stuff */








/* @group Gallery */



#gallery { height: auto; min-height: 500px; width: 615px; }


* html #gallery { height: 500px; }

#gallerybreadcrumbs { position: absolute; top: 5px; left: 5px; font-size: 1.2em; }
#gallerynowViewingTop { position: absolute; right: 5px;	width: 400px; top: 5px; height: auto; text-align: right; }
#galleryArtistName { visibility: hidden; position: relative; top: 20px; left: 400px; height: auto;}
#gallerytravelDates { position: absolute; top: 500px; left: 15px; height: auto; border: 1px solid #000; text-align:center;  padding: 4px; width: 300px; }
#galleryimageInfo { position: relative; top: 20px;  left: 10px; width: 350px; height: auto; min-height: 50px;}
#galleryimageTitle { position: relative; top: -5px; height: 20px; width: 350px; left: 0px; text-align: center; font-variant: small-caps; font-size: 1.4em; letter-spacing: .5em;}
#galleryimageTitle h2 { color: #40b0ba; }
#galleryimage { position: absolute; top: 90px; height: 460px; padding-top: 20px; text-align: right; left: 0px; vertical-align: middle; width: 730px; margin-right: 20px;}
#galleryimage img { }
* html #galleryimage { top: 100px; }
#galleryTravelDates { text-align: center; border: 1px solid #000; height: auto; padding: 4px; width: 300px; }
#gallerykeywords { position: relative; top: 100px; left: 10px; height: auto; min-height: 300px; width: 350px; }
#gallerynowViewingBottom { visibility: hidden; position: absolute; bottom: 0px; right: 0px; height: auto; }
#galleryimageComments { position: relative; top: 30px; height: auto; min-height: 100px; }
#galleryimageCommentBox { position: relative; top: 30px; margin-top: 100px; width: 600px; height: auto; min-height: 200px; margin-bottom: 100px; }

/* @end Gallery */

/* @group Thumbs */
#thumbsgallery { height: auto; min-height: 400px; width: 625px; }
* html #thumbsgallery { height: 400px; }
.thumbsThumbnail { margin-top: 30px; float: left; text-align:center; width: 110px; margin-left: 10px; }
.thumbsThumbnail img { border: 2px solid #666666; }
.thumbsThumbnail img:hover { border: 2px solid #999999; }
.thumbsThumbnail a { text-decoration: none; }
#thumbsbreadcrumbs { position: relative; top: 5px; left: 10px; }
#thumbsNavTop {	position: relative;	top: 30px; width: 300px; left: 10px; }
#thumbsNavTop form { float: left; }
#thumbsArea { position: relative; top: 40px; height: auto; min-height: 250px; }
#thumbsNavBottom { position: relative; top: 40px; width: 300px; height: auto; left: 15px; }
#thumbsNavBottom form { float: left; }
/* @end thumbs */



/* breadcrumbs stuff */
#bread { color: #ccc; padding: 3px; margin-bottom: 25px; }
#bread ul {	margin-left: 0; padding-left: 0; display: inline; border: none;	} 
#bread ul li { margin-left: 0;	padding-left: 2px; border: none; list-style: none; display: inline;	}
#bread ul li:before { content: "\0020 \0020 \0020 \00BB \0020";	color: #40b0ba;	}
#bread ul li#first:before {	content: " "; }
/* end breadcrum stuff */



#latestNews { position: relative; left: 170px; width: 500px;}
 .newsTitle { font-weight: bold; letter-spacing: .3em; font-size: 1.2em; height: 12px; padding: 0; margin: 0; }
 .newsDate { font-weight: bold; font-size: .9em; color: #cccccc; letter-spacing: .3em; padding: 0; margin: 0; margin-top: 5px;}


#container #content #latestTattoos { position: relative; left: 400px; }
div#latestTattoos img { border: 1px solid #cccccc; }
div#latestTattoos img:hover { border: 1px solid #fff; }

#latestArtwork { position: relative; left: 170px; margin-bottom: 100px; }
#latestArtwork img { border: 1px solid #cccccc; }
#latestArtwork img:hover { border: 1px solid #fff; }