/* CSS Document */


/*
 *	Globally set zero margins and padding
 *	-	Forces all browsers to share common starting point and requires explicit
 *		definitions on all elements that need to be different
 */
html {background-color:	#feffef;}
html * {
	margin: 		0;
	padding: 		0;
}
body {
	font-family:	skia, "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size:		small;
	color:			#feffef;
	line-height:	1.4em;
	text-align:		center;
}
p {
	padding-bottom:	0;
}

div#preload {
	display: none;

}
div#preload2 {
	display: none;

}


div#footer {
	clear:	both;
	width:	100%;
}
div#footer p {
	font-size:		x-small;
	text-align:		right;
	padding:		0;
	line-height:	1.1em;
	color:#000000;
	
}


h1{
 	
	font-size: 14pt;
	font-weight: bold;
}
h2{
 	
	font-size: 12pt;
	font-weight: bold;
}

img
{
border:	0px;
}

.imgcentre{

	position:		relative;
	top: 			31px;
	left:			120px;
}

                  
/*  ////////////////home and container info   //////////////////////*/


.clsMainContainer
{
 	width:			705px;
	margin:			0 auto;
	text-align:		left;
	background-color:	#feffef;
	padding:		32px 50px 12px 50px;
		 
  
}


.clsMainHeader
{
	position:		relative;
	width:			700px;
		 

}

.clsMainHeader p {
	position:		relative;
	text-align:		center;
}


/* ////////////////  menu   //////////////////////*/
.clsMenuContainer
{
	width:			700px;
	height:			50px;

}
.clsMenuContainer .clsLeft
{		
	float:				left;

}

/* //////////////  content pages   //////////////*/


.clsMainContent
{
	width:705px;
	height:545px;
	background-image: url(../images/bg_center.gif);
	background-repeat: no-repeat;
	background-position: center; 
	margin-top:10px;
	margin-left:-8px; 
		
		 
}


.clsMainContent1
{
	width:705px;
	height:545px;
	background-image: url(../images/bg_center.gif);
	background-repeat: no-repeat;
	background-position: center; 
	margin-top:10px;
	margin-left:-8px; 
		 
}

.clsMainContentLarge
{
	width:725px;
	height:800px;
	background-image: url(../images/bg_center_lg.gif);
	background-repeat: no-repeat;
	background-position: center; 
	margin-top:10px;
	margin-left:-8px; 
		
		 
}



.clsMainContentMenu
{
	width:				705px;
	height:				545px;
	background-image:	url(../images/bg_center.gif);
	background-repeat: 	no-repeat;
	background-position: center;
	margin-top:			10px;
	margin-left:		-8px; 

		 
}

/*used for container on home page slide show defind in js file*/
.gallerylayer
{

	width:500px;
	height:475px;
	margin:auto;

	
}

.clsMainContent1 #fadeshow1
{
	width:500px;
	height:475px;
	margin:auto;
	margin-top:24px;

	
}












.clsMainContentGallery
{
	width:			700px;
	height:			560px;
	/*background-image: url(../images/bg_center.gif);
	background-repeat: no-repeat;
	background-position: center;*/
	margin-top:		10px;
	margin-left:	-8px; 

}


.clsMainContentMenu #GalleryMenu{

	width:			660px;
	height:			395px;
	position:		absolute;
	top: 			200px;
	margin-left: 	27px;
	margin-top: 	15px;
 
 
	 
}

.clsMainContentMenu #InfoMenu{
	width:			444px;
	height:			400px;
	position:		absolute;
	top: 			200px;
	margin-left: 	50px;
	margin-top: 	15px;
	 
}

.clsMainContentMenu #BookMenu{
	width:			610px;
	height:			239px;
	position:		absolute;
	top: 			230px;
	margin-left: 	30px;
	margin-top: 	15px;
	 
}


/*  /////////////  GUEST BOOK PAGE  //////////////////////*/

