/* 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;

}

 .clsThumb{
    width: 180px;
    margin-top: -15px;
	margin-bottom:0px;
	padding:0px;
   
    }
 #slidetop
{
    background:url(../images/arrow_up.gif) no-repeat scroll center left;   /*#333333; url(images/scroll-top.png) no-repeat scroll center center; */
    height: 44px;
    width: 180px;
}

#slidearea
{
    height: 400px;
    width: 180px;
    overflow: hidden;
    position: relative;
}

#slider
{
    position: absolute;
    height: 500px;
	width: 180px;
}

#_divOuterThumbs
{
}

#slidebot
{
    background: url(../images/arrow_dn.gif) no-repeat scroll center left;        /* #333333; url(images/scroll-bot.png) no-repeat scroll center center; */
    height: 44px;
    width: 180px;
}