/*This is the core style sheet of the site. */



html, body {
	margin: 0;
	padding: 0;
	}
	
	
div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 600px;
	background-color: #F7F1D2;
	color: #000000;
	}
	
#navbg {
	position:absolute;
	
	top: 0px;
	left: 0px;
	width: 85px;
	height: 130px;
	background-image: url(images/nav/topnavbg.jpg);
	}	

#header {
	position:absolute;
	top: 0px;
	left: 85px;
	width: 715px;
	height: 99px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	}	
	
#headerline {
	position:absolute;
	background-image: url(images/headerline.jpg);
	background-repeat: no-repeat;
	top: 99px;
	left: 112px;
	width: 664px;
	height: 1px;
	}


p {
	font-family: Goudy, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color:#000000;
	background-color: #F7F1D2;
	}
	
.clickimage {
	position:absolute;
	top: 109px;
	left: 175px;
	font-family: Goudy, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color:#000000;
	background-color: #F7F1D2;
	}
	
.page {
	position:absolute;
	top: 109px;
	right: 30px;
	font-family: Goudy, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color:#000000;
	background-color: #F7F1D2;
	padding: 2px;
	}

#mainnav {
	position:absolute;
	top: 130px;
	left: 0px;
	width: 161px;
	height: 440px;
	}


div.gallery {
	float: left;
	width: 161px;
	height: 47px;
	margin: 0 0 0 0;
	background: url("images/nav/gallery.jpg") 0px 0px no-repeat;
	}

div.gallery a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	}

div.gallery a:hover {
	background: url("images/nav/gallery-on.jpg") top left no-repeat;
	}
div.gallery a:active {
	background: url("images/nav/gallery-on.jpg") top left no-repeat;
	}

div.gallery-active {
	float: left;
	width: 161px;
	height: 47px;
	margin: 0 0 0 0;
	background: url("images/nav/gallery-on.jpg") 0px 0px no-repeat;
	}

div.gallery-inner {
	float: left;
	width: 161px;
	height: 47px;
	margin: 0 0 0 0;
	background: url("images/nav/gallery-on.jpg") 0px 0px no-repeat;
	}

div.bio {
	float: left;
	width: 161px;
	height: 37px;
	margin: 0 0 0 0;
	background: url("images/nav/bio.jpg") 0px 0px no-repeat;
	}

div.bio a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	}

div.bio a:hover {
	background: url("images/nav/bio-on.jpg") top left no-repeat;
	
	}
div.bio a:active {
	background: url("images/nav/bio-on.jpg") top left no-repeat;
	}

div.bio-active {
	float: left;
	width: 161px;
	height: 37px;
	margin: 0 0 0 0;
	background: url("images/nav/bio-on.jpg") 0px 0px no-repeat;
	}

div.contact {
	float: left;
	width: 161px;
	height: 34px;
	margin: 0 0 0 0;
	background: url("images/nav/contact.jpg") 0px 0px no-repeat;
	}

div.contact a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	}

div.contact a:hover {
	background: url("images/nav/contact-on.jpg") top left no-repeat;
	}

div.contact a:active {
	background: url("images/nav/contact-on.jpg") top left no-repeat;
	}


	
div.contact-active {
	float: left;
	width: 161px;
	height: 34px;
	margin: 0 0 0 0;
	background: url("images/nav/contact-on.jpg") 0px 0px no-repeat;
	}

div.press {
	float: left;
	width: 161px;
	height: 43px;
	margin: 0 0 0 0;
	background: url("images/nav/press.jpg") 0px 0px no-repeat;
	}

div.press a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	}

div.press a:hover {
	background: url("images/nav/press-on.jpg") top left no-repeat;
	}
	

div.press-active {
	float: left;
	width: 161px;
	height: 43px;
	margin: 0 0 0 0;
	background: url("images/nav/press-on.jpg") 0px 0px no-repeat;
	}	
	
	div.links {
	float: left;
	width: 161px;
	height: 44px;
	margin: 0 0 0 0;
	background: url("images/nav/links.jpg") 0px 0px no-repeat;
	}

div.links a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	}

div.links a:hover {
	background: url("images/nav/links-on.jpg") top left no-repeat;
	}

div.links a:active {
	background: url("images/nav/links-on.jpg") top left no-repeat;
	}
	
div.links-active {
	float: left;
	width: 161px;
	height: 44px;
	margin: 0 0 0 0;
	background: url("images/nav/links-on.jpg") 0px 0px no-repeat;
	}


	div.home {
	float: left;
	width: 161px;
	height: 30px;
	margin: 0 0 0 0;
	background: url("images/nav/home.jpg") 0px 0px no-repeat;
	}

div.home a {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	}

div.home a:hover {
	background: url("images/nav/home-on.jpg") top left no-repeat;
	}

div.home a:active {
	background: url("images/nav/home-on.jpg") top left no-repeat;
	}
	
div.home-active {
	float: left;
	width: 161px;
	height: 30px;
	margin: 0 0 0 0;
	background: url("images/nav/home-on.jpg") 0px 0px no-repeat;
	}

#bottomnavbg {
	float: left;
	background-image: url(images/nav/bottomnavbg.jpg);
	top: 0px;
	left: 0px;
	width: 161px;
	height: 205px;
	background-repeat: no-repeat;

	}	

