html, body {
	margin:0; 
	padding:0; 
	width:100%; 
	height:100%; 
	background-color:#ffffff;
	}

/**************************************************************/
/*   Global Styling	                                          */
/**************************************************************/

h1,h2,h3,h4 {
	padding:0px;
	margin:0px;
}

a{
	color:#82c623;
	text-decoration:none;
}

a:hover{
color:#82c623;
	text-decoration:underline;
}

p{
	float:left;
	font-family:Arial;
	padding:0px;
	margin:0px;
	font-size:0.8em;
	line-height:18px;
}

/**************************************************************/
/*   Header Items	                                          */
/**************************************************************/

#header-holder {
	float:left;
	width:100%;
	background-color:#FFF;
	border-top:1px solid #82c623;
	position: relative;
	z-index: 2;
}

#header-centre{
	margin-left:auto;
	margin-right:auto;
	width:940px;
}


#header{
	float:left;
	width:940px;
}

/**************************************************************/
/*   Logo		                                         	  */
/**************************************************************/

#logo{
	float:left;
	margin-top:20px;
	width:180px;
	height:100px;
}

#logo h1{
	display:none;
	text-indent:-9999px;
}

/**************************************************************/
/*   Brochure and Request a Visit Holder                      */
/**************************************************************/

#rooms-info{
	float:right;
	width:740px;
}

.rooms-info-item{
	float:right;
	width:158px;
	padding-left:20px;
	padding-top:5px;
}

#rooms-info-description{
	float:left;
	width:740px;
	height:20px;
	padding-top:10px;
}

#rooms-info-description p{
	float:right;
	padding-left:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/**************************************************************/
/*   Showcase		                                          */
/**************************************************************/

#showcase-holder{
	float:left;
	width:100%;
	height:398px;
	background-image:url(img/middle-background.gif);
	background-repeat:repeat-x;
	background-color:#2f2f2f;
	position: relative;
	z-index: 1;
	border-top:1px solid #82c623;
	border-bottom: 1px solid #82c623;
}

#inner-showcase{
	float:left;
	width:100%;
	background-image:url(img/middle-background.gif);
	background-repeat:repeat-x;
	background-color:#2f2f2f;
	position: relative;
	z-index: 1;
	padding-top:20px;
	padding-bottom:20px;
	border-top:1px solid #82c623;
	border-bottom: 1px solid #82c623;
}

#showcase-centre{
	margin-left:auto;
	margin-right:auto;	
	width:940px;
}

/**************************************************************/
/*   Navigation		                                          */
/**************************************************************/


#navigation{
	width:940px;
	float:left;
	position: relative;
	z-index: 2;
	margin-top:20px;
	background-image:url(img/nav-back.gif);
	background-repeat:repeat-x;
			}
			

ul.nav{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:left;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul.nav li{
	float:left;
	display:block;
	position: relative;
}

ul.nav li a{
	float:left;
	padding:10px;
	color:#2f2f2f;
	text-decoration:none;
}

ul.nav li a:hover {
	background-color:#82c623;
	color:#FFF;
	padding:10px;
}

ul.nav li a.current {
	background-color:#82c623;
	color:#FFF;
}

ul.nav li.pad-right{
margin-right:5px;
}

ul.nav li:hover > a.selecteditem{
	background-color:#82c623;
	color:#FFF;
}

ul.nav li.no-pad{
	margin-right:0px;
}


/**************************************************************/
/*   Submenu		                                          */
/**************************************************************/

.submenuul{
	float:left;
	list-style-type:none;
	position:absolute;
	top:35px;
	left:0px;
	margin: 0;
	padding:0;
	display:none;

}

.submenuli a{
	display:block;
	width: 200px;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display:block;
}

.submenuul {
	float:left;
	background-color:#82c623;
}

.submenuli a{
	float:left;
	text-decoration: none;
	padding:0px;
	margin:0px;
	border-bottom: 1px solid #2a2c29;
	width:190px;
}

.submenuli a:hover{
	text-decoration: none;
	padding:0px;
	margin:0px;
}


/**************************************************************/
/*   Gallery		                                          */
/**************************************************************/

#showcase{
	float:left;
	margin-top:20px;
	border:1px solid #82c623;
	height:296px;
	width:614px;
}

