@charset "utf-8";
/* CSS Document */

<!--
body {
	font-family: "Trebuchet MS";
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background-image:url("http://www.jeremygcox.com/images/inverse_bg.gif");
	background-repeat:repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	letter-spacing: 3px;
}
.oneColLiqCtr #container {
	background-repeat:repeat-x;
	height:400px;
}
.oneColLiqCtr #content {
	width: 90%;
	text-align: left; 
}
#logo {
	width: 150px;;
	height: 150px;
}
#logo a {
	display:block;
	width: 150px;
	height: 150px;
	background-image:url("http://www.jeremygcox.com/images/jeremylogo.gif");
	background-repeat:no-repeat;
	text-indent: -1000px;
	margin: 20px 0 0 20px;
	clear:both;
}
#navigation {
	float:right;
	margin: 40px 0 0 0;
	text-align:right;
	}
	
#navigation img {
	border: 1px solid #000;
	}
		
#image {
	float:right;
	}
#thumbs, #thumbsBorder {
	width: 350px;
}

#thumbsBorder img{
	border: 1px solid #333;
}

#details {
	font-size:16px;
	line-height: 30px;
	margin-top:50px;
	clear:both;
	font-size:18px;
	line-height: 30px;
	font-weight:bold;
	margin-top:50px;	
	width: 200px;	
}
#detailsVert {
	font-size:16px;
	line-height: 30px;	
	margin-top:50px;
	
}

#details, #detailsVert p {
	font-size:14px;
	line-height: 15px;
	font-weight:normal;
	margin-top:0px;
	float:left;
	margin-top: 20px;
	width: 360px;
}


#closeup {

}

#closeupVert {
left:55%;
top: 47%;
position:absolute;
z-index:3;
}

#thumbs, #thumbsBorder a:hover
{			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6; }

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

#navigationBG {background-color:#FFFFFF;}
#contact {font-size:12px; color:#333333}
#contact a {color:#333333}
	
-->