/* @override http://www.webtise.net/~leasowca/css/screen.css */

/*  

	PROJECT NAME Screen.css
	VERSION 1.1 
	NICK TOYE
	NICK@NICKTOYE.CO.UK
	
	CONTENTS ----------
		
		0.  IMPORTS
		1.  BODY
		2.  GENERAL
		3.  SCAFFOLD
		4.  COMPONENTS
	
	------------------
		
	PALETTE ----------
	
		black - #0d0d0e
		Green/Yellow - #bcb161
	------------------
	
*/

/* @group [0] IMPORTS */

@import url(reset.css); /* RESET CSS */

/* @end */

/* @group [1] BODY */

body {
	font-family: Georgia, Arial, serif;
	font-size: 13px;
	line-height: 22px;
	background: #1a1c1e url(../img/body.jpg) repeat-y top center;
	color: #fff;
}

p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 15px 0;
}

/* @end */

/* @group [2] GENERAL COMPONENTS */

/* 2.1 Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	 
}

h1 { 
	font-size: 18px;
	color: #bcb161;
	font-weight: normal;
	font-style: italic; 
}

h2 { 
	font-size: 18px;
	color: #bcb161;
	font-weight: normal;
	font-style: italic;
}

#content h1 {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#content h2 {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#content h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	color: #d6d5ce;
}

.note {
	border: 1px solid #ccc;
	background: #3d3d3d;
	padding: 10px;
	margin: 15px 0;
	float: left;
}

.note p {
	font-size: 11px;
}

/* 2.2 Anchor Links */
a:link, a:visited {
	text-decoration: none;
	color: #fff;
}

a:hover, a:focus {
	color: #bcb161;
}

a.downloadfile {
	padding-left: 24px;
	font-size: 12px;
	margin: 15px 0;
	float: left;
	display: block;
	background: url(../img/icons/pdf.png) no-repeat 0 50%;
	width: 190px;
}

/* 2.3 Lists */
#content-wrapper #content ul {
	margin: 15px 0;
}

#content-wrapper #content ul li {
	padding-left: 10px;
	background: url(../img/icons/bullet.gif) no-repeat 0 50%;
}

/* @end */

/* @group [3] SCAFFOLD */


#container {
	position: relative;
	width: 960px;
}

#branding {
	height: 58px;
	position: relative;
}



#sidebar {
	
}

#site-info {
	
}

#temp-box {
	height: 800px;
}

/* @end */

/* @group [4] COMPONENTS */

/* 4.1 Branding */
#branding a#logo {
	width: 210px;
	height: 58px;
	background: url(../img/logo.png) no-repeat top left;
	float: left;
	text-indent: -3000px;
	position: absolute;
	top: 0;
	left: 0;
}

/* 4.2 Navigation */
ul.mainNav {
	position: relative;
	z-index: 100;
	height: 38px;
	width: 910px !important;
	padding: 0 15px;
	background: #dde8f1;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 40px;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	margin: 0 10px !important;
}

ul.mainNav li {
	display: inline;
	margin-right: 0px;
	padding: 10px 5px 10px 5px;
	position: relative;
}

ul.mainNav li.last {
	margin-right: 0;
}

ul.mainNav li a {
	color: #0d0d0e;	
	padding: 10px 5px 12px 5px;
}

ul.mainNav li.Home {
	height: 21px;
	float: left;
	padding: 0;
	overflow: hidden;
	margin-top: 10px;
}

ul.mainNav li.Home a {
	float: left;
	width: 28px;
	height: 21px;
	background: url(../img/home.png) no-repeat 0 0;
	padding-bottom: 5px;
	text-indent: -3000px;
}

ul.mainNav li.Home a:hover {
	background-position: 0 -21px;
}

ul.mainNav li a:hover, ul.mainNav li.active a {
	color: #A19436;
}

li.Home.active a {
	border: 0 !important;
}

