body { 
	background-color: #150601;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px; 
	line-height: 15px;
	color: #000;
	margin:auto;
	padding:0;
}

img { margin: 0; padding: 0; border: 0; }

a { margin: 0; padding: 0; border: 0; }

h1 {
	color: #000000;
	font-size: 20px;
	font-family: Courier, Georia, serif; 
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing:-3px;
	line-height: 22px;
}

h2 {
	color: #000000;
	font-size: 18px;
	font-family: Courier, Georia, serif; 
	margin: 0;
	padding: 0;
	letter-spacing:0;
	line-height: 19px;
	font-weight: bold;
	text-align: left;
}

h3 {
	color: #000000;
	font-size: 14px;
	font-family: Courier, Georia, serif; 
	margin: 0;
	padding: 0;
	line-height: normal;
	text-align: left;
}

p {
	margin: 0 10px 10px 0;
}

a { color: #425820; text-decoration: underline; }
a:hover { color: #752004; text-decoration: underline; }

form {
	margin: 0;
	padding: 0;
}

.label {
	font-weight: bold;
	text-align:right;
}

.border {
	border: 1px solid #752004;
}

.noborder {
	border: 0;
}

.button {
	background-color:#150601;
	border: 1px solid #cc8028;
	padding: 3px;
	color: #ffffff;
}

.text {
	border: 1px solid #150601;
	font-size: 11px;
	height: 14px;
}

.textarea {
	border: 1px solid #150601;
	font-size: 11px;
}
/* *********  LAYOUT ELEMENTS  ************* */

#main_body {
	width: 590px;
	margin:auto;
	position:relative;
	top:1px;
}

#top {
	width:585px;
	height: 119px;
	position:relative;
	margin:0;	
	padding:0;
	text-align: center;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.login {
	position:absolute;
	top: 3px;
	left: 430px;
	width:103px;
	height:54px;
	text-align:right;
}
	
#top_nav {
	height: 25px;
	width: 501px;
	position: relative;
	margin:auto;
	padding:0;
}

#banner_home {
	height:336px;
	width:586px;
	background-image: url(../images/home_pic_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin:0;
	padding:0;
	position: relative;
}

#banner_home img {
	position: relative;
	top: 12px;
}

#banner_home #flash {
	position: relative;
	top: 12px;
	margin:auto;
	height: 309px;
	width: 516px;
}

#flash img {
	margin:-12px 0 0 0;
	padding:0;
}

#banner {
	height:191px;
	width:586px;
	background-image: url(../images/cont_pic_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin:0;
	padding:0;
	position: relative;
}

#banner img {
	position: relative;
	top: 12px;
	width: 516px;
	height: 167px;
}

.side_links {
	width: 23px;
	height: 151px;
	position: absolute;
	top: 20px;
	left: 0;
}

#home_body {
	width:586px;
	height:300px;
	background-image: url(../images/postcard.jpg);
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin:auto;
	padding:0;
	z-index: 10;
}

#content_body {
	width:586px;
	position: relative;
	background-image: url(../images/cont_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	margin:auto;
	padding:0;
	z-index: 10;
}

.card_top {
	background-image:url(../images/cont_bg_top.jpg);
	background-position: top center; 
	background-repeat: no-repeat;
}

.content_bottom {
	background-image:url(../images/cont_bg_bottom.gif);
	background-position: bottom center; 
	background-repeat: no-repeat;
	height: 52px;
	margin:auto;
	text-align: center;
	padding-top:20px;
}

.content_bottom a {
	margin: 0;
	text-decoration: none;
}

.container {
	width: 460px;
	margin:auto;
	position: relative;
	top: 15px;
}

.container h1 {
	width: 320px;
}

.container p {
	margin: 5px 0 10px 0;
}

.home_thumbs {
	width: 460px;
	margin:10px 0 0 0;
}

.home_thumbs img {
	background-image: url(../images/home_thumb_bg.jpg);
	background-repeat: no-repeat;
	padding:5px 6px 6px 5px;
	margin: 0 2px 15px 0;
	height: 64px;
	width: 96px;
}

.thumbs {
	width: 460px;
	margin:10px 0 0 0;
}

.thumbs img {
	background-image: url(../images/home_thumb_bg.jpg);
	background-repeat: no-repeat;
	padding:5px 6px 6px 5px;
	margin: 0 2px 0 0;
}

.box_thumbs {
	width: 460px;
	margin:10px 0 0 0;
}

.box_thumbs img {
	background-image: url(../images/home_thumb_bg.jpg);
	background-repeat: no-repeat;
	padding:5px;
	margin: 0 3px 0 0;
	height: 64px;
	width: 96px;
}

.wallpaper_thumbs {
	width: 100px;
	margin:10px 10px 10px 0;
}

.wallpaper_thumbs img {
	background-image: url(../images/home_thumb_bg.jpg);
	background-repeat: no-repeat;
	padding:5px 6px 6px 5px;
	margin: 0 2px 0 0;
	height: 64px;
	width: 96px;
}

