@import url(reset.css);

/* -- top level styles --- */
html {
	background:#86704b url(images/bgtile.png) 0 0 repeat-x;
}

body {
	font:0.75em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

a{
	color:#c8b088;
}

img.topPic{
	padding-top:5px;
}

#contentArea #centralArea h1 {
	height:23px;
	margin:18px 0 9px -3px;
	text-indent:-999em;
	width:450px;
}

#contentArea #centralArea h2 {
	color:#c8b088;
	font-size:1em;
	font-weight:bold;
	margin:18px 0 0 0;
}
/* --- top level styles end --- */

/* --- main layout styles --- */
#container {
	margin:9px auto 0;
	text-align:left;
	width:980px;
	background:#070500;
}

#header {
	background:transparent url(images/header-bg.png) 0 0 no-repeat;
	height:157px;
	position:relative;
	width:980px;
}

#sideNav {
	float:left;
	width:216px;
}

#contentArea {
	overflow:hidden;
	padding:27px 0 54px 27px;
	width:980px;
}

#centralArea {
	float:left;
	margin-left:18px;
	width:450px;
}

#mainSidepanel {
	float:left;
	margin-left:18px;
	width:227px;
	background:#2d2619;
	padding-left:7px;
}

#footer {
	border-top:solid 1px #c8b088;
        clear:both;
	height:90px;
	position:relative;
	width:980px;
	margin-bottom:12px;
}

/* --- main layout styles end --- */

/* --- #header substyles --- */
#header h1#logo {
	background:transparent url(images/foxbar-hotel-kilmarnock.png) 0 0 no-repeat;
	height:107px;
	left:53px;
	position:absolute;
	text-indent:-999em;
	top:20px;
	width:175px;
}

#header a#strapline {
	background:transparent url(images/foxbar-hotel-ayrshire.png) 0 0 no-repeat;
	height:68px;
	position:absolute;
	right:45px;
	text-indent:-999em;
	top:61px;
	width:377px;
}

#header h1#contact {
	background:transparent url(images/header-sp.png) -173px -46px no-repeat;
	height:18px;
	position:absolute;
	right:32px;
	text-indent:-999em;
	top:100px;
	width:318px;
}

/* --- #header substyles end --- */

/* --- #sideNav substyles --- */

#sideNav ul{
	background:#2d2619;
	border-bottom:1px solid #86704b;
}

#sideNav li {
	border-top:1px solid #86704b;
}

#sideNav li a {
	color:#c8b088;
	display:block;
	font-size:.8em;
	font-weight:700;
	outline:none;
	padding:10px 0 10px 29px;
	text-decoration:none;
}

#sideNav li a:hover,#sideNav li a.navon {
	background:#000 url(images/header-sp.png) 0 -110px no-repeat;
	color:#fff;
	outline:none;
}

#sideNav address {
	background:#2d2619;
	color:#c8b088;
	margin:18px 0 0 0;
	font-weight:bold;
	font-style: normal;
	font-size:0.9em;
	text-align: center;
	width:216px;
	padding: 18px 0;
}

/* --- #sideNav substyles end --- */

/* --- #contentArea substyles --- */
#contentArea #centralArea p {
	width:378px;
	padding-bottom:18px;
}

#contentArea #centralArea ul {
	list-style:disc;
	padding-left:15px;
}

#contentArea #centralArea li {
	margin-top:9px;
}

/* - #homePage substyles - */
#homePage #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 0 no-repeat;
}

#homePage #contentArea #centralArea p {
	width:450px;
	padding-bottom:18px;
}

/* -   - */

#accomd #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -23px no-repeat;
}

#weddingVenue #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -45px no-repeat;
}

#bridalSuite #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -72px no-repeat;
}

#partyVenue #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -102px no-repeat;
}

#barBistro #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -130px no-repeat;
	margin-top:0;
}

#familyArea #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -157px no-repeat;
	margin-top:0;
	width:115px;
}

#bookingForm #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -183px no-repeat;
	margin-top:0;
}

#mapDir #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) -63px -210px no-repeat;
	margin-bottom:-2px;
	margin-top:0;
}

#christmasParty #contentArea #centralArea h1 {
	background:transparent url(images/h1-graphics-central.png) 0 -235px no-repeat;
	height:25px;
	margin:0 0 9px 0;
}

#contentArea #mainSidepanel h1#accom {
	background:transparent url(images/h1-graphics-central.png) -127px -478px no-repeat;
	height:16px;
	margin:19px 0 9px;
	text-indent:-999em;
	width:132px;
}

#homePage #contentArea #mainSidepanel h1#accom {
	margin-top:19px;
}

/* - side panel substyles - */
#contentArea #mainSidepanel p {
	font-size:.8em;
	padding-bottom:15px;
	width:220px;
}

#contentArea #mainSidepanel p a {
	color:#c8b088;
	font-weight:700;
	margin:9px 0 18px;
	text-decoration:none;
}

#contentArea #mainSidepanel p a:hover {
	color:#fff;
}

#contentArea #mainSidepanel h1#wedding {
	background:transparent url(images/h1-graphics-central.png) 0 -478px no-repeat;
	height:21px;
	margin:18px 0 6px;
	text-indent:-999em;
	width:123px;
}

#contentArea #mainSidepanel img#btmPic,#contentArea #mainSidepanel img#btmPic2 {
	margin-top:15px;
}

#contentArea #mainSidepanel h3{
	font-size:1em;
	font-weight:bold;
	color:#c8b088;
	padding:3px 0 2px 0;
}
/* - - */
/* --- #contentArea substyles end --- */

/* --- footer subtyles --- */
#footer div#urlPic {
	height:14px;
	left:27px;
	position:absolute;
	top:15px;
	width:154px;
}

#footer #footerLinks {
	color:#fff;
	position:absolute;
	right:20px;
	top:15px;
	width:620px;
	text-align: right;
}

#footer #footerLinks a {
	color:#fff;
	font-size:.8em;
	text-decoration:none;
}

#footer #footerLinks a:hover{
	color:#c8b088;
}
/* --- footer substyles end --- */

/* ------------------------------ contact form -------------------------------- */
form#contactform {
	width:415px;
}

#contactform label {
	background:transparent;
	color:#fff;
	display:block;
	padding:10px 10px 10px 180px;
	width:265px;
}

#contactform span {
	float:left;
	left:-120px;
	margin-right:-130px;
	padding-top:3px;
	position:relative;
}

#contactform input, #contactform textarea {
	border:1px solid #C8B088;
	width:180px;
	background:#000;
	color:#fff;
}

#contactform input.txtsmall {
	text-align:right;
	width:72px;
}

#contactform input.spaced {
	margin-left:10px;
}

#contactform #submitButton {
	border:none;
	cursor:pointer;
	height:41px;
	margin:27px 0 18px 177px;
	width:118px;
}

#centralArea p.email_error, #content p.email_thanks, #content p.email {
	margin-bottom:20px;
	margin-left:168px;
	margin-top:30px;
	padding:10px 10px 10px 32px;
	width:330px;
}

#centralArea p.email {
	background:#18303d url(images/email.png) 10px 13px no-repeat;
	border-color:#2479B9;
}

#centralArea p.email_error {
	background:#18303d url(images/email_error.png) 10px 13px no-repeat;
	border-color:#2479B9;
}

#centralArea p.email_thanks {
	background:#18303d url(images/email_add.png) 10px 13px no-repeat;
	border-color:#2479B9;
}

#centralArea p.small {
	font-size:0.8em;
}

#centralArea #contactform fieldset {
	background:#000;
	border:none;
	margin:0;
	padding:27px 0 18px 0;
	width:460px;
}