/*
##############################################################################
## reset elements
##############################################################################*/

body {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color:#293B55; /* dark blue */
}

	h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #5F6A72; }
	p, li { color: #5F6A72; }

body#landing {
	background-color:#B6B3AA; /* medium grey */
}

.serif {
	font-family:Georgia1, Georgia, serif;
}

h1 {
	font-size: 1.7em;
	font-weight: bold; }

h2 {font-size: 1.3em;
	font-weight: bold; }
	
h3 {font-size: 1.2em;}

h6 {font-size: 1.2em;
	font-weight:normal; }

textarea {
	margin:0;
}

label {
	font-weight:normal;
}

a:link {
	color:#FEB034; /* orange */
	text-decoration: none; 
}

a:visited {
	color:#FEB034; /* orange */
}

a:hover { text-decoration: underline; }

a:active {
	
}
/*
##############################################################################
## common stuff
##############################################################################*/

.hidden {
	display:none;
}

.nobg {
	background-image:none !important;
}

.padding_inner {
	margin:10px;
}

/*
##############################################################################
## page structure
##############################################################################*/


#wrapper {
	background-color:white;
}

#header {
	float:left;
	/* background-color:#f9f9f9;  very pale grey */
}

#header img {
    float:left;
}

#header_masthead {
	height:168px;
	position:relative;
}

#header_masthead h2, #header_masthead h1 {
	text-indent:-9999px;
}

#header_masthead img {
	position:absolute;
	bottom:0;
}	
	
#footer {
	float:left;
	width:100%;
	background-image:url(../images/weddings/fleur-repeat.gif);
	height:4em;
	padding:2em 0;
	text-align:center;
}

#footer h3 {
	color:white;
	width:100%;
}

#header_links {
	background-color:white;
	margin-bottom:9px;
}

#header_links a {
	margin: 0 0 0 1.8em;
	text-decoration:none;
	color:#000;
}

#main {
	float:left; /* give it height */
	background-image:url(../images/weddings/landing_venues_row_bg.gif);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#f4f4f4;
	border-top:1px solid #ddd;
	padding-bottom:3px;
	padding-top:1em;
	width:100%
}

#main .half-col1 {
	width:345px;
	margin-left:10px;	
	float:left;
}

#main .half-col2 {
	width:345px;
	float:left;
}

#footer_links {
	margin-top:18px;
}

#footer_links p a:link, #footer_links p a:visited  {
	color:#ccc;
}

#footer_links p a:hover {
	color:#F0C320;
}

/* VENUE HOME PAGE IMAGE BANNER LAYOUT */
/* ------------------------------------------------------------ */

	#slideshow {
		height: 460px;
		width: 750px;
		margin-bottom: 1.5em; }

	#slideshow_gallery {
		height: 560px;
		width: 900px; }	


/* NEWS ARTICLE LAYOUT */
/* ------------------------------------------------------------ */


		.article-item {
			border-bottom: 1px solid #ECECED;
			float: left; 
			margin-bottom: 1.5em;
			width: 80%; }

		.article-image { 
			float: right;
			margin: 0 0 1em 1em; }


/*
##############################################################################
## landing page
##############################################################################*/

#landing #header {
	
} 

#landing #header h1, #landing #header div#welcome  {
	width:630px;
	float:left;
	margin-right:10px;
	text-align:center;
	margin-bottom:1em;
} 

div#welcome img {
	float:right;
}

#landing #header p {
	width:310px;
	float:left;
} 

#landing #main {
	padding-top:0;
}



.landing_venue_block {
	background-image:url(../images/weddings/landing_venue_block_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	width:264px;
	padding:0 26px;
	float:left;
}

div.landing_venue_block .last {
	width:266px;	
}

/*#main div.last {
	background:none;
}*/

/*
##############################################################################
## page blocks
##############################################################################*/

.brown_block {
	float:right;
	margin-right:10px;
	width:190px;
	background-color:#85817A !important; /* brown */
	color:white;
}

.brochure_block h2 {
	color:#FFFFFF
}

.brown_block h3, .brown_block h4 , .brown_block p {
	color:white;
}

.events_block {
	float:right;
	margin-top:1px;
	margin-bottom:1px;
	width:189px;
	color:white;
	border:1px solid #ccc; /* grey keyline */
}

.brown_block #freeform label span {
	float:none;
	font-weight:normal;
}	


/* centre 'Contact Venuename */
.venuecontact h4 {
	text-align:center;
}
/* Contact Venuename number */
.venuecontact h4 span.smaller {
	font-size:75%;
	line-height:3;
	border-top:1px solid white;
	padding:2px 3px 0 3px;
}

.venuecontact input, .venuecontact textarea {
	width:100%;
} 

.venuecontact input.submit {
	width:auto;
}

