/* CSS Document */
/* Page Style */
body {
	background: #161616;
	text-align: center;
	margin: 0 0 0 0;
	color: #fff;
}

a {color: #fff;}
h3 {text-align: center}

.page {
	position: relative;
	background: #101010;
	margin: 20px auto auto auto; 
	width: 857px;
}
/*
table.top_logo {
 text-align: center;
 width: 100%;
 background: #000;
 clear: both;
	
}
*/
/* Header Styles */
div.header{position: relative; text-align: center; width: 100%; height: 170px;}
/* Menu Style */

.menu {position: relative; text-align: center; width: 100%; height: 144px; color: #fff; font-size: 14px; z-index: 10; margin: 0px; padding: 0px;}
.menu ul {width: 100%; list-style: none; margin: 0px; padding: 0px; vertical-align: bottom; text-align: center;}
.menu li {float: left; margin: 0px; color: #fff; width: 144px; height: 170px; vertical-align: bottom; border:1px solid #fff;}
.menu li.logo {width: 271px; border: 1px solid #000;}
.menu li a {display:block; text-decoration: none; color: #fff; padding: 0px; width: 100%; vertical-align: bottom; background: #272727; height: 100%;} 
.menu li a img { border: 0px; }

.menu ul li a:hover 
{
	background: #000;
	color: #999;
	font-weight: bold;
}


body.h .menu a.homeLink {	
	background: #000; color: #fff;
}

body.g .menu a.galleryLink 
{
	background: #000; color: #fff;
}
body.e .menu a.eventsLink 
{
	background: #000; color: #fff;
}
body.c .menu a.contactsLink 
{
	background: #000; color: #fff;
}

div#homeHeader{background: url(../images/site/menu1gray.jpg) no-repeat; width: 144px; height: 144px;}
div#galleryHeader{background: url(../images/site/menu2gray.jpg) no-repeat; width: 144px; height: 144px;}
div#eventsHeader{background: url(../images/site/menu3gray.jpg) no-repeat; width: 144px; height: 144px;}
div#contactsHeader{background: url(../images/site/menu4gray.jpg) no-repeat; width: 144px; height: 144px;}

a.homeLink:hover div#homeHeader{background: url(../images/site/menu1.jpg) no-repeat;}
a.galleryLink:hover div#galleryHeader{background: url(../images/site/menu2.jpg) no-repeat;}
a.eventsLink:hover div#eventsHeader{background: url(../images/site/menu3.jpg) no-repeat;}
a.contactsLink:hover div#contactsHeader{background: url(../images/site/menu4.jpg) no-repeat;}

body.h div#homeHeader{background: url(../images/site/menu1.jpg) no-repeat;}
body.g div#galleryHeader{background: url(../images/site/menu2.jpg) no-repeat;}
body.e div#eventsHeader{background: url(../images/site/menu3.jpg) no-repeat;}
body.c div#contactsHeader{background: url(../images/site/menu4.jpg) no-repeat;}

div.menuText {display: block; height: 21px; padding-top: 5px;}


/* Content Area */
div.contentPane {
text-align: left;  
position: relative;
vertical-align: bottom;
color: #fff;
margin: 0px; 
padding: 10px 20px 10px 20px;
clear: both;
}


/* Footer Styles */
div.footer{
position: relative;
vertical-align: bottom;
margin: 0px;
/*background: #999966; */
text-align: center;
width: 100%;
font-size:9pt;
/*color: #CCC;*/
padding-left:0px;
padding-top: 30px;
padding-bottom: 10px;
clear: both;
/*border-top: 2px solid #fff;*/
}
div.footer div.copy{
	/*color: #4b0000;*/
}





/* Ext Overrides */

#container {
	    width:600px;
	    height:300px;
	    border:3px solid #c3daf9;
	}
	/*
	.calendar .x-menu-item-icon {
	    background-image:url(resources/images/default/shared/calendar.gif);
	}
	
.x-form {width: 420px;}
*/
.companyInfo{left: 430px;}
.form-contact {width: 420px;}
/*
.x-form-field-wrap .x-form-trigger{background:transparent url(images/site/trigger.gif) no-repeat 0 0;}*/