body{
    color: #111111;
    background-color: #EEEEEE;
    margin: 0;
    font: 10px Verdana, Tahoma, sans-serif;
    height: 100%;
}

A{
   color: #6c6c6c;
}

A:VISITED{
   color: #333333;
}

H2{
  font-size: 12px;
}

H3{
	margin-left: 30px;
}
#upper_perf{
	background: #EEE url('/images/perf1.gif') no-repeat top center;
	height: 80%;
}

#main, #main_gallery, #big_photo{
   margin: 85px 0 0 0;
   width: 53%;
	height: 36em;
   background-color: #FFFFFF;
   color: #6c6c6c;
	position: relative;
	float: left;
}
#main P, #main_gallery P{
   clear: both;
   margin: 15px 10px 10px 50px;
	line-height: 200%;
}

#main H2, #main_gallery H2{
	height: 35px;
	position: relative;
}

#main H2 span, #main_gallery H2 span{
	position: absolute;
	width: 100%;
	height: 100%;
}

#main .textbox, #main_gallery .textbox{
	width: 95%;
	height: 80%;
		float: left;
	overflow: auto;
}

/*----------------------
Styles for the Headers
----------------------*/
#main H2.about span{
	background: url(/images/about.gif) no-repeat;

}

#main_gallery H2.gallery span, #main H2.gallery span{
	background: url(/images/gallery.gif) no-repeat;
	height: 40px;
}

#main H2.news span{
	background: url(/images/news.gif) no-repeat;
}

#main H2.contacts span{
	background: url(/images/contacts.gif) no-repeat;
}

/*------ End of header styles ---*/

/*-----------------------------------
	BOX Styles
------------------------------------*/

.box {
	width: 100%;
	background:  url(/images/bottom-left.gif) no-repeat left bottom;
}
.box-outer{
	background : url(/images/bottom-right.gif) no-repeat right bottom;
	height: 100%; /*do not remove - critical */
	width: 100%;
}
.box-inner{
	background : url(/images/top-left.gif) no-repeat left top;
	height: 100%;
	width: 100%;
}

.box h2{
	background : url(/images/top-right.gif) no-repeat right top;
	width: 95%;
	padding: 5% 0  0 5%;
	margin: 0;
	float: left;
}
/*---------- End of box styles --------*/

/*------ Left and right random photos ----*/
#left_photo, #right_photo, #left_empty, #right_empty{
	width: 22%;
	height: 36em;
	/*height: 80%;*/
	background-color: #FFFFFF;
	/*padding-bottom: 15px; - cannot add - the division gets higher */
	overflow: hidden;
}
#left_photo H2, #right_photo H2{
		text-indent: -9000px;
		line-height: 0;
}


#right_photo{
	margin: 85px 0 0 10px;
   float: left;
}

#left_photo{	
	margin: 85px 10px 0 0;
	float: left;
}

#right_photo IMG, #left_photo IMG{
	margin-top: 0;
	border: 0;
	height: 94%;
}

#right_photo IMG{
	float: left;
	margin-left: 12px;
}

#left_photo IMG{
	float: right;
	margin-right: 10px;
}

#lower_perf{
	margin: 0;
	position: relative;
	background: #EEE url('/images/perf2.gif') no-repeat top center;
	padding: 1px; /* doesn't work without it */
	height: 20%;
}
#menu{
	margin-top: 80px;
    text-align: center; 
    width: 100%;
}

#menu IMG{
    border: 0;
}

.clear{
	clear: both;
}
/*-------------------------------------
 GALLERY STYLES 
---------------------------------------*/
#film{
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 120px;
	margin: 0;
	padding: 1px;
	padding-bottom: 23px;
	background: url(images/film_perf1.gif) repeat-x;
	border-bottom: 1px solid #CCCCCC;
}
* html #film{
	background: #DDD;
}

#film A.ss{
	display: block;
	margin-top: 50px;
	font-size: 15px;
	float: left;
}
#film .frame, #film .frame_active{
	border: 1px solid Black;
	float: left;
	position: relative;
	background-color: White;
	height: 88px;
	width: 128px;
	margin: 25px 5px 25px 0;
	margin-left: 5px;
	padding: 0;
	text-align: center;
	display: block;
}

#film .frame IMG, #film .frame_active IMG{
	margin-top: 5px;
	border: none;
	height: 90%;
}

#film .frame_active{
	background-color: Black;
}
#film .bottom{
position: relative;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(images/film_perf.gif) repeat-x bottom left;
	line-height: 2em;
	text-indent: -9000px;
	border-bottom: 1px solid Gray;
}

#left_empty, #right_empty{
	margin-top: 155px;
	background: transparent;
}

#left_empty{
	float: left;
}

#right_empty{
	float: right;
}

#left_empty A, #right_empty A{
	display: block;
	margin-top: 55%;
	text-align: center;
}

#left_empty .nav{
	color: Gray;
	font-style: italic;
}

#left_empty .nav A{
	color: Gray;
	margin-left: 10px;
	display: inline;
}

#main_gallery{
    margin: 16% 0 0 0;
}

#big_photo{
	height: auto;
	width:500px;
   margin-top: 155px;
	text-align: center;
}

#big_photo IMG{
	margin-top: 3px;

}

#big_photo .note{
	font-size: 11px;
	padding-bottom: 15px;	
}

.gallery_list LI{
	line-height: 2em;
	list-style-type: auto;
}


/*-----------------------------------------------
Admin part styles */

#admin_menu{
	float: left;
	background-color: #BBBBBB;
	width: 20%;
	border: 1px solid Silver;
}

#admin_menu UL{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#admin_menu LI{
	display: block;
	margin: 2px;
	padding: 2px 2px 2px 10px;
	height: 2em;
	background-color: #D3D3D3;
}

#admin_main{
	width: 50%;
	float: left;
	padding: 10px;
	border: 1px solid Silver;
}

#admin_main H1{
	margin-top: 1px;	
}

#admin_main UL{
	list-style: circle;
	margin-left: 10px    ;
	padding: 0;
	line-height: 2em;
}

fieldset{
	background: White;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
}

legend{
	font-weight: bold;
}

label{
	display: block;
	font-size: 11px;
}

textarea{
	background-color: White;
}



#we_main{
	border-collapse: collapse;
	border: 1px solid #666;
}

#we_main TD, #we_main TH{
	padding: 0.1em 1em;
}

#we_main TD{
	font-size: 80%;
}

#we_main TH{
	font-size: 12px;
	font-weight: bold;
}