.box {
	width:110px;
	float:left;
	margin:0 3px 10px 0;
}

.detail_pic img {
	background-image: url(../images/detail_pic_bg.jpg);
	background-repeat: no-repeat;
	padding: 11px 13px 13px 11px;
	margin: 10px 0 10px 0;
	height: 290px;
	width: 435px;
}

.resource {
	margin: 10px;
}

.res_folder {
	display: none;
	border: 1px solid #977e60;
	background-color:#f1d191;
	margin: 5px 0 0 0;
}

.exp {
	margin: 10px;
}

.exp_text {
	display: none;
	border: 1px solid #977e60;
	background-color:#f1d191;
	margin: 5px 0 0 0;
	padding: 10px 10px 0 10px;
}

p.close {
	cursor: pointer;
	text-decoration: underline;
	margin:10px 0 10px 0;
	padding:0;
}

.exp_text_open {
	display: block;
	border: 1px solid #977e60;
	background-color:#f1d191;
	margin: 5px 0 0 0;
	padding: 10px;
}

ul {
	margin:0;
	padding:0;
	list-style: none;
}

ul li {
	background-image: url(../images/bullet_1.gif);
	background-repeat: no-repeat;
	background-position: 7px 0;
	padding-left: 25px;
	margin:3px 0 5px 0;
}

.children {
	border: 1px solid #977e60;
	background-color:#f1d191;
	padding: 10px;
	margin: 20px 10px 10px 0;
}

.children h2 {
	font-size: 18px;
}

.children ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.children ul li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 7px 0;
	padding-left: 25px;
	margin:3px 0 5px 0;
}

.children ul li a {
	text-decoration: underline;
}

#footer {
	padding-top: 10px;
	width: 480px;
	font-size: 10px;
	line-height:18px;
	color: #83675b;
	text-align:left;
	margin:auto;
	position: relative;
}


#footer p {
	margin-top: 2px;
	color:#83675b;
	width: 480px;
}

#footer a {color:#83675b;text-decoration: none;}

#footer .tag a:link { text-decoration: none; }
#footer .tag a:hover { text-decoration: none; }
#footer .tag a:active { text-decoration: none; }
#footer .tag a:visited { text-decoration: none; }

/* ***************  SUCKERFISH NAV STYLES *************** */

#nav, #nav ul {
	padding: 0;
	margin:0;
	list-style: none;
}

#nav a {
	display: block;
	/*width: 10em;*/
	text-decoration: none;
	color: #ffffff;
	padding: 0;
	margin:0;
}

#nav li {
	float: left;
	/*width: 10em;*/
	padding: 0;
	margin:0;
}

#nav li ul {
	position: absolute;
	/*width: 10em;*/
	left: -999em;
	z-index: 10000;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* *************** CUSTOM NAV STYLES **************** */
#btn_galleries a { background: url(../images/btn_galleries.gif) no-repeat;width: 107px; height: 25px; }
#btn_story a { background: url(../images/btn_story.gif) no-repeat; width: 96px; height: 25px; }
#btn_life a { background: url(../images/btn_wildlife.gif) no-repeat; width: 96px; height: 25px; }
#btn_prints a { background: url(../images/btn_prints.gif) no-repeat; width: 96px; height: 25px; }
#btn_info a { background: url(../images/btn_info.gif) no-repeat; width: 106px; height: 25px; }

#btn_galleries a:hover { background-position:-107px;}
#btn_story a:hover { background-position: -96px;}
#btn_life a:hover { background-position:-96px;}
#btn_prints a:hover { background-position:-96px;}
#btn_info a:hover { background-position:-106px;}

.btn_text { visibility: hidden; }

/* ***************  SUCKERFISH NAV STYLES *************** */

#nav_side, #nav_side ul {
	padding: 0;
	margin:0;
	list-style: none;
}

#nav_side a {
	display: block;
	/*width: 10em;*/
	text-decoration: none;
	color: #ffffff;
	padding: 0;
	margin:0;
}

#nav_side li {
	float: left;
	/*width: 10em;*/
	padding: 0;
	margin:0;
}

#nav_side li ul {
	position: absolute;
	/*width: 10em;*/
	left: -999em;
	z-index: 10000;
}

#nav_side li:hover ul {
	left: auto;
}

#nav_side li:hover ul, #nav_side li.sfhover ul {
	left: auto;
}

/* *************** CUSTOM NAV STYLES **************** */

#btn_home a { background: url(../images/btn_home.gif) no-repeat; width: 23px; height: 75px;overflow:hidden; }
#btn_contact a { background: url(../images/btn_contact.gif) no-repeat; width: 23px; height: 76px;overflow:hidden; }

#btn_home a:hover { background-position: -23px;}
#btn_contact a:hover { background-position:-23px;}

.btn_text { visibility: hidden; }
