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

.logo {position: absolute; top: 0px; left: 80px; z-index: 100;}
.nav {position: absolute; top: 202px; left: 15px; height: 350px;}
.nav .about {position: absolute; top: 104px; left: 29px;}
.nav .portraits {position: absolute; top: 21px; left: 142px;}
.nav .urban_rural {position: absolute; top: 25px; left: 253px;}
.nav .flora_fauna {position: absolute; top: 144px; left: 147px;}
.nav .art_architecture {position: absolute;	top: 137px;	left: 247px;}
.nav .land_skyscapes {position: absolute; top: 236px; left: 156px;}
.nav .this_that {position: absolute; top: 240px; left: 274px;}
.contact_link {position: absolute; top: 470px; left: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.contact_link a {color: #fff; text-decoration: none;}
.contact_link a:visited {color: #fff;}
.contact_link a:hover {text-decoration: underline;}
.page_title {position: absolute; top: 140px; left: 487px;}
.title {position: absolute;	top: 600px;	left: 180px; visibility:hidden;}

.content {position: absolute; top: 209px; left: 487px; height: 285px; color: #eee; font-family: Arial, Helvetica, sans-serif;	font-size: 13px; overflow: auto; border: 1px solid #875e24; margin-right: 60px; padding: 10px 20px 20px 20px;}
.content a {color: #eee;}
.content_header {position: absolute; top: 210px; left: 445px; color: #875e24; font-family: Arial, Helvetica, sans-serif; font-size: 25px;}

h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}

.footer_nav {position: absolute; top: 689px; height: 50px; left: 0px; width: 100%; text-align: center; color: #875e24; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.footer_nav a {color: #875e24; padding: 0 4px; text-decoration: none;}
.footer_nav a:visited {text-decoration: none;}
.footer_nav a:hover {text-decoration: underline;}
.footer_nav .black {padding: 0 4px;	color: #000;}

.intro {width: 100%; height: 640px;	position: absolute;	top: 49px; left: 0px; margin: 0 auto;}

.gallery {position: absolute; left: 480px; top: 182px;}

/* These hieghts and widths should be edited to your images */	
ul#pikame{position: absolute; top: 0px; padding-left:0; width:540px; height: 92px; margin:0 auto; overflow: hidden;}
.pika_main{top: 96px; left: 6px;}
#pikame li{margin:4px 6px; float: left; width:540px;}

ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border: none;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none; width:540px;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%; height:30px; text-align: left; padding-top: 15px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

.enter {margin-top: -110px; padding-right: 60px;}
.enter img {border: 0;}
.enter a:active {outline:none;}
.enter a:visited {outline:none;}
.enter a:focus {-moz-outline-style:none;}