/*---------------------------------------------------------------------     
    I M P O R T S
---------------------------------------------------------------------*/

@import url(reset.css);
@import url(navigation.css);
@import url(typography.css);



/*
-----------------------------------------------------------------------    
   C O R E  C O L O U R S
----------------------------------------------------------------------- 

	green	#87A43E
	pink 	#E59393
	


---------------------------------------------------------------------*/



/*---------------------------------------------------------------------    
   G E N E R A L  S T Y L E S
---------------------------------------------------------------------*/

html {
	font-size: 100%;
}

body {
	font-family: Arial, sans-serif;
	color:#1A1A1A;
	margin:0;
	font-size:62.5%;
	background-color:#CCCCCC;
	background:url(../images/global/bg.gif) repeat top;
}


#container{
	width:935px;
	position:relative;
	margin:0 auto;
	padding:25px;
	background-color:#FFFFFF;
}




/* Header
------------------------*/

#header {
	width:935px;
	height:95px;
	position:relative;
	padding-bottom:25px;
	
}

.logo {
	width:560px;
	height:95px;
	position:relative;
	float:left;
	text-align:right;
	padding:0;
}

.roundel {
	width:140px;
	height:95px;
	position:relative;
	float:right;
	padding:0;
	margin-top:-7px;
}



/* Navigation
------------------------*/

#navigation-wrapper {
	width:915px;
	height:20px;
	position:relative;
	background-color:#000000;
	padding:5px 0 0 20px;
	text-align:center;
	overflow:hidden;
	
}



/*---------------------------------------------------------------------    
   Content - home
---------------------------------------------------------------------*/

#content-wrapper-home {
	width:935px;
	position:relative;
	background-color:#87A43E;
	z-index:0;
}

#photo-home {
	width:935px;
	height:363px;
	position:relative;
	z-index:1;
}


#photo-caption {
	width:935px;
	height:34px;
	position:relative;
	background-color:#000000;
	padding:7px 0 0 0;
	text-align:center;
	z-index:1;
}




#content-home {
	width:885px;
	position:relative;
	background-color:#87A43E;
	padding:25px;
}

#content-left, #content-left-home {
	width:416px;
	position:relative;
	float:left;
}

#content-right {
	width:416px;
	position:relative;
	float:right;

}

#content-right-shop {
	width:416px;
	position:relative;
	float:right;
	padding-top:30px;

}



/* News - home page
------------------------*/



.news-wrapper-home {
	width:416px;
	position:relative;
}



.news-text {
	width:198px;
	height:117px;
	padding:3px 0px 10px 0px;
	border-top:1px solid #181512;
	border-bottom:1px solid #181512;
	float:left;
	
}

.news-photo, .shop-photo {
	width:208px;
	height:132px!important;
	float:right;
}

.vertical-menu {
	height:172px !important;
	width:416px;
	overflow:hidden;
	z-index:2;
}



.vertical-menu ul li  {
	width:416px;
	height:132px!important;
	display:block;
	overflow:hidden;
	padding-bottom:40px!important;
}




#home-news-buttons{
	margin-top:-37px;	
	width:40px;
	float:right;
}


button.prev {
	position:relative;
	z-index:4;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/down.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#87A43E;
	cursor:pointer;
	display:block;
	/*margin-top:-35px;*/
	
	
}

button.next {
	position:relative;
	z-index:5;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/up.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#87A43E;
	display:block;
	/*margin-top:-35px;*/
}

button.next:hover, button.prev:hover {
	cursor:pointer;
}


/*---------------------------------------------------------------------    
   Content - standard
---------------------------------------------------------------------*/



#content-wrapper {
	width:885px;
	position:relative;
	background-color:#87A43E;
	padding:25px;
}


#content-wrapper-parlour {
	width:885px;
	position:relative;
	background-color:#E59393;
	padding:25px 25px 69px 25px;
	background-image:url(../images/global/parlour-footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#photo-standard, .map {
	width:416px;
	height:263px;
	position:relative;
}

#photo-wrapper {
	width:416px;
	height:134px;
	position:relative;
	padding-top:6px;
}



.photo-thumb-1 {
	width:134px;
	height:134px;
	position:relative;
	margin-right:7px;
	float:left;
}

.photo-thumb-2 {
	width:134px;
	height:134px;
	position:relative;
	float:left;
}

