/*******************************************
/*
/* !Tag Styling */
/*
/******************************************/

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #000000;
	font-family: "Times", "Times New Roman", Times, Times New Roman, "Georgia", Georgia, serif;
	font-size: 15px;
	letter-spacing: 0.01em;
	line-height: 24px;
	color: #fff;
}

a,
a:visited,
a:active {
	color: #222;
	text-decoration: none;
}

a:focus {
	 -moz-outline:none;
	 outline: none;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 4px 0 20px;
	letter-spacing: 0.05em;
	color: #DC0679;
}

h2,
.label {
	font-size: 10px;
	font-weight: bold;
	font-family: "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 0.05em;
}

.label {
	vertical-align: middle;
	padding-bottom: 4px;
}

h2 .green {
	font-family: "Times", "Times New Roman", Times, Times New Roman, "Georgia", Georgia, serif;
	font-size: 14px;
}

h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.05em;
	color: #000;
}

h4 {
	font-family: "Times", "Times New Roman", Times, Times New Roman, "Georgia", Georgia, serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	margin: 0;
}

h5 {
	font-family: "Times", "Times New Roman", Times, Times New Roman, "Georgia", Georgia, serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	margin: 0;
}

p { letter-spacing: 0.01em; }

img { border: none; }

.white { color: #fff; }

.green { color: #8AC03F; }

.pink { color: #DC0679; }

.hidden { display: none; }


/*******************************************
/*
/* !Sidebar Menu */
/*
/******************************************/

body > div#sidebar {
	position:fixed;
}

#sidebar {
	z-index: 4;
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 100%;
	background-color: #fff;
	background: #fff url(../images/layout/logo.gif) 100px bottom no-repeat;
}

#sidebar #fixedheight {
	position: relative;
	top: 0;
	left: 0;
	width: 270px;
	height: 400px;
	display: block;
	background: white;
}

#sidebar a {
	display: none;
	border: none;
	width: 100%;
	height: 100%;
}

#sidebar #search {
	position: absolute;
	left: 50px;
	top: 25px;
	width: 60px;
	height: 16px;
	background: url(../images/layout/search.gif) left top no-repeat;
}

#sidebar #search a,
#sidebar #search.selected {
	background: url(../images/layout/search.gif) left bottom no-repeat;
}

#sidebar #current {
	position: absolute;
	left: 50px;
	top: 110px;
	width: 80px;
	height: 20px;
	background: url(../images/layout/menu.gif) left top no-repeat;
}

#sidebar #current a,
#sidebar #current.selected {
	background: url(../images/layout/menu.gif) left bottom no-repeat;
}

#sidebar #archivetoggle {
	position: absolute;
	left: 130px;
	top: 110px;
	width: 71px;
	height: 20px;
	background: url(../images/layout/menu.gif) -80px top no-repeat;
}

#sidebar #archivetoggle a {
	background: url(../images/layout/menu.gif) -80px bottom no-repeat;
}

#sidebar #archivetoggle a.selected,
#sidebar #archivetoggle.selected {
	background: url(../images/layout/menu.gif) -80px -20px no-repeat;
}

#sidebar #gallery {
	position: absolute;
	left: 50px;
	top: 140px;
	width: 66px;
	height: 20px;
	background: url(../images/layout/menu.gif) -151px top no-repeat;
}

#sidebar #gallery a,
#sidebar #gallery.selected {
	background: url(../images/layout/menu.gif) -151px bottom no-repeat;
}

#sidebar #about {
	position: absolute;
	left: 50px;
	top: 170px;
	width: 111px;
	height: 20px;
	background: url(../images/layout/menu.gif) -218px top no-repeat;
}

#sidebar #about a,
#sidebar #about.selected {
	background: url(../images/layout/menu.gif) -218px bottom no-repeat;
}

#sidebar #contact {
	position: absolute;
	left: 50px;
	top: 200px;
	width: 70px;
	height: 20px;
	background: url(../images/layout/menu.gif) -329px top no-repeat;
}

#sidebar #contact a,
#sidebar #contact.selected {
	background: url(../images/layout/menu.gif) -329px bottom no-repeat;
}

#sidebar #rental {
	position: absolute;
	left: 50px;
	top: 300px;
	width: 100px;
	height: 27px;
	background: url(../images/layout/rental.gif) left top no-repeat;
}

#sidebar #rental a,
#sidebar #rental.selected {
	background: url(../images/layout/rental.gif) left bottom no-repeat;
}


/*******************************************
/*
/* !Archive */
/*
/******************************************/

body > div#archive {
	position:fixed;
}