#gallery {
	float:left;
	position:relative;
	height:296px;
	width:614px;
}

#guarentee{
	float:right;
	margin-top:20px;
	width:304px;
	height: 298px;
}


/**************************************************************/
/*   Content		                                          */
/**************************************************************/

	#content-holder{
	width:100%;
	 min-height: 100%;
	height: auto !important;
	margin: 0 auto -35px;
	*height:;
	*min-height:;
	*margin:0px;
	}
	
	#content-centre{
	margin-left:auto;
	margin-right:auto;
	width:940px;
	}
	
/**************************************************************/
/*   Info - Homepage		                                  */
/**************************************************************/

#info-left{
	float:left;
	width:460px;
	margin-right:10px;
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
}

  #info-left p{
	padding-top:20px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

#info-middle{
	float:left;
	width:300px;
	margin-right:20px;
	position:relative;
		padding-top:20px;
}

  #info-middle p{
	padding-top:10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

#info-middle h3.top {
	padding-top:20px;
			}

.inner-left{
	float:left;
	position:relative;
	width:37px;
	background-color:#0C3;
}

.inner-right{
	float:right;
	width:243px;
}


.tech-info {
	float:left;
	padding-bottom:20px;
}

.tick-1{
	position:absolute;
	top:20px;
	left:0px;
	width:37px;
	height:37px;
	background-image:url(img/tick.png);
}

.tick-2{
	position:absolute;
	top:80px;
	left:0px;
	width:37px;
	height:37px;
	background-image:url(img/tick.png);
}

#info-right{
	float:right;
	width:460px;
	position:relative;
	padding-left:10px;
		padding-top:20px;
	padding-bottom:20px;
}

.brochure{
	float:left;
	padding-top:10px;
}

.button{
	position:absolute;
	top:284px;
	right:0px;
}

  #info-right p{
	padding-top:20px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

/**************************************************************/
/*   What we do				                                  */
/**************************************************************/

.info-left-whatwedo {
	float:left;
	width:300px;
	margin-right:20px;
	position:relative;
	min-height:336px;
}

 .info-left-whatwedo p{
	padding-top:20px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

.info-middle-whatwedo{
	float:left;
	width:300px;
	margin-right:20px;
	position:relative;
	min-height:336px;
}

.info-middle-whatwedo p{
	padding-top:20px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

.info-right-whatwedo{
	float:right;
	width:300px;
	position:relative;
	min-height:336px;
}

.info-right-whatwedo p{
	padding-top:20px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}

.button-whatwedo {
	position:absolute;
	top:284px;
	right:0px;
}

/**************************************************************/
/*   Info - Inner Pages		                                  */
/**************************************************************/


#inner-left{
	float:left;
	width:460px;
	padding-right:10px;
		padding-top:20px;
	padding-bottom:20px;
}

#inner-left-thank-you{
	float:left;
	width:460px;
	min-height:500px;
	padding-right:10px;
	padding-bottom:20px;
}


#inner-left p{
	padding-top:20px;
	width:100%;
	line-height:18px;
}


#inner-left-thank-you p{
	padding-top:20px;
	width:100%;
	line-height:18px;
}

#inner-right{
	float:right;
	width:460px;
	margin-left:10px;
		padding-top:20px;
	padding-bottom:20px;
}

#inner-right-image {
	margin-top:20px;
	border:1px solid #82c623;
	padding:1px;
}

#inner-right-image-contact {
	float:left;
	margin-top:20px;
	border:1px solid #82c623;
	padding:1px;
}