.photo-thumb-3 {
	width:134px;
	height:134px;
	position:relative;
	float:right;
}



/* Content - galleries
------------------------*/


#gallery-wrapper {
	width:935px;
	height:440px;
	position:relative;
	background-color:#87A43E;
	
}

#gallery-left {
	width:417px;
	height:390px;
	position:relative;
	background-color:#181512;
	padding:25px;
	float:left;
}

#gallery-right {
	width:418px;
	height:390px;
	position:relative;
	background-color:#A8D7B3;
	padding:25px;
	float:right;
	
	
}

.gallery-info-wrapper {
	height:350px;
	width:416px;
}

.gallery-history-wrapper { 
	background:url(../images/global/photo-frame.gif) no-repeat top;
	width:294px;
	height:212px;
	margin-left:38px;
	padding:41px 0 0 43px;
}

.gallery-history-image {
	height:156px!important;
	width:251px!important;
	background-color:#A8D7B3;
	overflow:hidden!important;
}

.gallery-history-text {
	width:410px;
	padding-top:15px;
}

.gallery-team-text{
	width:370px;
	padding-top:32px;
	padding-left:20px;
}

.gallery-map-text{
	width:410px;
	padding-top:32px;
}


.gallery-team-wrapper { 
	width:214px;
	height:214px;
	margin-left:90px;
	padding:10px;
	border:solid 1px #6E8D74;
}

.gallery-map-wrapper { 
	width:214px;
	height:214px;
	margin-left:90px;
	padding:10px;
	border:solid 1px #FFFFFF;
}


.gallery-team-image {
	height:215px!important;
	width:215px!important;
	background-color:#A8D7B3;

}



.horizontal-menu, .horizontal-menu-green {
	height:350px!important;
	width:416px!important;
	overflow:hidden;
	z-index:2;
	
}

.horizontal-menu ul li, .horizontal-menu-green ul li  {
	width:416px;
	padding-bottom:40px;
	margin-top:-155px;
}


button.prev-horizontal {
	position:relative;
	z-index:4;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/blk-left.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	border:none;
	background-color:#181512;
	cursor:pointer;
	display:block;
	margin-top:165px;
	
}

button.prev-horizontal-green {
	position:relative;
	z-index:4;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/left.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
	border:none;
	background-color:#181512;
	cursor:pointer;
	display:block;
	margin-top:165px;
	
}

button.next-horizontal {
	position:relative;
	z-index:5;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/blk-right.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#181512;
	display:block;
	margin-top:165px;
	cursor:pointer;
}

button.next-horizontal-green {
	position:relative;
	z-index:5;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/right.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#181512;
	display:block;
	margin-top:165px;
	cursor:pointer;
}

/*---------------------------------------------------------------------    
   Content - news
---------------------------------------------------------------------*/

#news-events-wrapper {
	width:885px;
	position:relative;
	
}

#title-row {
	width:885px;
	position:relative;
	height:34px;
}

.browse {
	width:208px;
	position:relative;
	float:right;
	}

.news-events-row {
	width:885px;
	position:relative;
	margin-top:10px;
}

.news-wrapper {
	width:416px;
	position:relative;
	padding-top:7px;
}



#events-wrapper {
	width:935px;
	height:275px;
	position:relative;
	background-color:#87A43E;
	
}

#events-left {
	width:417px;
	height:225px;
	position:relative;
	background-color:#181512;
	padding:25px;
	float:left;
}

#events-right {
	width:418px;
	height:225px;
	position:relative;
	background-color:#E59393;
	padding:25px;
	float:right;
	
	
}

.event-list {
	width:417px;
	height:2.2em;
	border-bottom:1px solid #ffffff;
	padding-top:8px;
	color:#FFFFFF;
	
}

.parlour-list {
	width:417px;
	height:2.2em;
	border-bottom:1px solid #181512;
	padding-top:8px;
	color:#181512;
	
}

.vertical-menu-events {
	height:225px !important;
	width:417px;
	overflow:hidden;
	z-index:2;
	
}

.vertical-menu-events ul li  {
	width:417px;
	height:260px !important;
}

button.prev-events {
	position:relative;
	z-index:4;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/blk-up.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#181512;
	cursor:pointer;
	display:block;
	margin-top:-35px;
	margin-right:20px;
	
}

button.next-events {
	position:relative;
	z-index:5;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/blk-down.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#181512;
	display:block;
	margin-top:-35px;
	cursor:pointer;
}

