/* style.css template for main html template */
.bodycopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-style: normal;
	text-decoration: none;
}

blockquote {margin: 10px 0 10px 30px;}

/* typography */

body {font-family: Tahoma, Geneva, sans-serif; }

h1 {}

h2 {text-transform: uppercase; font-size: 10px; 
	font-weight:900; letter-spacing: .2em;
	color: #000; margin:15px 0;}
h3 {text-transform: uppercase; font-size: 10px; 
	font-weight:900; letter-spacing: .2em;
	color: #000; margin:15px 0 0 0;}
	
h4, h5 {}

p { font-size: 11px; 
	line-height: 16px; 
	margin: 10px 0;
	}

.title {text-transform: uppercase; font-size: 10px; 
	font-weight:900; letter-spacing: .1em;
	color: #848484; margin-right: 5px; }
	
li {}

a:link, a:visited { text-decoration: none; color: #a5c3e9; font-weight:bold;}
a:hover, a:active { text-decoration: underline; color: #a5c3e9;  font-weight:bold;}


/* page structure */

body {text-align: center;}

#wrap {
	display:block;
	width:800px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}

#sidebar {
	display: block;
	width:200px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	margin-top: 60px;}


#content {
	width: 500px;
	height: 400px;
	overflow: visible;
	text-align: left;
	margin: 0;
	position: absolute; 
	top: 100px; left: 220px;
	}


#footer {}


/* navigation */

a#logo { display: block; height:50px; width:200px; background: url("../img/btn_home_4.gif") no-repeat; text-indent: -9999px; border:none; padding:0;
	position:absolute; top:10px; left:0;
	}
a#logo:hover {border:0; background-position:0 -50px;}

#nav {position:absolute; left:440px; top:20px;}
#nav li {float:left; margin-right:30px;}
#nav li a {text-transform: uppercase; 
	font-size: 10px; 
	font-weight: 500; letter-spacing: .5em;
	color: #bababa;
	padding:2px 6px; 
	border:1px solid #fff;}
	
#nav li a.active {border:1px solid #eee;}
#nav li a:hover { text-decoration:none; border:1px solid #a5c3e9; color: #a5c3e9;}
	



/* subnav */

#subnav { display: block; margin: 50px 0 30px 20px;}
#subnav li { margin-bottom: 18px; }
#subnav li a { text-transform: uppercase; font-size: 10px; letter-spacing: .25em; color: #bababa; padding:2px 6px;  border: 1px solid white;}
#subnav li a.active {border: 1px solid #eee;}
#subnav li a:hover { text-decoration:none; border:1px solid #a5c3e9; }


h2#gallery {display: block; background: url(../img/h2_gallery.gif) no-repeat;
	width:87px; height:11px;
	text-indent: -9999px;
	position: absolute;
	top: 350px;
	left: 0;
	z-index:5000;
	}

#gallery_nav {  display: block; 
	position: absolute; 
	top: 385px; left: 15px;
	line-height: 9px;
	z-index:3000;
	}
	
#gallery_nav li { float:left; margin-right: 6px;}
#gallery_nav li a { text-transform: uppercase; 
	font-size: 9px; 
	font-weight: bold; letter-spacing: .7em;
	color: #999999; }
	
#gallery_nav li a.active {color: #98c5ff}

.picsection .descripWrap {position:absolute; top:50px; left:0; margin-top: 0;  max-width:200px; }

.picsection pre {
	font-size:11px !important; 
	line-height: 14px !important;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.picsection p {width:200px;}

/* homepage info nav */
#info-nav {  display: block;  
	position: absolute; 
	top: 290px; left: 515px;
	z-index: 2;
	line-height: 9px;
	}
	
#info-nav li { float:left; margin-right: 10px;}
#info-nav li a { text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: .4em;
	color: #bababa; }
	
#info-nav li a.active {color: #a5c3e9}


/* gallery  */

.gallery #content {
	width: 720px;
	height: 340px;
	text-align: left;
	margin: 0;
	position: absolute; 
	top: 100px; left: 0px;
	}

.descrip {position:absolute; top:50px; left:0;margin-top: 0;  width:180px;}

.caption {position: absolute; top: -430px; left: 0;}

img#bigphoto {margin-top:0;}

#thumb_nav {position:absolute; top:330px; left:10px; }
#thumb_nav li {float:left; margin-right:15px; margin-bottom:15px; display:block;}
#thumb_nav li img {float:left; cursor:pointer;}


div.med {display:block; position:absolute; top:0px; left:250px; }


/* misc */

#loading { margin-top:100px; margin-left:300px;}

.home #content {
	width: 660px;
	text-align: left;
	margin: 0;
	top:40px; left: 80px;
	position: relative; 
	height:331px;
	overflow: hidden;
	}
	
.home #content a#btn { display: block; height:263px; width:163px; position: absolute; top: 68px ; left: 237px; z-index: 200;
	text-indent: -9999px;}
.home img#hmpg_over { position: absolute; top: 75px ; left: 237px; z-index: 100;}
.home img#hmpg_up {position: absolute;top: 0; left: 0; }


.hide {display: none;}
.indent {margin-left:20px;}