#image-fade{
	position: relative;
	z-index: 1;
}

#inner-right p{
	padding-top:20px;
	line-height:18px;
}

.inner-image-holder{
	float:left;
	width:296px;
	margin-top:20px;
	padding:1px;
	border: 1px solid #2f2f2f;
}

/**************************************************************/
/*   Footer				                                       */
/**************************************************************/

#footer-wrap{
	float:left;
	clear:both;
	width:100%;
	background-color:#8c8c8c;
	height:25px;
   	padding-top:10px;

}

#footer-centre{
	margin-left:auto;
	margin-right:auto;
	width:940px;
}

#development{
	float:left;
	width:940px;
}

.development-left{
	float:left;
	width:500px;
}

#development a{
	color:#2f2f2f;
}

#development a:hover{
	color:#ffffff;
}

.development-right{
	float:right;
}

#development p{
	font-size:12px;
}

/**************************************************************/
/*   inner Page Left and Right showcase		                  */
/**************************************************************/

.left{
float:left;
width:300px;
}

.right{
float:right;
width:400px;
}

p.italic{
	font-family: Georgia;
	font-size:17px;	
	color:#8c8c8c;
	font-style: italic;
	*padding-bottom:2px;
	font-weight:100;
}

/**************************************************************/
/*   heading tags		                                       */
/**************************************************************/

h2{
	font-family:Georgia;
	font-size: 17px;
 	color:#2f2f2f;
	padding-bottom:6px;
	width:100%;
	border-bottom:1px solid #82c623;
	font-weight:100;
   }
   
h2.pad-top{
	float:left;
}
   
   h3{
	font-family: Georgia;
	font-size:17px;	
	color:#8c8c8c;
	font-style: italic;
	*padding-bottom:2px;
	font-weight:100;
   }
   
   h4{
	font-family:Georgia;
		font-size: 17px;
	 font-weight:100;
	  color:#ffffff;
	  letter-spacing:0.5px;
   }
   
/**************************************************************/
/*   Classes			                                      */
/**************************************************************/

.grey{
	color:#2f2f2f;
}

.green{
	color:#82c623;
}

.orange{
	color:#e37f2b;
}

img.padding-top{
padding-top:20px;
}

.spacer{
	float:left;
	width:100%;
	height:20px;

}


/**************************************************************/
/*   Contact Form Stylings                                    */
/**************************************************************/

.err
{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}

p.err{
	padding:0px;
	margin:0px;
}

input.wide{
	width:300px;
}

textarea{
	width:300px;
}

#contact{
	float:left;
	width:460px;
}

#contact-more{
	width:460px;
	float:left;
	margin-top:20px;
}

p.wide{
	width:100%;
}

#contact_form_errorloc{
	padding:0px;
	margin:0px;
}

label{
	padding-top:10px;
	padding-bottom:10px;
}

/**************************************************************/
/*   Gallery Inner		                                      */
/**************************************************************/

.pikachoose {
	float:left;
	width:458px;
	margin-top:20px;
}

.pikachoose ul {
	padding-left:0;
	width:460px;
	margin:0;
	overflow:hidden;
	margin-top:20px;
}

.pikachoose ul li {
	float: left;
	border:1px solid #a3ce5f;
	padding:1px;
	margin: 6px 7px 0px 0px;
	position:relative;
	overflow:hidden;
}

.pikachoose ul li div img {
	position:relative;
	cursor:pointer;
}

.pika_main {
	width:458px;
	height:325px;
	display:block;
	position:relative;
}

.pika_main_img {
	position:absolute;
	top:1px;
	left:1px;
}

.pika_back_img {
	position:relative;
	top:0px;
}

.pika_subdiv {
	position:relative;
	border:1px solid #a3ce5f;
	padding:1px;
	padding-bottom:1px;
}

.pika_subdiv img, .pika_subdiv a img {
	border:none;
}

.pika_navigation a {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	cursor:pointer;
}