#archive {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
/* 	height: 316px; */
	height: 66px;
	border-bottom: 6px solid #fff;
	background: #8AC03F url(../images/layout/archivebg.gif) top left repeat-x;
	overflow: hidden;
}

#archive #archivetable {
	position: absolute;
	top: 0;
	left: 0;
}

#archive tr,
#archive td {
	vertical-align: top;
}

#archive #archivetable table {
	width: auto;
}

#archive td.buffer {
	width: 270px;
}

#archive div#buffer {
	display: block;
	height: 10px;
	width: 270px;
}

#archive td#year {
	padding-right: 40px;
}

#archive td.year {
	padding: 106px 0 0 45px;
}

#archive td.months {
	padding-left: 45px;
}

#archive a,
#archive a:visited {
	color: #000;
}

#archive a:hover {
	color: #FFF;
}

#archive .dim {
	color: #628c47;
}


/*******************************************
/*
/* !Content */
/*
/******************************************/


#content {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#content.about,
body.about,
#copy.about { background: #DC0679; }
#content.contact,
body.contact,
#copy.contact { background: #8AC03F; }

#contenttable {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: black;
}

#contenttable tr,
#contenttable td {
	vertical-align: top;
}

#contenttable td.buffer {
	width: 270px;
}

#contenttable tr.rowbuffer,
#contenttable td.rowbuffer {
	height: 60px;
}

#content div#buffer {
	display: block;
	height: 10px;
	width: 270px;
}

#content #galleryslide {
	width: 100%;
	height: 250px;
}

	#content #galleryslide #slideshow {
		display: block;
		width: 100%;
		height: 250px;
		border-top: 6px solid #fff;
		outline: none;
	}

#content #header {
	width: 100%;
	height: 200px;
	vertical-align: top;
}
#content #header.shorter {
	height: 150px;
}
	#content #header td {
		vertical-align: top;
	}
	#content #header #heading {
		display: block;
		width: 100%;
		height: 215px;
		border-top: 6px solid #fff;
	}
	#content #header #heading.current {
		background: #DC0679 url(../images/layout/header-current.gif) 45px 45px no-repeat;
	}
	#content #header #heading.gallery {
		height: 160px;
		background: #8AC03F url(../images/layout/header-gallery.gif) 45px 45px no-repeat;
		border-bottom: 6px solid #fff;
	}
	#content #header #heading.purchasing {
		height: 160px;
		background: #8AC03F url(../images/layout/header-purchasing.gif) 45px 45px no-repeat;
		border-bottom: 6px solid #fff;
	}
	#content #header #heading.about {
		height: 295px;
		background: #DC0679 url(../images/layout/header-about.gif) 45px 45px no-repeat;
	}
	#content #header #heading.contact {
		height: 160px;
		background: #8AC03F url(../images/layout/header-contact.gif) 45px 45px no-repeat;
	}
	#content #header #heading.search {
		height: 160px;
		background: #DC0679 url(../images/layout/header-search.gif) 45px 45px no-repeat;
	}
	
#content #copy {
	width: 100%;
}

	#content #copy #text {
		border-top: 6px solid #fff;
		padding: 40px 0 60px 45px;
	}
	#content #copy #text a,
	#content #copy #text a:visited,
	#content #copy #text a:active {
		color: #DC0679;
		text-decoration: none;
	}
	
	#content #copy #text a:hover {
		 color: #999;
	}
	
	#content #copy.search #text a,
	#content #copy.search #text a:visited,
	#content #copy.search #text a:active {
		color: #999;
		text-decoration: none;
	}
	
	#content #copy.search #text a:hover {
		 color: #DC0679;
	}
	
	#content #copy.about { background: #DC0679; }
	#content #copy.contact { background: #8AC03F; }
	
	#content #copy.about #text,
	#content #copy.contact #text,
	#content #copy.purchasing #text { 
		border: none;
		padding-top: 20px;
	}
	
	#content #copy.about #text p { color: black; }
	#content #copy.about #text a,
	#content #copy.about #text a:visited { color: #fff; }
	#content #copy.about #text a:hover { color: #333; }
	
	#content #copy.purchasing #text a,
	#content #copy.purchasing #text a:visited { color: #8AC03F; }
	#content #copy.purchasing #text a:hover { color: #CCC; }
	
	#content #copy.contact #text {
		margin-top: 0;
		padding-top: 0;
	}
	#content #copy.contact #text p { color: black; }
	#content #copy.contact #text a,
	#content #copy.contact #text a:visited { color: #000; }
	#content #copy.contact #text a:hover { color: #4b7625; }
	
	#content #copy #text p { width: 600px; }
	#content #copy #text #entry {
		margin-bottom: 50px;
		clear: both;
	}
	#content #copy #text #entry.search {
		border-bottom: 2px solid #222;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	
	#previewimage {
		position: relative;
		display: block;
		float: left;
		width: 160px;
		height: 160px;
		margin: 20px 20px 40px 0;
	}
	
	#previewdetails {
		position: relative;
		display: block;
		float: left;
		margin: 16px 0 40px 0;
	}
	
	#previewdetails h1 { color: #8AC03F; }
	#previewdetails h1.search { color: #DC0679; }
	
	input, select, textarea {
		margin-bottom: 10px;
	}
	input.text,
	textarea {
		border: 0;
		width: 100%;
		padding: 4px;
		font-family: "Times", "Times New Roman", Times, Times New Roman, "Georgia", Georgia, serif;
		font-size: 15px;
		letter-spacing: 0.01em;
		line-height: 24px;
	}
	input.radio {
		font-size: 10px;
		vertical-align: middle;
	}
	