ul.mainNav li ul.mainDrop {
	position: absolute;
	left: -3000px;
	top: 35px;
	background: #000;

	z-index: 15000;
	width: 190px;
	padding-bottom: 5px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

ul.mainNav li ul.mainDrop li {
	display: block;
	padding: 0px;
	margin: 0;
	border-bottom: 1px solid #fff;
	line-height: 24px;
}

ul.mainNav li ul.mainDrop li.omega {
	border-bottom: 0 !important;
}

ul.mainNav li ul.mainDrop a {
	font-size: 12px !important;
	padding: 5px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	text-transform: capitalize;
	display: block;
}

ul.mainNav li ul.mainDrop a:hover {
	border: 0;
	background: rgba(0,0,0,.4);
	color: #bcb161;
}

ul.mainNav li:hover ul.mainDrop {
	left: -5px;
}

ul.mainNav li.omega:hover ul.mainDrop {
	left: -110px !important;
}


/* Misc Nav */

ul#miscNav {
	position: absolute;
	right: 0;
	top: 30px;
	font-size: 12px;
}

ul#miscNav li {
	display: inline;
	color: #fff;
	border-right: 1px solid #fff;
	padding-right: 5px;
	margin-right: 5px;
}

ul#miscNav li.omega {
	margin-right: 0;
	border-right: 0;
}

ul#miscNav li#book-now a {
	background: #bcb161;
	width: 100px;
	height: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #3d3d3d;
	cursor: pointer;
	border: 0;
	padding: 5px;
	text-transform: capitalize;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

ul#miscNav li#book-now a:hover {
	background: #E6D876;
	-webkit-box-shadow: 0 0 15px rgba(255,255,255,.5);
}

/* 4.3 Heroes */

#hero {
	position: relative;
	height: 300px;
	float: left;
}

#hero h2 {
	position: absolute;
	bottom: 30px;
	left: 30px;
	font-size: 48px;
	color: #fff;
	font-family: "Georgia", serif;
	font-weight: normal;
	font-style: italic;
	z-index: 50;
}
	
#hero h2 span {
	margin-top: 8px;
	font-size: 19px;
	display: block;
	font-style: normal;
	text-transform: uppercase;
	z-index: 50;
}

body.Home #hero {
	height: 430px;
	float: left;
}

#slideshow {
	position: relative;
	z-index: 5;
}

#slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img.last-active {
	z-index: 9;
}


ul#gallery-cta {
	position: absolute;
	right: 20px;
	top: 100px;
	z-index: 50;
}

ul#gallery-cta li {
	margin-bottom: 15px;
	font-style: italic;
	font-size: 14px;
	background: url(../img/gallery-cta.png) no-repeat 0 50%;
	width: 145px;
	height: 41px;
}

ul#gallery-cta li a {
	color: #00749a;
	display: block;
	padding: 10px 30px 10px 10px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

ul#gallery-cta li a:hover {
	color: #bcb161	;
}

/* 4.4 Home CTA */

ul#home-cta {
	
	color: #fff;
	padding: 10px 0;
}

ul#home-cta li {
margin-left:0px;
margin-right:15px;
}

ul#home-cta li#newsletter h3 {
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 4px;
}

li#newsletter form {
	
}

li#newsletter form label {
	float: left;
}

li#newsletter form input {
	color: #999999;
	height: 22px;
	padding: 0 10px;
	border: 1px solid #ccc;
	width: 125px;
	margin: 0 5px 0 0;
	float: left;
}

li#newsletter form button {
	color: #fff;
	background: #bdb260;
	border: 0;
	height: 24px;
	cursor: pointer;
	float: right;
}

ul#home-cta li.custom {
	position: relative;
	float: left;
	width: 220px;
	height: 92px;
	margin-top: 5px;
}

ul#home-cta li.custom img {
	border: 2px solid #999999;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	opacity: .8;
}

ul#home-cta li.custom h3 {
	position: absolute;
	top: 10px;
	left: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	z-index: 10;
	color: #fff;
}

ul#home-cta li.custom p {
	font-size: 12px;
	line-height: normal;
	position: absolute;
	top: 40px;
	left: 10px;
	z-index: 10;
}

ul#home-cta li.custom em {
	display: block;
}

ul#home-cta li.custom a {
	width: 220px;
	height: 92px;
	background: url(../img/custom-link.png) no-repeat bottom right;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

ul#home-cta li a:hover {
	color: #fff;
}

ul#home-cta li.custom:hover img {
	opacity: 1;
}

/* 4.5 Content Areas */

#content-wrapper {
	padding: 20px 0;
}

/* 4.5.1 Left Sidebar */

#left-sidebar {
	
}

ul#sub-nav {
	border-top: 1px solid #858587;
	margin-top: 32px;
}