.pika_navigation a:hover {
	text-decoration: underline;
}

.pika_navigation {
	padding-top:10px;
	clear:both;
	text-align:center;
}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:227px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:227px;background:url('fastf.png') top right no-repeat;}

/**************************************************************/
/*   Iscroll Ticker		                                      */
/**************************************************************/

.tickercontainer { /* the outer div with the black border */
	float:left;
	border: 1px solid #82c623;
	width: 940px; 
	height: 37px; 
	margin: 0; 
	padding: 0;
	margin-top:20px;
	overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	top:9px;
	left: 10px;
	width: 920px;
	height:37px;
	overflow: hidden;
}

ul.newsticker { /* that's your list */
	float:left;
	position: relative;
	left: 940px;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	color:#ebebeb;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	margin: 0 50px 0 0;
	color:#ebebeb;
} 

ul.newsticker a:hover {
	color:#82c623;
}

.opening-times{
float:left;
width:460px;
}

ul.info{
	float:left;
	font-family:Arial;
	padding:0px;
	margin:0px;
	font-size:0.8em;
	line-height:18px;
	padding-top:20px;
	padding-left:20px;
}

ul.info li{
}

/**************************************************************/
/*   Sub-Gallery    	                                      */
/**************************************************************/

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
	color:#000;
}

.album-wrapper{
float:left;
width:460px;
*height:358px;
}

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
	width:315px; 
	height:240px; 
	background: url(slidingdoorfronts/001.jpg) 0 0px no-repeat;
	margin:20px 0px 20px 0px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
ul.gallery{
float:left;
display:block;
}

.gallery {
	padding:0; 
	margin:250px 0 0 0; 
	list-style-type:none; 
	position:relative; 
	width:320px;
}
/* remove the default image border */
.gallery img {
	border:0;
}

/* make the list horizontal */
.gallery li {
	float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
	font-family:Arial, Helvetica, sans-serif;
}
/* position the images using an absolute position and hide them from view */


.gallery li a img {
	position:absolute; 
	top:-250px; 
	left:0; 
	visibility:hidden; 
	border:0;
}

/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#8c8c8c;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#2f2f2f; 
	color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}

li a:focus > img{
visibility:visible;
}

ul.gallery{
float:left;
}

/**************************************************************/
/*   Sub-Gallery    	                                      */
/**************************************************************/

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album-2 {
	width:315px; 
	height:79px; 
	background:url(profiles/001.jpg) 0px 0px no-repeat;
	padding:1px;
	margin:20px 0px 20px 0px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery-2 {
	padding:0; 
	margin:89px 0 0 0; 
	list-style-type:none; 
	position:relative; 
	width:320px;
}
/* remove the default image border */
.gallery-2 img {
	border:0;
}
/* make the list horizontal */
.gallery-2 li {
	float:left;
}
/* style the link text to be central in a surrounding box */
.gallery-2 li a, .gallery li a:visited {
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:26px; 
	height:26px; 
	line-height:24px; 
	border:1px solid #444;
	margin:2px;
	font-family:Arial, Helvetica, sans-serif;
}
/* position the images using an absolute position and hide them from view */


.gallery-2 li a img {
	position:absolute; 
	top:-89px; 
	left:0; 
	visibility:hidden; 
	border:0;
}

/* fix the top position for the landscape images */
.gallery-2 li a img.landscape {
	top:-280px;
}
/* fix the left position for the portrait images */
.gallery-2 li a img.portrait {
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery-2 li a:hover {
	background:#8c8c8c;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery-2 li a:active, .gallery li a:focus {
	background:#2f2f2f; 
	color:#fff;
}
/* make the images visible on active/focus */
.gallery-2 li a:active img, .gallery li a:focus img {
	visibility:visible;
}

li a:focus > img{
visibility:visible;
}

ul.gallery{
float:left;
}

.small{
	padding-left:5px;
font-size:12px;
}