@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bg_yellowtile.jpg);
	background-repeat: repeat;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	letter-spacing: 0.4px;
	line-height:13px;
}

a {
	color: #FFF;	
}

a:hover {
	color: #CCC;	
}

.sIFR-active .gillsans16, h1.gillsans16 {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 16px;
}

div.header {
	/*border: 1px dotted #FF0000; /**/
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 154px;
	width: 100%;
}

div.headerContent {
	/*border: 1px dotted #00FF00; /**/
	width: 1108px;
	margin: 0 auto;
	height: 120px;
}

div.innerContainer {
	background-image: url(images/bg_inner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 1108px;
	min-height: 787px;
	margin: 0 auto;
	position:relative;
	top:-9px;
}

.mainLogo a{
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 120px;
	height: 170px;	
	position:absolute;
	top:-85px;
	left: 115px;
	font-size: 0;
	color: #1f1b1c;
}


div.contentContainer {
	width: 780px;
	margin: 0 auto;
}

div.box {
	background-color: #1f1b1c;
}

div.nav {
	background-color:transparent;
	height:19px;
	padding:7px 1px 0;
}

/*=========================== Navigation ===============================*/

ul.nav li, ul.nav li a, ul.nav li a:hover {
	display: block;
	float: left;
	color: #1f1b1c;
	font-size: 0px;
	height: 20px;
	background-repeat: none;
	background-position: top left;
	cursor:	pointer;
}

ul.nav li#home a{
	background-image: url(images/nav_home.png);
	width: 132px;
}
ul.nav li#home a:hover{	background-image: url(images/nav_home_hover.png);	}
/*ul.nav li#home a.active{	background-image: url(images/nav_home_active.png);	}*/

ul.nav li#menus a{
	background-image: url(images/nav_menus.png);
	width: 130px;
}
ul.nav li#menus a:hover{	background-image: url(images/nav_menus_hover.png);	}
/*ul.nav li#menus a.active{	background-image: url(images/nav_menus_active.png);	}*/

ul.nav li#photos a{
	background-image: url(images/nav_photos.png);
	width: 138px;
}
ul.nav li#photos a:hover{	background-image: url(images/nav_photos_hover.png);	}
/*ul.nav li#photos a.active{	background-image: url(images/nav_photos_active.png);	}*/

ul.nav li#guestbook a{
	background-image: url(images/nav_guestbook.png);
	width: 172px;
}
ul.nav li#guestbook a:hover{	background-image: url(images/nav_guestbook_hover.png);	}
/*ul.nav li#guestbook a.active{	background-image: url(images/nav_guestbook_active.png);	}*/

ul.nav li#contactus a{
	background-image: url(images/nav_contactus.png);
	width: 183px;
}
ul.nav li#contactus a:hover{	background-image: url(images/nav_contactus_hover.png);	}
/*ul.nav li#contactus a.active{	background-image: url(images/nav_contactus_active.png);	}*/

/*=============================== Brown Boxes Default ==================================*/

div.brownBoxLarge_container {
	width: 779px;
}

div.brownBoxLarge_top {
	height: 20px;
	background-image: url(images/brownbox_large_top.png);
	background-repeat: none;
	background-position: top center;
}

div.brownBoxLarge_middle {
	background-image: url(images/brownbox_large_middle.png);
	background-repeat: repeat-y;
	background-position: top center;
	padding:0 11px;
}

div.brownBoxLarge_bottom {
	height: 22px;
	background-image: url(images/brownbox_large_bottom.png);
	background-repeat: none;
	background-position: top center;
	padding:0 10px;
}

div.brownBoxMedium_container {
	width: 559px;
}

div.brownBoxMedium_top{
	height: 20px;
	background-image: url(images/brownbox_medium_top.png);
	background-repeat: none;
	background-position: top center;
}

div.brownBoxMedium_middle{
	background-image: url(images/brownbox_medium_middle.png);
	background-repeat: repeat-y;
	background-position: top center;
	padding:0 10px;
}

div.brownBoxMedium_bottom{
	height: 20px;
	background-image: url(images/brownbox_medium_bottom.png);
	background-repeat: none;
	background-position: top center;
}

div.brownBoxSmall_container {
	width: 219px;
}

div.brownBoxSmall_top{
	height: 20px;
	background-image: url(images/brownbox_small_top.png);
	background-repeat: none;
	background-position: top center;
}

div.brownBoxSmall_middle{
	background-image: url(images/brownbox_small_middle.png);
	background-repeat: repeat-y;
	background-position: top center;
	padding:0 10px;
}

div.brownBoxSmall_bottom{
	height: 20px;
	background-image: url(images/brownbox_small_bottom.png);
	background-repeat: none;
	background-position: top center;
}

div.brownBoxContact_container {
	width: 380px;
}

div.brownBoxContact_top{
	height: 20px;
	background-image: url(images/brownbox_contact_top.png);
	background-repeat: none;
	background-position: top center;
}

div.brownBoxContact_middle{
	background-image: url(images/brownbox_contact_middle.png);
	background-repeat: repeat-y;
	background-position: top center;
	padding:0 10px;
}

div.brownBoxContact_bottom{
	height: 20px;
	background-image: url(images/brownbox_contact_bottom.png);
	background-repeat: none;
	background-position: top center;
}

div.brownBoxContent {
	border: 1px solid #FFF;
	margin:0 10px;
	padding:15px 10px;
}


/*=============================== Brown Boxes Customization ==================================*/

div.brownBoxSmall_container#homeMenu {
	float: left;
	text-align: center;
}

div.brownBoxMedium_container#homeMenu {
	float: right;	
	text-align: center;
}

div.brownBoxContent#homeMenu {
	height:131px;
	letter-spacing:1px;
	line-height:16px;
	padding:34px 10px;
}

div.brownBoxSmall_container#menu {
	float: left;
}

div.brownBoxMedium_container#menu {
	float: right;
}
div.brownBoxContent#menu {
	text-align: center;
}

div.brownBoxContent#menu a{
	text-decoration: none;
}

div.brownBoxSmall_container#guestbook {
	float: left;
}

div.brownBoxMedium_container#guestbook {
	float: right;
}

div.brownBoxContact_container#left {
	float: left;
}

div.brownBoxContact_container#right {
	float: right;
}

div.brownBoxContent#contactMap {
	letter-spacing:0;
	line-height:12px;
	text-align: center;
	height: 220px;
}

div.brownBoxContent#contactInfo {
	height:150px;
	letter-spacing:0;
	line-height:12px;
	padding:50px 10px;
	text-align:center;
}
/*=================================================================*/

span.copyright {
	color: #666666;
	font-size: 11px;
	margin: 10px;
	letter-spacing: 0;
	position:relative;
	top:-7px;
}

.contactInfo{
	margin:15px 0;
	width:100%;
}

.contactInfo td {
	padding:0;
}