ul#sub-nav li {
	font-size: 14px;
	font-style: italic;
	padding: 5px;
	border-bottom: 1px solid #858587;
}

ul#sub-nav li a {
	display: block;
}

body.Standard li.Standard a, body.Poster li.Poster a, body.Sea li.Sea a, body.Hen li.Hen a {
	color: #bcb161;
}


ul#weddingDownloads, ul#conferenceDownloads {
	margin: 15px 0;
}

ul#weddingDownloads li.wedding-brochure a {
	background: url(../img/wedding-ctas.png) no-repeat 0 0;
	width: 220px;
	height: 76px;
	display: block;
	text-indent: -3000px;
}

ul#weddingDownloads li.wedding-brochure a:hover {
	background-position: -220px 0;
}

ul#weddingDownloads li.wedding-package a {
	background: url(../img/wedding-ctas.png) no-repeat 0 -75px;
	width: 220px;
	height: 125px;
	display: block;
	text-indent: -3000px;
}

ul#weddingDownloads li.wedding-package a:hover {
	background-position: -220px -75px;
}

ul#weddingDownloads li.evening-package a {
	background: url(../img/wedding-ctas.png) no-repeat 0 -200px;
	width: 220px;
	height: 125px;
	display: block;
	text-indent: -3000px;
}

ul#weddingDownloads li.evening-package a:hover {
	background-position: -220px -200px;
}

ul#conferenceDownloads li.conference-brochure a {
	background: url(../img/wedding-ctas.png) no-repeat 0 -325px;
	width: 220px;
	height: 125px;
	display: block;
	text-indent: -3000px;
}

ul#conferenceDownloads li.conference-brochure a:hover {
	background-position: -220px -325px;
}

/* 4.5.2 Main Area */

#content {
	
}

/* 4.5.3 Right Sidebar */

#right-sidebar {
	
}

body.no-hero #right-sidebar {
	margin-top: 30px;
}

#right-sidebar #polaroids {
	margin-top: 25px;
}

#right-sidebar #polaroids h3 {
	margin-bottom: 15px;
	color: #fff;
	font-style: italic;
}

#polaroids ul {
	float: left;
	width: 220px;
}

#polaroids ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #fff;
	width: 64px;
	height: 64px;
}

#polaroids ul li.bookend {
	margin-right: 0;
}

#polaroids ul li img {
	float: left;
	width: 100%;
	height: 100%;
}

#polaroids ul li {
	opacity: .8;
	-webkit-transition: opacity linear .3s;
	-webkit-transition: -webkit-box-shadow linear .2s;
	-moz-transition: opacity linear .3s;
	-webkit-box-shadow: 0 0px 10px rgba(255,255,255,0);
}

#polaroids ul li:hover {
	opacity: 1;
	-webkit-box-shadow: 0 0px 10px rgba(255,255,255,.6);
}

#right-sidebar address p {
	font-size: 12px !important;
}

#right-sidebar address {
	font-style: normal;
}

#right-sidebar address strong {
	display: block;
}

#right-sidebar h3 {
	font-size: 14px;
	font-weight: normal;
	color: #bcb161;
}

/* 4.x Contact Forms */

form#contact-form {
	padding-bottom: 15px;
	
}

form#contact-form label {
	float: left;
	margin-bottom: 15px;
}

form#contact-form label span.label {
	width: 175px;
	float: left;
	margin-top: 5px;
	font-weight: normal;
	font-size: 1.3em;
}

form#contact-form label input {
	-webkit-border-radius: 5px;
	border: 0;
	padding: 5px;
	color: #999;
	text-align: left;
	margin: 5px 0 0 0;
	width: 410px;
	font-size: 1.4em;
}

form#contact-form label textarea {
	width: 410px;
	-webkit-border-radius: 6px;
	border: 0;
	padding: 5px;
	height: 100px;
	color: #999;
	text-align: left;
	margin: 5px 0 0 0;
	font-size: 1.4em;
}

form#contact-form label small {
	display: block;
	font-size: 10px;
	margin: 5px 0;
	margin: 5px 0 0 0;
	font-size: 1.4em;
}
form#contact-form label select {
	width:420px;
	border: 0;
	padding: 5px;
}
form#contact-form input.submitBtn {
	background: #bcb161;
	width: 128px;
	height: 32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #3d3d3d;
	cursor: pointer;
	border: 0;
	float: right;
	margin-right: 24px;
	text-transform: capitalize;
	display: block;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

