/* Terry Mayo CSS */

body {
	background-color: #000;
	color: #cdc27e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}



div#container {
	position: relative;
	text-align: center;
	width: 750px;
	margin: 0px auto;
	margin-top: -10px;
	margin-bottom: 10px;
	background-color: #000;
	line-height: 22px;
}

/* @group Index */

#TerryMayo-clovers {
	position:absolute;
	left:256px;
	top:0px;
	width:494px;
	height:116px;
	background: url('images/TerryMayo_clovers.jpg');
}

#terryMayo-NavRow1 {
	position:absolute;
	left:256px;
	top:116px;
	width:494px;
	height:24px;
	background: url('images/terryMayo_NavRow1.jpg');
	vertical-align:top;
}

#TerryMayo-NavRow2 {
	position:absolute;
	left:256px;
	top:140px;
	width:494px;
	height:21px;
	background: url('images/TerryMayo_NavRow2.jpg');
}

#TerryMayo-content {
	position:absolute;
	left:0px;
	top:161px;
	width:750px;
	height:539px;
	background-color: #000;
}

#terry-index-bottomnav {
	position: absolute;
	top: 800px;
	width: 750px;
	height: 20px;
	color: #0c8e14;
	text-align: center;
	left: 0px;
}


.header {
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	background: url('images/terrymayoheader.gif');
	background-repeat: no-repeat;
	height: 38px;
	width: 283px;
}

#latestNews {
	position: absolute;
	text-align: left;
	left: 280px;
	top: 50px;
}

* html #latestNews {
	left: 100px;
}

.newstitle {
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px;
}

.newsdate {
	font-size: 10px;
	color: #c0c0c0;
	font-style: italic;
	margin-left: 10px;
}

.newscontent {
	margin-left: 20px;
	padding-left: 10px;
	line-height: 22px;

}

.latestTitle {
	height: 38px;
	width: 258px;
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px;
	background: url('images/terrymayoheader.gif');
	background-repeat: no-repeat;
}

.latestArtworkTitle {
	float:  right;
}


#latestNews {
	left: 280px;
	width: 435px;
	text-align: left;
	top: 20px;
	position: relative;
	line-height: 22px;
}

.latestNewsTitle {
	float: left;
}

#latestTattoos {
	left: 160px;
	width: 90px;
	text-align: left;
	line-height: 5px;
	top: 280px;
	position: absolute;
	height:  300px;
}

.latestTattoosBox {
	background-color: #424242;
	width: 85px;
	height: 85px;
	padding-top: 5px;
}

.latestImagesThumbnail {
	float: left;
	height: 80px;
	text-align: center;
	padding: 2px;
}

.latestImagesThumbnail img {
	border: 0px;
}

.latestImagesThumbnail img:hover {
	border: 0px;
}




#latestArtwork {
	left: 60px;
	width: 90px;
	text-align: right;
	top: 364px;
	position: absolute;
}

.latestArtworkThumbnail {
	float: right;
}

#TerryMayo-logo {
	position:absolute;
	left:0px;
	top:0px;
	width:256px;
	height:404px;
	z-index:1;
}

/* @end */ 


/* @group Interior */

/* INTERIOR STUFF */
#terry-interior-logo {
	background: url('images/terry_interior_logo.jpg');
	position:absolute;
	left:0px;
	top:0px;
	width:193px;
	height:246px;
	z-index:1;
}

#terry-interior-top {
	position:absolute;
	left:193px;
	top:0px;
	width:557px;
	height:71px;
	background: url('images/terry_interior_top.jpg');
}

#terry-interior-topnav {
	position:absolute;
	left:193px;
	top:71px;
	width:557px;
	height:25px;
	background: url('images/terry_interior_topnav.jpg');
}

#terry-interior-topnav2 {
	position:absolute;
	left:193px;
	top:96px;
	width:557px;
	height:21px;
	background: url('images/terry_interior_topnav2.jpg');
}

#terry-interior-bottom {
	position:absolute;
	left:193px;
	top:117px;
	width:557px;
	height:59px;
	background: url('images/terry_interior_bottom.jpg');
}

#terry-interior-content {
	position: relative;
	left: 0px;
	top:200px;
	width:750px;
	padding-top: 60px;
	min-height: 800px;
	background-color: #000;
	text-align: left;
	margin-bottom: 100px;
}