.vertical-menu-parlour {
	height:225px !important;
	width:417px;
	overflow:hidden;
	z-index:2;
	
}

.vertical-menu-parlour ul li  {
	width:417px;
	height:260px !important;
}

button.prev-parlour {
	position:relative;
	z-index:4;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/pk-up.gif);
	background-position:top;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#E59393;
	cursor:pointer;
	display:block;
	margin-top:-35px;
	margin-right:20px;
	
}

button.next-parlour {
	position:relative;
	z-index:5;
	text-indent:-9999999px;
	width:20px;
	height:20px;
	background-image:url(../images/global/pk-down.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	border:none;
	background-color:#E59393;
	display:block;
	margin-top:-35px;
	cursor:pointer;
}


/* pagination
------------------------*/

#pagination{
	width:60px;
	float:right;
}

#pagination li{
	display:inline-block;
	width:28px;
	height:28px;
}

#pagination a#next-link{
	display:inline-block;
	float:left;
	text-indent:-999999px;
	background-image:url(../images/global/page-next.gif);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	background-color:#87A43E;
}

#pagination a#prev-link{
	display:inline-block;
	float:left;
	text-indent:-999999px;
	background-image:url(../images/global/page-prev.gif);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	background-color:#87A43E;
}



/* Shop
------------------------*/


.shop-text {
	width:198px;
	padding:3px 0px 0px 0px;
	border-top:1px solid #181512;
	float:left;
}

.shop-wrapper {
	width:416px;
	position:relative;
	padding-top:15px;
}




#price-wrapper {
	width:198px;
	height:23px!important;
	background-color:#181512;
	overflow:hidden;
}

.cart-button {
	height:23px!important;
	float:left;
	width:118px;
	color:#FFFFFF;
	
}

.cart-button:hover {
	height:23px;
	float:left;
	width:118px;
	color:#FFFFFF;
	cursor:pointer;
}

.price {
	float:right;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	margin-right:5px;
	margin-top:5px;
}


/* Get in touch
------------------------*/



#opening-wrapper {
	width:416px;
	height:160px;
	position:relative;
	padding-top:6px;
}

.contact-wrapper {
	width:417px;
	position:relative;
	float:left;
	border-top:1px solid #6c8332;
	padding-top:7px;
	margin-top:20px;
}

.contact-picture {
	width:134px;
	height:134px;
	float:left;
}

.contact-text {
	width:272px;
	height:134px;
	float:right;
}


/* banners
------------------------*/


#banner-wrapper {
	width:935px;
	height:184px;
	position:relative;
	background-color:#FFFFFF;
	padding-top:5px
}

.banner-left {
	width:414px;
	height:134px;
	position:relative;
	float:left;
	padding:25px;
}

.banner-right {
	width:414px;
	height:134px;
	position:relative;
	float:right;
	padding:25px;
}

.black {
	background-color:#181512;
	color:#FFFFFF;
	border-color:#FFFFFF;
}

.black a {
	background-color:#181512;
	color:#FFFFFF;
	border-color:#FFFFFF;
	text-decoration:none;
	
}


.pink {
	background-color:#E59393;
	color:#181512;
	border-color:#181512;
}

.pink a {
	background-color:#E59393;
	color:#181512;
	border-color:#181512;
	text-decoration:none;
	
}


/* footer
------------------------*/


#footer-wrapper {
	width:935px;
	position:relative;
	background-color:#FFFFFF;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #000000;
}

#footer-right {
	position:relative;
	width:416px;
	float:right;
	margin-right:50px;
	margin-top:-11px;
	font-size:11px;

}

#footer-right a {
	position:relative;
	text-decoration:none;
	color:#181512;

}

#footer-right a:hover {
	position:relative;
	text-decoration:none;
	color:#87A43E;

}




/*---------------------------------------------------------------------     
   S I T E M A P 
---------------------------------------------------------------------*/

ul#siteMap{
	padding-bottom:20px;
}

ul#siteMap a{
	text-decoration:none;
	font-size:12px;
	line-height:14px;
	color:#000000;
	
}

ul#siteMap a:hover{
	text-decoration:underline;
	
}


ul#siteMap ul{
	margin-left:30px;
}

ul#siteMap li{
	padding-bottom:5px;
	padding-top:5px;
}


/* Clear
------------------------*/

.right{
	float:right;
}

.left{
	float:left;
}