/*/

----------------------------------------



Site: nana

Author:   Will G  ///

Version:  2007 . 10



----------------------------------------/*/







html, body, div, p

{

	font-family: Arial, Tahoma, sans-serif;

	color: #000000;

	font-size: 13px;

}





img

{

	margin: 0;

	padding: 0;

	border: 0;

}



body

{

	margin: 0 auto;

	padding:0;

}



#home

{



background: #d0d8ca url(../img/bg.gif) top center repeat-x;



}



#internal

{

background: #a7afa2 url(../img/internalbg3.jpg) top center repeat-x;

}



#internal2

{

background: #d0d8ca url(../img/internalbg2.jpg) top center repeat-x;

}



h1

{

	margin:0;

	padding: 0;

	width: 143px;

	background: url(../img/logo.gif) top left no-repeat;

	text-indent: -9000px;

	display: block;

	position:relative;

}



h1 a

{

	display: block;

	height: 100px;

}



.clear

{

	border: 0;

	clear: both;

	display: block;

	float: none;

	margin: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/*

LINKS --------------------- */



a

{

	padding: 0 0 0 0;

	margin: 0;

	text-decoration: none;

	outline: none;

	color: #6a6319;

	

}



a img

{

	border-width: 0;

	border-style: none;

}



a:hover { color: #CC0000; }



/*

COMMON --------------------- */



br { clear: both; }



p

{

	line-height: 22px;

	margin: 0 0 25px 0;

}



h2

{

	font-size: 25px;

	margin: 0;

	padding: 0;

	position: relative;

}



#internal h2

{

margin: 40px 0 20px 0;

}

h3

{

	color: #6a6319;

	font-size: 18px;

	font-weight: normal;

	padding: 20px 0 0 0;

}



.intro

{

	font-size: 18px;

	margin: 10px 0;

	padding: 0;

}



/*

LAYOUT --------------------- */



.container

{

	margin:0 auto;

	width:100%;

	padding: 0;

	background: #451302 url(../img/containerbg.jpg) top left no-repeat;

	float: left;

	top: 1px;

	position: relative;

}



.content

{

	margin: 0 auto;

	padding:0;

	width: 772px;

}



.lCol

{

	margin: 0;

	padding: 0;

	width: 463px;

	float: left;

}



.rCol

{

	margin: 0;

	padding: 0;

	width: 309px;

	float: right;

}



.floatcol

{

float:left;

width:300px;

padding: 15px;

background-color:#a7afa2

}


.floatcolg

{

float:left;

width:300px;

padding: 15px;

background-color:#ffffff

}


.copyBox

{

	margin: 150px 0 0 0;

	padding: 0;

}



.copyBox span

{

	font-size: 15px;

	font-weight: bold;

	color: #451302;

	margin: 0;

}



.thumbnails

{

	float: right;

	margin-top: 57px;

}



.rCol img

{

	bottom: 57px;

	right: 24px;

	position: relative;

	float: left;

}



.header

{

background: #fff;

}



.headerhome

{

	margin: 0;

	padding: 0px;

	width: 772px;

	height: 100px;

	float: left;

}



.headerhome

{

	margin: 0;

	padding: 0px;

	width: 772px;

	height: 100px;

	float: left;

	background: url(../img/headerbg.jpg) top left no-repeat;

	top: 1px;

	position: relative;

}



ul.topnav

{

	margin: 0;

	padding: 0;

	float:right;

	position: relative;

	bottom: 50px;

}



ul.topnav li

{

	margin: 0 30px 0 0;

	padding: 0;

	display: inline;

	font-size: 13px;

	text-decoration:none;

}



ul.topnav li a

{

	margin: 0;

	padding: 0;

	display: block-inline;

	color: #000;

	text-decoration:none;

}



ul.topnav li a:hover

{

	margin: 0;

	padding: 0;

	text-decoration: none;

	color: #CC0000;

}



span.cw

{

	color: #000000;

	height: 20px;

	line-height: 20px;

	font-size: 11px;

	margin: 0;

	padding: 0;

}



.footerbar

{

margin: 0;

padding: 10px 0;

width:100%;

background:#a7afa2;

float:left;

}



/*

tables --------------------- */

.gallery

{

margin:0;

padding:25px;

float:center;

background:#000000;

width:375px;

border-left: 0px solid #d0d8ca;

border-right: 0px solid #fff;

bottom: 5px;

position:relative;

}



.shop

{ font-size:12px;

}



.shop td

{text-align:right;

}



.shop2 

{ font-size:11px;

}





.thumb

{

margin:0;

padding:0;

}



.thumb img

{

border: 1px solid #fff;

margin:5px 2px 0 2px;

}



.imgcaption

{

margin-bottom:5px;

color: #000;

}



.gallery tr

{

margin:0;

padding:0;

}



.gallery td

{

padding:0;

margin:0;

}

/*

java --------------------- */



#imgBig

{

	margin: 32px 0 0 0;

	text-align: left;

	clear: both;

	width: 423px;

	height: 281px;

	border: 1px solid #fff;

}



#imgBig img

{

	margin: 0;

	padding: 0;

}



#imgSmall

{

	margin: 10px 0 0 0;

	padding: 0;

	display: block;

}



#imgSmall img

{

	margin: 5px;

	padding: 5px;

	float: left;

	display: inline;

	border: 1px solid #40585d;

	filter: alpha(opacity=50);

	-moz-opacity: .50;

	opacity: .50;

}



#imgSmall img.last { margin-right: 0px; }



#imgSmall a:hover img

{

	text-decoration: none;

	filter: alpha(opacity=99);

	-moz-opacity: .99;

	opacity: .99;

}



hr

{

	color: #c8c980;

	background: #c8c980;

	clear: both;

	border: none 0;

	border-top: 1px solid #c8c980;

	height: 1px;

	margin: 15px 0 15px 0;

	text-align: left;

	padding: 0;

}



.red { color: red; }







/* lightbox ----------------------------------- */

#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 100% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 100% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #imageDetails span#caption {color:#000;}

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}



		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}