#index-text	 {
	position:absolute;
	top: 105px;
	left: 195px;
	width: 500px;
	height: 77px;
	text-align: center;
	background-color: #F7F1D2;
	color: #102477;
	}

h1 {
	font-family: "Trebuchet MS", Goudy, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	word-spacing: 2px;
	}	

#index-pic {
	position:absolute;
	background-image: url(images/index-pic3.jpg);
	top: 190px;
	left: 220px;
	width: 423px;
	height: 375px;
	background-repeat: no-repeat;
	}
	
#bio-text	 {
	position:absolute;
	top: 109px;
	left: 176px;
	width: 604px;
	height: 440px;
	text-align: justify;
	}
	
#bio-pic {
	float: right;
	width:200px;
	margin: 0 0 10px 20px;

}

#biostudio-pic {
	float: right;
	width:449px;
	margin:0 0 10px 20px;
	z-index:99;
}

p.bio-text {
	padding-right: 20px;
}

#press-text	 {
	position:absolute;
	top: 109px;
	left: 157px;
	width: 604px;
	height: 440px;
	font-family: "Times New Roman", Palatino, serif;
	font-size: 15px;
	padding-right: 30px;
	}

p.press-text	 {
	font-family: "Times New Roman", Palatino, serif;
	font-size: 15px;
	}
	
	
div.gallerypic-top	 {
	position:absolute;
	top: 140px;
	left: 140px;
	width: 650px;
	height: 213px;
	margin: 0 0 0 0;
	}
	
div.titles-top	 {
	position:absolute;
	top: 330px;
	left: 140px;
	height: 22px;
	}

div.gallerypic-bottom	 {
	position:absolute;
	top: 358px;
	left: 140px;
	width: 650px;
	height: 213px;
	margin: 0 0 0 0;
	}
	
div.titles-bottom	 {
	position:absolute;
	top: 551px;
	left: 140px;
	height: 22px;
	}
	
div.titles-bottomp3	 {
	position:absolute;
	top: 530px;
	left: 140px;
	height: 22px;
	}
	
div.titles-bottomp4	 {
	position:absolute;
	top: 520px;
	left: 140px;
	height: 22px;
	}

.title {
	float: left;
	width: 213px;
	font-family: Goudy, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	}
		
.title-seascape	 {
	float: left;
	width: 426px;
	font-family: Goudy, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	}
	
.title-biker	 {
	float: left;
	width: 402px;
	font-family: Goudy, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	}


	
div.detailpic	 {
	position:absolute;
	top: 130px;
	left: 161px;
	margin: 0 0 0 0;
	}	
	
div.detailpic-sea	 {
	position:absolute;
	top: 180px;
	left: 161px;
	margin: 0 0 0 0;
	}	
	
div.previous-next {
	position:absolute;
	top: 130px;
	right: 20px;
	margin: 0 0 0 0;
	}
	
div.sea-previous-next {
	position:absolute;
	top: 130px;
	right: 20px;
	margin: 0 0 0 0;
	}

#detailpage {
	text-align: left;
	font-family: Goudy, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	}
div.detailinfo	 {
	position:relative;
	top: 490px;
	left: 600px;
	}
	
div.detailinfo-sh	 {
	position:relative;
	top: 460px;
	left: 635px;
	}
	
div.detailinfo-shtr	 {
	position:relative;
	top: 370px;
	left: 635px;
	}

div.detailinfo-wsh	 {
	position:relative;
	top: 405px;
	left: 635px;
	}
	
div.detailinfo-l	 {
	position:relative;
	top: 455px;
	left: 585px;
	}
	
div.detailinfo-n	 {
	position:relative;
	top: 490px;
	left: 550px;
	}
	
div.detailinfo-nl	 {
	position:relative;
	top: 475px;
	left: 550px;
	}
	
div.detailinfo-sea	 {
	position:relative;
	top: 485px;
	left: 540px;
	}

h2 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
    }

#footer {
	position:absolute;
	top: 570px;
	left: 0px;
	height: 30px;
	width: 800px;
	}

p.copyright {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	padding: 0px 0px 10px 10px;
	}

#paypal {
	position:absolute;
	top: -20px;
	left: 500px;
	background: url("images/paypal.jpg") no-repeat;
	height: 47px;
	width: 275px;
	}
		 
#body2 {
	font: 15px/30px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#title {
	width: 461px;
	height: 26px;
	font: bold 15px/20px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	background: transparent url("images/form/bg_legend2.gif") no-repeat;
	color: #5A698B;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

form {
	width: 467px;
}

.col1 {
	text-align: right;
	width: 195px;
	height: 31px;
	margin: 0;
	float: left;
	padding-right: 2px;
	background: url(images/form/bg_label2.gif) no-repeat;
}

.col2 {
	width: 263px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(images/form/bg_textfield2.gif) no-repeat;
}

.col2comment {
	width: 263px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(images/form/bg_textarea2.gif) no-repeat;
}

.col1comment {
	text-align: right;
	width: 195px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(images/form/bg_label_comment2.gif) no-repeat;
}

div.row {
	clear: both;
	width: 467px;
}

.submit {
	height: 29px;
	width: 461px;
	background: url(images/form/bg_submit2.gif) no-repeat;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 12px/15px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 12px/15px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}