form#contact-form fieldset {
	padding: 15px 0;
	border-top: 1px solid #393838;
}

form#contact-form input.submitBtn:hover {
	background: #E6D876;
	-webkit-box-shadow: 0 0 15px rgba(255,255,255,.5);
}

ul.contact-numbers {
	margin: 15px 0;
}

ul.contact-numbers li {
	font-size: 12px;
}

/* 4.x Site Info */

ul#site-info {
	background: #d7d6d4;
	padding: 10px 0;
}

ul#site-info li {
	color: #5b5b59;
	font-size: 12px;
}

ul#site-info li.alpha {
	text-align: left;
	width: 440px;
	padding-left: 20px;
}

ul#site-info li.omega {
	text-align: right;
	width: 440px;
	padding-right: 20px;
}

p#post-site-info {
	padding: 8px 0;
	font-size: 11px;
	background: url(../img/icons/webtise-logo.png) no-repeat right;
	margin-bottom: 0;
}

ul#site-info a {
	color: #3d3d3d;
}

ul#site-info a:hover {
	color: #B9AE5F;
}

ul.socials {
	float: left;
	margin-left: 10px;
}

ul.socials li {
	font-size: 12px;
	display: inline;
}

ul.socials li a.facebook {
	width: 16px;
	height: 16px;
	background: url(../img/icons/socials.gif) no-repeat 0 0;
	text-indent: -3000px;
	display: inline-block;
	margin-left: 5px;
}

ul.socials li a.twitter {
	width: 16px;
	height: 16px;
	background: url(../img/icons/socials.gif) no-repeat -16px 0;
	text-indent: -3000px;
	display: inline-block;
	margin-left: 5px;
}

ul.socials li a.facebook:hover {
	background-position: 0 -16px;
}

ul.socials li a.twitter:hover {
	background-position: -16px -16px;
}


/* @end */
#quick-form label{
display:inline-block;
width:70px;
font-size:11px;
}
#quick-form input{
	margin:3px 0;
	width:130px;
	font-family:Georgia;
	font-size:13px;

}
#quick-form textarea{
width:130px;
font-family:Georgia;
font-size:13px;
height:50px;
}
#quick-form .submit-btn{
	background: #bcb161;
	width: 70px;
	height: 25px;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #3d3d3d;
	margin-right:10px;
	cursor: pointer;
	border: 0;
	float: right;
	text-transform: capitalize;
	display: block;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
#quick-form .submit-btn:hover{
	background:#e6d876;
}
#quick-enquire{
background:transparent url(../img/images/form-bg.png) repeat-x scroll 0 0;
-moz-border-radius:5px;
color:#000000;
height:170px;
padding-left:10px;
position:absolute;
right:20px;
top:100px;
width:145px;
z-index:50;
}
#quick-enquire h3{
	font-size:14px;
	font-style:italic;
	font-family:georgia;
	color:#00749A;
	font-weight:normal;
}

#seotext {
text-align:center;
width:920px; padding:5px 20px;
margin:0 auto;
}

#quick-enquire2{
-moz-border-radius: 5px 5px 5px 5px;
background:url(../img/images/enq2-back.gif) no-repeat;
position:absolute;
z-index:8;
height:240px;
width:200px;
right:20px;
top:20px;
}

#quick-enquire2 input{
height:25px;
margin-left:20px;
margin-top:20px;
width:150px;
}

#quick-enquire2 p{
color:black;
text-align:center;
margin-bottom: -5px;
}

#quick-enquire2 h3{
border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
text-align: center;
background: black;
color:#BCB161;
font-family: georgia;
font-style: italic;
font-weight: normal;
height: 30px;

}

#quick-enquire2 .ContactButton{
background: #bcb161;
	width: 86px;
	height: 27px;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #3d3d3d;
	margin-left:52px;
	cursor: pointer;
	border: 0;
	text-transform: capitalize;
	display: block;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);

}

#quick-enquire2 .ContactButton:hover{
background: #e6d876

}
p.facebook {float: right; padding-top: 2px;}
#advertbanner {margin-bottom: 0px;}

#channellink {float:left; display:block; height: 5px ; margin: 0px 0 0 190px; text-align: center;}