/*	
	Copyright (c) 2007 currentsubmenuyblue.
	Doc: default
	Revision: 1.0
*/



/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.75em;
	color:#000000;
}


/* Generic Links */

a:link, a:visited, a:active {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:none;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/

table#contain {
	width:100%;
	height:100%;
	position:relative;
}

table#contain td {
	vertical-align:middle;
	text-align:center;
}

#copy {
	height:20px;
	margin:60px 0 20px 0;
	color:#999;
	font-size:0.92em;
}

#copy p {
	width:912px;
	text-align:left;
	margin:0 auto;
	padding:0;
	color:#ccc;
	text-align:right;
}
#wrapper {
	width:912px;
	height:520px;
	margin:auto;
	position: relative;
}


#logo {
	width:450px;
	height:30px;
	padding:50px 5px 0 0;
	text-align:left;
	float:left;
}

#nav_panel {
	width:450px;
	height:30px;
	padding:30px 0 0 0;
	text-align:right;
	float:left;
}

#header {
	width:450px;
	height:30px;
	padding:50px 0 0 0;
	text-align:right;
	float:left;
	z-index:100;
	position: relative;
}

#left_panel {
	width:456px;
	height:450px;
	float:left;
	display:inline;
	background:#E9E5E0;
	text-align:left;
}

#right_panel {
	width:456px;
	height:450px;
	float:left;
	background:#E9E5E0;
	text-align:left;
	z-index:1;
}

#right_panel #thumbs img, #left_panel #thumbs img {
	display:block;
}

#left_panel2 {
	width:450px;
	height:450px;
	float:left;
	display:inline;
	background:#E9E5E0;
	text-align:left;
	border:solid #ffffff;
	border-width:0 6px 0 0;
}

#right_panel2 {
	width:450px;
	height:450px;
	float:left;
	background:#E9E5E0;
	text-align:left;
	border:solid #ffffff;
	border-width:0 0 0 6px;
}
#right_panel3 {
	width:450px;
	height:450px;
	float:left;
	background:#E9E5E0;
	text-align:left;
}

#film {
	width:430px;
	height:430px;
	padding:10px 0 0 10px;
	z-index:1;
}
#film object{
	z-index:1;
}

.film_img {
	width:120px;
	height:120px;
	float:left;
}

.film_txt {
	width:200px;
	float:left;
}

#gallery_img {
	border:solid #fff;
	border-width:0 6px 0 0;
	display:block;
}

#content_panel {
	width:410px;
	height:440px;
	background:#FFFFFF;
	margin:10px 0 0 15px;
	padding:0 0 0 10px;
}

#subnav {
	width:420px;
	height:50px;
	padding:10px 0 0 0;
}

#more {
	width:225px;
	float:left;
	text-align:right;
	padding:10px 6px 0 0;
}

#more h1 {
	font-size:1.17em;
	font-weight:normal;
}

#previous {
	width:225px;
	float:left;
	text-align:left;
	padding:10px 0 0 0;
}

#more a:link, a#more:visited, #more a:active, #previous a:link, #previous a:visited, #previous a:active {
	color:#000;
	text-decoration:none;
}
#more a:hover, #previous a:hover {
	color:#666;
	text-decoration:none;
}

.pad_out {
	margin:0 0 0 456px;
}

table #exhibit td, table #exhibit th,
table #exhibit2 td, table #exhibit2 th
{
	text-align:left;
	vertical-align:top;
}

/* Footer */
#footer {
	width:456px;
	color:#999;
	font-size:1.17em;
	float:left;
	text-align:left;
	padding:10px 0 0 0;
}

#footer h1 {
	color:#B9B634;
	font-size:1em;
	margin:0;
	padding:0;
}
#footer h2 {
	color:#7C6A55;
	font-size:1em;
	margin:0;
	padding:0;
}

.right {
	text-align:right;
}
.left {
	text-align:left;
}

#fa_home {
	width:450px;
	height:450px;
	
}
#com_home  {
	width:450px;
	height:450px;
}

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */

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

#nav_panel ul li, #subnav ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#nav_panel li a:link, #nav_panel li a:active, #nav_panel li a:visited {
	margin:0 0 0 10px;
}

.jqueryslidemenu li a:hover, .jqueryslidemenu li.selected a#about, .jqueryslidemenu li.selected a#film, .jqueryslidemenu li.selected a#recent, .jqueryslidemenu li.selected a#shop, .jqueryslidemenu li.selected a#contact {
	color:#999;
}
.jqueryslidemenu li a#commercial:hover, .jqueryslidemenu li.selected a#commercial{
	color:#B9B634;
}
.jqueryslidemenu li a#art:hover, .jqueryslidemenu li.selected a#art{
	color:#7C6A55;
}


#subnav li a:link, #subnav li a:active, #subnav li a:visited {
	margin:0 0 0 10px;
	color:#999999;
}



#subnav li a:hover, #subnav li.selected a{
	color:#000000;
}



.jqueryslidemenu li a#about, .jqueryslidemenu li a#le, .jqueryslidemenu li a#lss {
	cursor:default;
}


/* Subnav  */


/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	font-size:1em;
	margin:0;
	padding:0;
}
h2 {
	color:#B9B634;
	padding:10px 0;
	font-weight:normal;
	font-size:1.83em;
}

.green {
	color:#B9B634;
}

.brown {
	color:#7C6A55;
}

/* Type */
p {
	color:#666666;
	margin:0;
	padding:0 0 12px 0;
	font-size:1.17em;
}


li {
}


hr {
	border:dotted #cccccc;
	border-width:1px 0 0 0;
	height:1px;
	background:none;
	width:365px;
}
/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}

/*--------------------------------------------------------------------------------------------
	scroll
  --------------------------------------------------------------------------------------------*/


#pane1 {
	height:375px;
	padding:0 60px 0 0px;
	width:340px;
}
#pane2 {
	height:390px;
	padding:0 60px 0 0px;
	width:340px;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#EFECE9;
}
.jScrollPaneDrag {
	position: absolute;
	background:#D8D0C7;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 1px;
}
a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 1px;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}