/*-------------------------------------------------
				 	- GLOBAL -						
-------------------------------------------------*/
body { 
	font: 72.5%/1.9em arial, verdana, geneva, sans-serif;
	color: #666; 
	background: #cbcabc url('images/back.jpg') repeat-x top; 
	letter-spacing : 0; 
	line-height:25px;
	margin: 0; padding: 0;
	}
		
#container, #container_home { 
	width: 764px;
	position: relative; 
	margin: 10px auto; 
	text-align: left; 
	}
	
#container_home { width: 680px; }
	
a { text-decoration: none; color: #006699;}
a:hover { text-decoration: underline;}

.ghost { display : none; }
.center { text-align : center; }

p { margin: 0; padding: 8px;}
ul { margin: 0 20px; padding: 8px; }
span { color: #336699; background-color: #fff; font-weight: bold;}

#preloadImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url('images/menu_home_over.gif');
       background-image: url('images/menu_gallery_over.gif');
       background-image: url('images/menu_about_over.gif');
       background-image: url('images/menu_contact_over.gif');
       background-image: url('images/menu_cat_over.gif');
}

acronym {
  cursor:help;
  font-weight: bold;
  border-bottom:1px dotted #AA2828;
}

/*-------------------------------------------------
					- IMAGES -					
-------------------------------------------------*/

img { border: 0; }

#main_content img.right {
	margin: 8px 10px 15px 15px;
	padding: 6px;
	background: #fff;
	float: right;
	border: 1px solid #eee;
	}	
	#main_content a img.right:hover {
		background: #386F95;
	}


/*-------------------------------------------------
					- HEADERS -					
-------------------------------------------------*/

#header_01 { 
	clear: both; background: url('images/header_home.gif') no-repeat top; 
	height: 47px; 
	}
#header_01_sec { 
	clear: both; background: url('images/header_sec.gif') no-repeat bottom; 
	height: 47px; 
	}
	#header_01_sec p {
		padding: 17px 0 0 2px; margin: 0;
		word-spacing: 0.8em;
		text-align: left;
		color: #fff;
	}
	#header_01_sec a {
		color: #AA2828; }
	
#header_02 { 
	clear: both; background: #333; 
	height: 143px; color: #fff;
	}
	#header_02 #head_left {
		clear: left; float: left;
		background: url('images/header_02_left.jpg') no-repeat top; 
		height: 143px; width: 487px;
		}
		
	#header_02 #head_accomm {
		clear: left; float: left;
		background: #fff url('images/header_02_accomm.jpg') no-repeat 0 8px; 
		height: 143px; width: 487px;
		}
		
	#header_02 #head_gallery {
		float: right; height: 143px; width: 277px;
		background: url('images/header_02_gallery.gif') no-repeat top; 		
		}
	#header_02 #head_about {
		float: right; height: 143px; width: 277px;
		background: url('images/header_02_about.gif') no-repeat top; 		
		}
		
	#header_02 #head_accomm01 {
		float: right; height: 143px; width: 277px;
		background: url('images/header_02_accomm.gif') no-repeat top; 		
		}
	#header_02 #head_contact {
		float: right; height: 143px; width: 277px;
		background: url('images/header_02_contact.gif') no-repeat top; 		
		}
		

/*-------------------------------------------------
					- LEFT -				
-------------------------------------------------*/

#left { 
	float: left; clear: left; 
	width: 200px; background: #ccc; 
	color: #333;
	}
	#menu ul {
		margin: 20px 0 0 15px; padding: 0;
		list-style: none;
		font-size: 1.1em;
		width: 170px; /* Width of Menu Items */
		}

	#menu ul li a {
		display: block;
		text-decoration: none; color: #333;
		background: #ccc url('images/pyl.gif') no-repeat 4px 9px;
		padding: 4px 0 4px 20px; margin: 0;
		border-bottom: 1px dashed #006699;
		height: 16px;
		}
		
	#menu ul li a:hover { 
		display: block;
		background-color: #fff; 
		color: #006699;
		} /* Hover Styles */

/*-------------------------------------------------
					- MAIN -				
-------------------------------------------------*/

#main { margin: 0; background: #fafafa;}

#main_content { margin: 0; padding: 10px 20px; background: #fafafa;}

#gallery { margin: 0; padding: 10px 20px;}

#main_content_home {
	margin: 0; padding: 0;
	background: #fafafa url('images/main_home.jpg') no-repeat top;
	height: 477px;
	}
	#main_content_home p {
		padding: 0; margin: 0;
		font-size: 100%;
		position: relative;
		top: 454px; left: 535px;
		}
		
#main_content h2, #gallery h2 {
		font:160% Trebuchet MS;
		text-transform: uppercase;
		margin:5px 8px;
		border-bottom:1px solid #eee;
		font-weight: bold;
		line-height: 85%;
		color:#AA2828;
		padding-bottom: 5px;
	}
	#main_content h2 em {
		font-size: 10px;
		font-weight: normal;
		color: #666;
	}
	