#content #gallery {
	width: 100%;
}

	#content #gallery #images {
		padding: 45px 0 80px 45px;
	}
	
	#content #gallery #order {
		display: block;
		border-bottom: 2px solid #222;
		margin-bottom: 40px;
		color: #666;
	}
	#content #gallery #order .selected {
		color: #FFF;
	}
	
	#content #gallery #sorttitle {
		display: block;
		border-bottom: 2px solid #222;
		margin-bottom: 40px;
		color: #666;
		float: left;
		clear: both;
		width: 100%;
	}
	
	#content #gallery #order a,
	#content #gallery #order a:visited {
		color: #AAA;
	}
	
	#content #gallery #order a:hover {
		color: #8AC03F;
	}
	
	#content #gallery #images #thumb {
		float: left;
		margin: 0 20px 20px 0;
		height: 240px;
	}
	
	#content #gallery #images #thumb h2 {
		margin: 0;
		padding: 0;
		color: #666;
		width: 160px;
	}
	
	#content #gallery #images #thumb h1 {
		font-size: 14px;
		line-height: 18px;
		margin: -5px 0 0 0;
		padding: 0;
		color: #FFF;
		width: 160px;
	}
	
	#content #gallery #images #thumb:hover img {
		margin: -2px;
		border: 2px solid #FFF;
	}
	
	#content #gallery #images #thumb:hover h1 {
		color: #8AC03F;
	}
	
	#content #gallery #images #largeview {
		padding: 50px 45px 0 0;
		height: 100%;
	}
	
#content #description {
	position: absolute;
	z-index: 3;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	background: #000;
}

#content #description,
#content #description td {
	vertical-align: bottom;
}

	#content #description p {
		color: black;
		font-size: 10px;
		font-weight: normal;
		font-family: "Helvetica", "Arial", sans-serif;
		margin: 0;
		line-height: 16px;
		letter-spacing: 0.05em;
	}
	
	#content #description h2 {
		margin-bottom: 5px;
	}	
	
	#description h1 {
		color: black;
		margin: 0;
	}
	
	#content #description a,
	#content #description a:visited {
		color: #fff;
	}
	
	#content #description #options {
		width: 100%;
		text-align: right;
		padding-top: 10px;
	}
	
	#content #description #options div {
		margin-right: 40px;
		float: right;
	}
	
	#content #description #options div#back {
		margin: 0 0 0 315px;
		float: left;
	}
	
	#content #description #options a {
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	
	#content #description div#buffer {
		display: block;
		float: right;
		clear: both;
		height: 10px;
	}

	#content #description #details {
		border-top: 6px solid #fff;
		padding: 0;
		height: 1px;
		background: #8AC03F;
		overflow: hidden;
		clear: both;
	}
	
	#content #description #details table {
		width: 900px;
		margin: 20px 0 10px 45px;
	}
	
		#contenttable #description #details td.buffer {
			width: 270px;
		}
		
		#contenttable #description #details tr.rowbuffer,
		#contenttable #description #details td.rowbuffer {
			height: 60px;
		}
		
		#content #description #details div#buffer {
			display: block;
			height: 10px;
			width: 270px;
		}


/*******************************************
/*
/* !User Messages */
/*
/******************************************/

body.usermessage {
	background: #000 url('../images/layout/logorev.gif') 100px bottom no-repeat;
}

#usermessage h1 { letter-spacing: 0; }


#usermessage {
	position: absolute;
	top: 100px;
	left: 100px;
}

#usermessage a,
#usermessage a:visited {
	color: #8AC03F;
}

#usermessage a:hover {
	color: #AAA;
}