/* set defaults */
body {
	font-family: verdana, trebuchet, arial, sans-serif;
	font-size: 62.5%;
	color: #fff;
	margin: 0;
	padding: 0;
	background: #000 url(none) left top repeat-x;
	text-align: center;
}
* { 		
	font-size: 1em; 
	line-height: 1.5em;
 } 
#counter{
	position:absolute;
	top:0;left:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0 0 1em 0; } 
h1, h2, h3, h4, h5, h6 {  font-weight:normal; } 
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.9em;
}
h4 {
	font-size: 1.8em;
}
h5 {
	font-size: 1.6em;
}
p{
	text-align:justify;
	font-size: 1.2em;
}

ul, ol, dl {
	list-style: none;
	padding:0;
}
ul, ol, dl {
}
li {
	list-style: none;
	padding:0;
	margin:0;
	font-size: 1.2em;
}


a {
	color:#B61411;
}
a:hover {
	color:#8E3002;
}
img, a img {
	border: none;
}		

.textJustify{
	text-align:justify;
}
.textLeft{
	text-align:left;
}
.textCenter{
	text-align:center;
}




/* boxes */
#wrapper{
	position:relative;
	width:760px;
	margin: 0px auto;
	text-align: left;
	padding-top:45px;
	}
#header{
	margin:0 auto 0 auto;
	padding:0 5px;
	background: url(../images/bgs/header-bg.gif) 0px 0px no-repeat;
}
#content {
	text-align:center;
	padding:25px 0;
	margin:10px 40px;
}
#footer{
	text-align:center;
	padding-top:50px;
	clear:both;
	color:#333;
	font-size:.8em;
}



/* header stuff */
#header h1{
	height:55px;
	padding-top:3px;
	padding-left:100px;
	margin:0px;
	background:url(../images/bgs/header-h1-bg.gif) 430px 0px no-repeat;
}
#header h1 a{
	font-size:14px;
	margin:0 0 0 284px;
	top:0px;
	color:#000;
	text-decoration:none;
}
#header h1 a:hover{
	color:#ccc;
}


/*menu stuff */
#menu{	
	margin-top:0px;
	height:25px;
}
#nav{
	position: relative;
	left:0;
	top:0;
	margin:0;
	margin-left:120px;
}
#nav a {
	text-decoration: none;
	text-transform:lowercase;
	color: #fff;
}


#nav li {
	float: left;
	position: relative;
	width: 106px;
	text-align: center;
	cursor: default;
}
#nav li a {
	padding:1px 9px;
	border:1px solid #000;
	display:block;
}
#nav li a:hover {
	border:1px solid #666;
}	

#nav li a.toplink {
	height:20px;
}
#nav li.latestNav{
	width:105px;
}
#menu li.glassNav {
	width:62px;
}
#menu li.woodNav{
	width:64px;
}
#menu li.bookNav {
	width:106px;
}
#menu li.contactNav {
	width:80px;
}
#menu li.infoNav {
	width:106px;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #000;
	padding:0;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	width:106px;
	background-color: transparent;
	border: 0;
	font-size:1em;
}
#menu li.infoNav li {
	width:160px;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}
#nav li ul a, #nav li ul a:hover {
	display:block;
	margin:0;
	padding:1px 9px 3px 9px;
	text-align:left;
	background:#333;
}



/* content stuff */
#content h2{
	margin-bottom:.5em;
}
#content img, #content img.mainPic  {
	margin-bottom:1em;
	border:1px solid #666;
}
#content p{
	margin:0 70px 1em 70px;
}
#content p em{
	font-style:normal;
	color:#9B3402;
}



/* gallery & thumbnail pages */
.gallery #content{
	text-align:center;
}
.gallery #content h2  {
	font-size: 2.2em;
}
.gallery #content h2 span.num{
	font-size:.5em;
	color:#333;
	margin-left:-20px;
}

.gallery #content p{
	text-align:center;
}
.gallery #content ul.buttons{
	text-align:center;
	clear:both;
}
.gallery #content li{
	display:inline;

}
#content .thumbnails{
	margin:auto 60px;
}
#content .thumbnails img{
	border:0px;
	margin:0;
}
.thumbnails li{
	display:inline;
}
.thumbnails li a{
	float:left;
	height: 100px;
	width:100px;
	margin: 5px;
	border:1px solid #333;
}
.thumbnails li a:hover{
	border:1px solid #666;
}
.buttons a{
	text-decoration:none;
	font-size:.9em;
}
.buttons .num a{
	text-decoration:underline;
}
.buttons .current a{
	color: #333;
}


/* footer stuff */
#footer p{
	text-align:center;
}
#footer a{
	color:#333;
}
#footer a:hover{
	color:#666;
}







/* IMPORTANT! sIFR import styles for screen & print media */

@media screen {
/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


	.sIFR-hasFlash #columnTwo h1{
		visibility: hidden;
		font-size:2.6em;
		margin-bottom:3px;
	}
	
	
}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}