#gallery .painting a {
	margin: 8px 12px 15px 8px;
	padding: 6px;
	float: left;
	background: #fff;
	border: 1px solid #eee;
	text-decoration: none;
	color: #666;
	}
	#gallery .painting a:hover {
		background: #386F95;
		color: #fff;
	}
	#gallery .painting a span {
		color: #666; background-color: transparent; 
		font-weight: normal;
		text-align: center;
		padding: 0 5px; margin: 0;
		}
	#gallery .painting a:hover span {
		color: #fff;
		}

table#trick { padding: 0; margin: 0; border: 0; }
table#trick td { padding: 0; margin: 0; border: 0; }


table.admin {
	margin: 0 auto; padding: 0;
	width: 90%;
	font: normal 100%/1.2em arial, sans-serif;
	border: 1px solid #ccc;
	border-collapse: collapse;
	}

	table.admin th {
		color: #fff;
		padding: 4px 8px;
		border: 1px solid #ccc;
		background: #386F95;
		}
	
	table.admin td {
		font-weight: normal;
		padding: 3px 10px;
		border: 1px solid #ccc;
		}
	table.admin td.green {
		color: #444;
		font-weight: bold;
		background: #E9FBAF;
		padding: 3px 5px;
	}

#links ul {
        list-style-type: none;
        width: 450px;
        margin: 0 auto;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 10px 0;
}

#links li img { 
		float: left;
		padding: 5px 20px 0 20px;
}

#links li a { 
        color: #990000;
        display: block;
        padding: 5px;
        text-decoration: none;        
        height: 110px;
}

#links li span {
		color:#AA2828;
		background: transparent;
		font-size: 170%;
		font-weight: bold;
		border-bottom: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
        background: #ffffcc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 100% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

	

/*-------------------------------------------------
					- FOOTER -					
-------------------------------------------------*/

#footer { clear: both; height: 40px;}

#footer ul {
	list-style-type: none;
	float: right;
	margin: 0; padding: 0;
	background: #cbcabc;
	}
#footer ul li { float: left; }
#footer ul li a span { display: none; }
#footer ul li a { display: block; height: 39px; background: #cbcabc;}


#footer ul li a.home { background-image: url('images/menu_home.gif'); width: 88px; }
#footer ul li a.home:hover { background-image: url('images/menu_home_over.gif'); width: 88px; }	

#footer ul li a.accomm { background-image: url('images/accommodation_button.gif'); width: 175px; }
#footer ul li a.accomm:hover { background-image: url('images/accommodation_button_over.gif'); width: 175px; }	

#footer ul li a.gallery { background-image: url('images/menu_gallery.gif'); width: 90px; }
#footer ul li a.gallery:hover { background-image: url('images/menu_gallery_over.gif'); width: 90px; }

#footer ul li a.about { background-image: url('images/menu_about.gif'); width: 170px; }
#footer ul li a.about:hover { background-image: url('images/menu_about_over.gif'); width: 170px; }

#footer ul li a.contact { background-image: url('images/menu_contact.gif'); width: 94px; }
#footer ul li a.contact:hover { background-image: url('images/menu_contact_over.gif'); width: 94px; }

#footer ul li a.catalogue { background-image: url('images/menu_cat.gif'); width: 121px; }
#footer ul li a.catalogue:hover { background-image: url('images/menu_cat_over.gif'); width: 121px; }

	
#footer p { 
	float: none;
	clear: both;
	text-align: center; 
	margin: 0; padding: 0; 
	font-size : 0.9em; 
	}

/*-------------------------------------------------
				- MAIL-SCRIPT -					
-------------------------------------------------*/	

.mailwrapper { text-align: left; }

.maildiv {
	margin: 0;
	text-align: left;
	width: 420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.maildiv form {	text-align: left; }

.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 6px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 160px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}
.maildiv a { color: #005ABE; }
.maildiv h2 { color: #005ABE; font-size: 120%;}
.maildiv input { margin-bottom: 10px;}
.maildiv select { margin-bottom: 10px;}
.maildiv textarea { margin-bottom: 10px;}

.maildiv .ver_img {	
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.maildiv .legendspacing { height: 10px; }

.maildiv .fmcredits { float: left; font-size: 90%; }
.maildiv .fmsubmit { float: right; }

.maildiv .fmrequired {
	color: #c41111;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}

/* info field */
.maildiv .fminfofull {
	font-size: 110%;
	padding: 0 10px 0 5px;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}

.maildiv .fmcheckbox {
	margin: 0 0 8px 0;
	padding: 0;
}

.maildiv .fradio {
	margin: 0 0 8px 0;
	padding: 0;
}