* html #terry-interior-content {
	height: 800px;
}

#terry-interior-bottomnav {
	position: relative;
	top: 20px;
	width: 750px;
	height: 100px;
	color: #0c8e14;
	text-align: center;
} 

* html #terry-interior-bottomnav {
	top: 10px;
}



/* @end */




/* @group Top Navigation */



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;
}


.topnavigation a { 
margin-right: 55px; 
font-family:Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-variant: small-caps; 

}
.topnavigation2 a { margin-right: 65px; margin-top: -10px; }


.topnavigation a:link, .topnavigation a:visited
{
color: #000;
text-decoration: none;
}

.topnavigation a:hover
{
color: #d01720;
text-decoration: none;
}



/* @end */





/* @group Links */




a:link, a:visited {
	color: #0c8e14;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #d01720;
	text-decoration: underline;
}
#terry-index-bottomnav a:link, #terry-index-bottomnav a:visited {
	color: #cdc27e;
}
#terry-interior-bottomnav a:link, #terry-interior-bottomnav a:visited {
	color: #cdc27e;
}
a#redlink:link, a#redlink:visited {
	color: #d01720;
}



/* @end */ 





/* @group Gallery */

#gallery {
	height: auto;
	min-height: 500px;
	border: 1px solid;
}

* html #gallery {
	height: 500px;
}

#gallerynowViewingTop {
	position: relative;
	right: 0px;
	top: -45px;
	width: 745px;
	height: auto;
	text-align: right;
}


#galleryartistInfo {
	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: 30px;
	left: 15px;
	width: 300px;
	height: auto;
	text-align: right;
}

#galleryimageTitle {
	position: relative;
	top: 10px;
	text-align: right;
	width: 300px;
	left: 15px;
}

#galleryimageTitle h2 {
	padding: 0px;

	color: #cb270c;
}

#galleryemailtofriendTop {
	position: absolute;
	right: 0px;
	top: 50px;
	height: auto;
}

#galleryemailtofriendBottom {
	position: absolute;
	top: 580px;
	right: 0px;
	height: auto;
}

#galleryimage {
	position: absolute;
	top: 80px;
	height: 460px;
	padding-top: 20px;
	width: 725px;
	text-align: right;
	
	vertical-align: middle;
	padding-right: 30px;
}


#galleryTravelDates {
	text-align: center;
	border: 1px solid #000;
	height: auto;
	padding: 4px;
	width: 300px;
}

#gallerykeywords {

	position: relative;
	top: 200px;
	left: 15px;
	height: 100px;
	width: 350px;
}

#gallerynowViewingBottom {
	visibility: hidden;
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: auto;
}

/* @end */

/* @group Thumbs */

#thumbsgallery {
	height: auto;
	min-height: 400px;
}
.thumbsThumbnail {
	float: left;
	text-align:center;
	width: 140px;
	padding: 2px;
	margin-top: 40px;
}


.thumbsThumbnail img {
	border: 0px;
}
.thumbsThumbnail img:hover {
	border: 0px;
}

#thumbsbreadcrumbs {
	position: relative;
	top: 5px;
	left: 10px;
}


#thumbsNavTop {
	position: relative;
	top: 30px;
	width: 300px;
	left: 10px;
}

#thumbsNavTop a {
	padding-left: 5px;
}

#thumbsNavTop form {
	float: left;
}

#thumbsArea {
	position: relative;
	top: 20px;
	height: auto;
	min-height: 250px;
}



#thumbsNavBottom {
	position: relative;
	top: 40px;
	width: 300px;
	height: auto;
	left: 15px;
}

#thumbsNavBottom a {
	padding-left: 5px;
}

#thumbsNavBottom form {
	float: left;
}




/* @end */





/* 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: #ff9;
	}
	
#bread ul li#first:before {
	content: " ";
	}
	
label {
	width: 150px;
	float: left;
	text-align: right;
}

#captcha {
	margin-left: 150px;
}




#newsarticle { min-height: 100px; height: auto; margin-bottom: 20px; clear: both;}
* html #newsarticle { height: 100px; }
#newsarticle #title { font-weight: bold; font-size: 1.2em;}


#googlemap {
	left: 110px;
	border: 2px solid #fff;
}