.middle_block {
	float:left;
	margin-right:10px;
	width:268px;
	min-height:236px;
	background-image:url(../images/weddings/venuehome_middleblock.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
	background-color:#fafafa; /* off white */
	border:1px solid #ccc; /* grey keyline */
}

div.showcase {
	background-image:url(../images/weddings/rose_bg.jpg);
	background-position:center bottom;
}

.middle_block .first { /* bring first offer heading and intro text closer */
	margin-bottom:0;
}
	
.middle_block .first a { 
	text-decoration:none;
}

.middle_block img {
	margin: 0 10px 10px 0;
	float:left;
	border: 1px solid #293B55; /* dark blue */
}

.middle_block ul {
	clear:left;
}

.nextlink {
	margin-bottom:0;
}

.nextlink a {
	text-decoration:none;
}

#accommodation_block {
	min-height:238px;
}

#accommodation_block img {
 	margin-bottom:0;
}


/*
##############################################################################
## room list page
##############################################################################*/

	#roomlist_thumbcolumn {
		float:right;
		margin-top:-18px;
		padding:18px;
		width:92px;
	}

	#roomlist_thumbcolumn div {
		min-height:126px;
		margin-bottom:1em;
	}
	
	#roomlist_thumbcolumn div img {
		float:left;
		margin:0;
		border:1px solid black;
	}
	
	#roomlist_thumbcolumn div p {
		margin-left:9em;
	}
	
/*
##############################################################################
## room detail page
##############################################################################*/
	
	/* 3 column table */
	.roomstats {
		width:216px;
		float:left;
	}

/*
##############################################################################
## freeform forms
##############################################################################*/
	#freeform input {
		padding:0px;
		margin:0px;
		height:1.5em;
	}
	
	input.required, textarea.required {
		background-image:url(/images/layout/red_asterisk.gif);
		background-position:center right;
		background-repeat:no-repeat;
		border:1px solid #999;
	}
	
	textarea.required {
		background-position:top right;
	}
		
	#freeform label.submit input {
		height:auto;
	}
	
	#freeform label.checkbox input {
		width:auto;
		margin-left:1em;
		margin-right:1em;
		margin-top:0.25em;
	}	
	
	#freeform label.captcha img {
		width:146px;
		margin:0;
		float:right;
		margin-bottom:5px;
	}	
	
	#freeform label{
		display:block;
		margin:5px;
		padding:0px;
		clear:both;
	}
	
	#freeform label span {
		float:left;
		font-weight:bold;
		margin-right:5px;
		padding-top:2px;
		text-align:right;
		width:190px;		
	}
	
	#freeform textarea {
		margin:0;
		font-family:inherit;
		font-size:100%;
		font-style:inherit;
		font-weight:normal;
		height:102px;		
	}
	
	#freeform #venuebuttons label{
		width:230px;
		float:left;
		margin:0;
		clear:none;
	}		
	
	.featuredevent_column
	{
    margin-top:-64px; width:250px; float:left; 
	}
	
		#supplierWrapper {
		width: 950px;
		float: left;
		}
		#supplierWrapper h2 {
		margin: 10px 0 0 10px;
		font-size: 200%;
		}
		.recommendedWrapper {
		float: left;
		width: 950px;
		}
		.recommendedWrapper h3 {
		margin: 10px 0 10px 40px;
		}
		
		.preferredWrapper  {
		float: left;
		width: 950px;
		}
		.preferredWrapper h3{
		margin: 10px 0 10px 40px;
		}
		
		.trainerCard {
		float: left;
		border: solid 1px #ccc;
		background: #fff;
		width: 400px;
		height: 260px;
		margin: 0 20px 40px 40px;	
	}
		
		.trainerCard img {
			float: right;
			display: inline;
			margin: 10px;
		}
		
		.trainerCard h4 {
			margin: 10px;
		}
		
		.trainerCard p {
			margin: 0 10px 10px 10px;			
		}
		

/*
##############################################################################
## Top Bit
##############################################################################*/

#topbit{
width:970px;
margin:0 auto;
position:relative;
text-align:left;
clear:both;
font-family:Arial, Helvetica, sans-serif;
}

#topbit p{
color:#FFFFFF;
font-weight:bold;
font-size:10px;
margin:5px 5px 5px 5px;
}

#topbit a{
color:#FFFFFF;
text-decoration:none;
}

#topbit a:hover {
color:#FFCC00;
text-decoration:underline;
}

#topbit-inside{
float:left;
margin-right:5px;
}

#topbit-inside2{
float:left;
margin-right:5px;
}

#topbit-inside:hover {
float:left;
margin-right:5px;
background-color:#FFFFFF;
}

#topbit-insideselected{
float:left;
margin-right:5px;
background-color:#FFFFFF;
}

#topbit-insideselected p{
color:#000044;
}
#topbit-insideselected a{
color:#000044;
}

#topbit-right{
float:right;
}