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

#zhome,
#zcontact,
#zbio,
#zgal {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style:italic;
	color: #FFF;
	background-color: #840101;
	text-align:left;
}

#wrap {
	background:url(images/bk_grad.png) repeat-x top left;
	width: 800px;
	height:700px;
	margin: 0 auto;
	padding:0;
	position: relative;
	
}

#zbio #wrap,
#zgal #wrap {
	width:700px;
}

#zgal #wrap {
	min-height:600px;
	height:auto;
}

#zhome img#logo,
#zcontact img#logo,
.kicker {
	position: relative;
	z-index1:10;
	width:261px;
	height:129px;
	top:-160px;
	left:0;
	text-align:left;
	float:left;
}

img#gg {
	position:relative;
	top: -200px;
	left:3px;
	float:left;
	z-index:10;

}

img.bio {
	width:700px;
}

#zgal img.bio {
	position:absolute;
	top:-30px;
}


.contact {
	position:relative;
	left:0;
	top:0;
	height:23px;
	overflow:hidden;
}

.footer {
	height: 50px;
	width:800px;
	position: relative;
	margin:0 auto;
}

.bdr_b {
	border-bottom: 2px #840101 groove;
}

.kicker {
	width:auto;
	height:auto;
	top:-150px;

}


/* rollover big images */


/* ------nav------ */
.menu {
	background: url(images/menu_trans.png) repeat-y top center;
	width:185px;
	z-index:8;
	position:relative;
	top:-280px;
	left:570px;
	float:left;
	padding-top:80px;
}

dl {
	margin:0;

}

a, 
a:link, 
a:active, 
a:visited {
	height: 59px;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color:#999999;
	font-weight:bold;
}

a:hover {
}

.roll1, 
.roll2, 
.roll3, 
.roll4, 
.roll5,
.roll6,
.roll7 {
	background: url(images/nav1.png) no-repeat left 8px;
	width:145px;
	height:59px;
	display:block;
	float: left;
	position: relative;
	margin:0px 0 10px 25px;
}

.roll1{
}

.roll1:hover,
.roll1:active {
	background-position:-145px 8px;
}

.roll2{
	background-position:left -109px;
}

.roll2:hover,
.roll2:active {
	background-position:-145px -109px;
}

.roll3{
	background-position:left -51px;
}

.roll3:hover,
.roll3:active {
	background-position:-145px -51px;
}

.roll4 {
	background-position: left bottom;
}

.roll4:hover,
.roll4:active {
	background-position:-145px bottom;
}

.roll5 {
	background-position: -400px top;
}

.roll5:hover,
.roll5:active {
	background-position:-400px -20px;
}

.roll6 {
	background-position:0 -40px;
}

.roll6:hover,
.roll6:active {
	background-position:0 -60px;
}

.roll7 {
	background-position:-100px -40px;
}

.roll7:hover,
.roll7:active {
	background-position:-100px -60px;
}


.main {
	position: absolute;
	left:0;
	top:0;
	width: 540px;
	height:700px;
	margin: 0;
	padding:0;
	clear:both;
	overflow: scroll;
	overflow-x:hidden;
	overflow-y:hidden;

}

#zbio .main {
	width:700px;
}

#zgal .main {
	width:600px;
	height:auto;
	margin:30px auto;
	position:relative;
}

.txt,
.txt2,
.txt3,
.txt4,
.txt5,
.txt6 {
	background: url(images/GoodLies_4a.jpg) no-repeat 0px bottom scroll;
	position:relative;
	padding:212px 0 0;
	height:450px;
	margin-bottom:100px;
}

.copy1 {
	position:relative;
	left:20px;
	top:10px;
	width:230px;
	height:420px;
	text-transform:none;
}

.txt .copy1,
.txt3 .copy1 {
	margin-left:260px;
}


.txt2 .copy1,
.txt4 .copy1,
.txt6 .copy1 {
	overflow: hidden;
	left:20px;
	width:280px;
	height:500px;
	padding-right:20px;
}

#zbio .copy1,
#zgal .copy1 {
	top:-100px;
	width:450px;
	height:auto;
	overflow:hidden;
}

#zgal .copy1 {
	top:0px;
}


.media {
	background:url(images/content_trans.png) repeat-y center top;
	position:relative;
	top:-10px;
	left:10px;
	width:272px;
	height:250px;
	float:left;
	
}

.media img {
	width:250px;
	margin:50px 10px 0;
}

.txt2 img {
	position:relative;
	float:left;
	top:-150px;
	width:210px;
}

#zbio .txt2 img {
	top:-180px;
	width:150px;
}

.gall1 img {
	width:110px;
	height:112px;
	margin:0 5px 5px 0;
	border:1px #FFFFFF solid;
	
}

.pad {
	height:500px;
}

#zcontact form {
	margin:220px 0 20px 20px;
	width:520px;
}

fieldset {
	padding:10px;
	border:none;
	border-bottom: 2px #840101 groove;

}

legend {
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	
}

label {
	display:block;
	width:250px;
	clear:both;
	margin:10px 0;
}

input {
	display:block;
	position:relative;
	clear:both;
	left:252px;
	width:230px;
	top:-1.3em;
}

.submit {
	width:auto;
	margin:10px;
	left:0;
	
}

.comment1 {
	width:490px;
}

textarea {
	width:480px;
	height:100px;
	resize:none;
	margin:10px 0;
}



form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FFCC00;
	margin-top:-15px;
}
div.error { 
	display: none; 
}

input {	
	border: 1px solid black; 
}

input:focus { 
	border: 1px dotted black; 
}

input.error { 
	border: 1px dotted #FFCC00; 
}

form.cmxform .gray * { 
	color: gray; 
}



p {
	margin:0;
	padding:0 0 0.5em 0;
	line-height: 1.3em;
}


h2 {
	padding:0 0 10px 0;
	margin:0;
}

h2.be4_0 {
	padding:0;
}

img1 {
	position:relative;
	margin:0;
}