.clsContentGuestbook {
	height:415px;
	width: 620px;
	position:absolute;
	margin-top: 35px;
	margin-left: 27px;
	line-height: normal;
}
.clsContentGuestbook h1
{
	margin-bottom:2px;
	margin-top:2px;
}
.clsContentGuestbook p  {
	font-size:		10pt;
	font-weight:	normal;	
}
.clsForm .clsLabel{
	clear:				both;	
	float:				left;
	width:				100px;
	color:				white;
	font-weight:		bold;	
	text-align:			right;
	position:			relative;
	margin-left:	 	0px;
	padding-top: 		2px;
	padding-bottom: 	2px;

}
.clsForm .clsInput{
	position:			relative;
	margin-left:		105px;
	left:				auto;
	width:				300px;
	text-align:			left;
	padding-top: 		2px;
	padding-bottom:	    2px;


}

.clsGray{
	color:				white;
	background-color:	#b2b2b2;
	font-weight:		bold;
	line-height: 		normal;
	padding-top: 		2px;
	padding-bottom:	    2px;
	padding-left:	    2px;

}

.clsGuestSubmit .clsLeft
{		
	float:				left;
	width:				150px;

}

.clsGuestSubmit .clsRight{
	position:			relative;
	margin-left:		155px;

}

.clsImgBtn
{
	cursor: auto;
}

.clsWarning
{color:red;}

/*   //////////////// GALLERY PAGE  ////////////////////*/
.clsContentGallery {
	height:560px;
	width: 700px;
	position:absolute;
	line-height: normal;

}

/*   //////////////// INFO PAGE  ////////////////////*/

.clsMainContentInfo
{
	
	  
	 

}
.clsContentInfo1
{
	height:450px;
	width: 650px;
	position:absolute;
	margin-top: 40px;
	margin-left: 30px;
	
}

.clsContentInfo1 h1 
{

	color:black;
}
.clsContentInfo1 h2
{

	color:black;

}

.clsContentInfo1Large
{
	height:805px;
	width: 730px;
	position:absolute;
	margin-top: 40px;
	margin-left: 30px;
	
}

.clsContentInfo1Large h1 
{

	color:black;
}
.clsContentInfo1Large h2
{

	color:black;

}

.clsInfoContent
{
	color:black;

}

.clsContentInfo2
{
	height:440px;
	width: 650px;
	overflow: scroll;

}

.clsContentInfo2Large
{
	height:675px;
	width: 670px;
	overflow: scroll;

}


/*   //////////////// INFO PAGE - PRESS TEMPLATE ////////////////////*/



/*   //////////////// CONTACT PAGE  ////////////////////*/

.clsContentContact {
	height:415px;
	width: 620px;
	text-align:left;
	background-color: #b2b2b2;
	border: 1px solid #333333;
	position:absolute;
	margin-top: 45px;
	margin-left: 40px;
	line-height: normal;
}

.clsContentContact h1
{
	margin-bottom:2px;
	margin-top:2px;
}
.clsContentContact h2
{
	margin-bottom:2px;
	margin-top:2px;
}
.clsForm
{

	margin-left:2px;

}

.clsContentContact p  {
	font-size:		10pt;
	font-weight:	normal;	
}


#contact-form {
	width:	390px;
	margin: 0 auto 12px auto;
	border thin solid red;
	
	
}
* html #contact-form { width:	284px; }

fieldset {
 	text-align: right;
	padding: 0.5em;
}
legend {
	padding: 	0 0.5em;
}
fieldset input, fieldset textarea {
	font-size: small;
	font-weight:	normal;
	padding:		2px;
	margin:		1px;
	border:		1px solid #999;
 	width:	60%;
 	vertical-align: -20%;
}
fieldset input:focus, fieldset textarea:focus, select:focus {
	background-color:	#efefef;
	border:	1px solid #e93;
}
fieldset.submit input {
	font-weight:	bold;
 	width:	auto;
}
fieldset.submit input:hover {
 	border:	1px solid #e93;
	background-color: #666;
	color:	#eee;
}
label {
 	font-weight:	bold;
 	color:			#444;
 	display:		block;
}