@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Rampsbeck Hotel
Theme URI: 
Description: Custom theme created by Starbaord Media UK
Version: 1.0
Author: Starboard Media UK

Custom Wordpress theme by Joanna Eyre || http://www.starboardmediauk.co.uk
*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background:#E8DCC4;
line-height:1.5em;
margin:10px;
padding:0;
}

img, div {behavior: url(iepngfix.htc);}

#wrapper {
margin:0 auto;
width:860px;
border:20px solid #FFF;
background-image:url(images/home-back.jpg);
background-repeat:no-repeat;
height:510px;
overflow:hidden;
}

h1 {
margin-left:30px;
margin-top:20px;
}

#menu {
background-image:url(images/transparent2.png);
height:30px;
overflow:hidden;
margin-left:-20px;
margin-right:-20px;
width:920px;
padding-left:40px;
}


#menu ul {
list-style-type:none;
padding:0;
margin:0;
width:870px;
padding-left:30px;

}

#menu li {
display:block;
float:left;
}

#menu a {
display:block;
color:#000000;
padding:7px 0px 10px 16px;
text-transform:uppercase;
font-size:8.5px;
text-decoration:none;
}

#menu a:hover {
background-image:url(images/menu-back-trans.png);
background-repeat:repeat-y;
background-position:center;
}

#main-wrapper {
height:378px;
overflow:hidden;
}


#main {
background-image:url(images/transparent2.png);
padding:20px;
}

#content {

}

#right-col {
float:left;
margin:0px 0px 10px 20px;
padding:7px 10px 10px 10px;
width:282px;
}

#right-col2 {
float:right;
margin:0px 0px 10px 20px;
padding:7px 10px 10px 10px;

}

#left-col {
background-image:url(images/transparent3.png);
width:480px;
height:80px;
margin:5px 0px 10px 20px;
padding:0px 10px 2px 10px;
float:left;
}

#left-col2 {
width:480px;
margin:15px 0px 10px 20px;
padding:2px 10px 2px 10px;
float:left;
}

#right-col img {
border:2px solid white;
margin-left:7px;
float:right;
}



#footer-wrapper {
width:870px;
margin:0 auto;

}

#footer {
clear:both;
}

#footer-left {
float:left;
width:600px;
color:#333333;
font-size:11px;
padding-top:10px;
}

.uppercase {
text-transform:uppercase;
}

#footer-right {
float:right;
width:250px;
margin-top:10px;
}

#footer-right ul {
list-style-type:none;
margin:0;
padding:0;
}

#footer-right li {
display:block;
float:left;
}

#footer-right a {
padding:0px 10px 0px 10px;
}

a:link {
color:#333333;
text-decoration:none;
}


a:visited {
color:#333333;
text-decoration:none;
}

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

.title {
padding:5px;
margin:20px;
background:url(images/transparent2.png);
font-size:50px;
width:30%;
}

h3 {
display:block;
height:25px;
width:180px;
background:#333333;
color:#CCCCCC;
text-align:center;
padding-top:5px;
margin-bottom:20px;
}

h3 a:link {
display:block;
height:25px;
width:180px;
background:#333333;
color:#CCCCCC;
text-align:center;
padding-top:5px;
margin-top:-5px;
margin-bottom:20px;
}

h3 a:visited {
display:block;
height:25px;
width:180px;
background:#333333;
color:#CCCCCC;
text-align:center;
padding-top:5px;
margin-top:-5px;
margin-bottom:20px;
}

h3 a:hover {
background:#FFFFFF;
color:#333333;
display:block;
}

h2 {
margin:0;
font-size:30px;
}

h4 a:link {
color:#FFFFFF;
}

h4 a:visited {
color:#FFFFFF;
}

h4 a:hover {
background:#FFFFFF;
color:#333333;
display:block;
}

h4 a {
display:block;
height:25px;
width:100px;
background:#333333;
color:#CCCCCC;
text-align:center;
padding-top:5px;
float:left;
margin:0px 10px 5px 0px;
}

#ngg-images-3 h3 {display:none;}
#ngg-webslice h3 {display:none;}
.ngg_images {float:left;}
/* hotel Layout */

#hotel #wrapper {
background-image:url(images/contact-back.jpg);
}

#hotel #main {
background-image:url(images/transparent2.png);
float:right;
padding:20px;
width:250px;
margin-right:-50px;
margin-top:96px;
font-size:11px;
}


#hotel h1 {
float:left;
margin-right:20px;
margin-top:40px;
}


#hotel #left-col {
background:none;

}


/* rooms Layout */

#rooms #main {
width:500px;
margin:0 auto;
font-size:11px;
margin-top:40px;
}

#rooms #menu {
background-image:url(images/transparent2.png);
height:30px;
overflow:hidden;
margin-top:5px;
margin-left:-20px;
margin-right:-20px;
width:920px;
}


#rooms #wrapper {
background-image:url(images/standard-room.jpg);
}

.title2 {
font-size:30px;
padding:0;
margin:0;
}


/* dining Layout */

#dining #wrapper {
background-image:url(images/dining-back.jpg);
}

#dining #left-col {
background:none;
}


#dining #main, #dining-gallery #main {
width:370px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:23px;
padding-top:15px;
}


#dining h1, #dining-gallery h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

/* Cottages Layout */

#cottages #wrapper {
background-image:url(images/cottages-back.jpg);
}

#cottages #left-col {
background:none;
}

#cottages #main {
width:370px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:60px;
padding-top:15px;
}


#cottages h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

/* Cottage Tariff Layout */

#cottage-tariff #wrapper {
background-image:url(images/cottages-back.jpg);
}

#cottage-tariff #left-col {
background:none;
}

#cottage-tariff #main {
width:370px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:100px;
padding-top:15px;
}


#cottage-tariff h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

/* Willow Layout */

#willow #wrapper {
background-image:url(images/willow-back.jpg);
}

#willow #left-col {
background:none;
}

#willow #main {
width:370px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:40px;
padding-top:15px;
}


#willow h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

/* Holly Layout */

#holly #wrapper {
background-image:url(images/holly-back.jpg);
}

#holly #left-col {
background:none;
}

#holly #main {
width:370px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:113px;
padding-top:15px;
}


#holly h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

/* Wedding Gallery Layout */

#gallery {
padding-left:45px;
}

#gallery a:link {
color:#FFFFFF;
}

#left-col2 h3 {
margin-left:50px;
}

#gallery h4 {
float:right;
margin:-250px 70px 0px 0px;
}

#gallery h3 {
float:right;
margin:-290px 630px 0px 0px;

}

/* Wedding Layout */

#weddings #wrapper {
background-image:url(images/wedding-back.jpg);
}

#weddings #main, #weddings-gallery #main {
width:250px;
float:left;
font-size:12px;
float:left;
margin-left:60px;
margin-top:57px;
line-height:1.7em;
}

#weddings h1, #weddings-gallery h1 {
float:right;
margin-right:20px;
margin-top:40px;
}


#weddings-gallery h1 {
float:left;
}
/* Private dining Layout */

#pdining #wrapper {
background-image:url(images/pdining-back.jpg);
}

#pdining #main {
width:450px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:20px;
padding-top:10px;
}

#pdining h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

/* Home */

#home #wrapper {
background-image:url(images/home-backa.jpg);
}

/* Corporate Layout */

#corporate #wrapper {
background-image:url(images/corporate-back.jpg);
}

#corporate #main {
width:250px;
float:left;
font-size:12px;
float:left;
margin-left:60px;
margin-top:55px;
line-height:1.7em;
padding-top:0px;
}

#corporate h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

/* Activities Layout */

#activities #wrapper {
background-image:url(images/activities-back.jpg);
}

#activities #main {
background-image:url(images/transparent2.png);
float:right;
padding:20px;
width:350px;
margin-right:20px;
margin-top:45px;
}

#activities h1 {
float:left;
margin-left:40px;
margin-top:40px;
}

#activities #left-col {
padding-top:10px;
}

/* Location Layout */

#location #wrapper {
background-image:url(images/location-back.jpg);
}

#location #main {
background-image:url(images/transparent2.png);
float:right;
padding:20px;
width:250px;
margin-right:20px;
margin-top:25px;
font-size:11px;
}

#location #map {
float:left;
margin-right:20px;
margin-top:20px;
padding:10px;
background-image:url(images/transparent2.png);
margin-left:30px;
border:0;
margin-bottom:8px;
}



#map img {
border:0;
}


#location #left-col {
background:none;

}



/* Tariff Layout */

#tariff #wrapper {
background-image:url(images/tariff-back.jpg);
}

#tariff #main {
width:350px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:15px;
padding-top:10px;
line-height:1.2em;
}

#tariff h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

#tariff #left-col {
background:none;
}


/* Special Offers Layout */

#special-offers #wrapper {
background-image:url(images/hotel-back.jpg);
}

#special-offers #main {
background-image:url(images/transparent2.png);
float:right;
padding:20px;
width:720px;
margin-right:69px;
margin-top:20px;
font-size:12px;
padding-top:10px;
}


/* Contact Layout */

#contact #wrapper {
background-image:url(images/contact-back.jpg);
}

#contact #main {
width:350px;
float:left;
font-size:11px;
float:left;
margin-left:20px;
margin-top:28px;
padding-top:10px;
}

#contact #main img {
border:0;
}

.form-right input {
background-image:url(images/transparent2.png);
width:100px;
border:1px solid black;
}

.field {
width:170px;
float:left;
font-size:10px;
padding-bottom:10px;
}

.form-left {
float:left;
width:60px;
text-align:right;
padding-right:10px;
}

.form-right {
float:left;
width:100px;
}

.textarea-left {
float:left;
width:60px;
text-align:right;
padding-right:10px;
}

.textarea-right {
float:right;
width:260px;
padding-right:20px;
}

#contact textarea {
background-image:url(images/transparent2.png);
width:270px;
height:60px;
border:1px solid black;

}

#form {
overflow:hidden;
}

#contact img {

padding:0;
margin:0;
}

.submit {
float:right;
width:70px;
border:1px solid black;
clear:both;
margin-right:10px;
}


checkbox {
width:20px;
border:1px solid red;
}

#clear {
clear:both;
float:right;
text-align:right;
padding-right:10px;
}

#contact h1 {
float:right;
margin-right:20px;
margin-top:40px;
}

#contact #left-col {
padding-top:10px;
}

/* Special Breaks Layout */

#breaks #main {
width:500px;
margin:0 auto;
font-size:10px;
margin-top:40px;
padding-bottom:20px;
height:283px;
}

#breaks #menu {
background-image:url(images/transparent2.png);
height:30px;
overflow:hidden;
margin:27px -20px 0px -20px;
width:920px;
}


#breaks #wrapper {
background-image:url(images/rooms-back.jpg);
}


/* Entrance Hall Layout */

#entrance-hall #wrapper {
background-image:url(images/entrance-hall-back.jpg);
}


/* Drawing Room Layout */

#drawing-room #wrapper {
background-image:url(images/drawing-room-back.jpg);
}

/* Garden Lounge Layout */

#garden-lounge #wrapper {
background-image:url(images/garden-lounge-back.jpg);
}

/* Lounge Bar Layout */

#lounge-bar #wrapper {
background-image:url(images/lounge-bar-back.jpg);
}

/* Superior Room Layout */

#superior-room #wrapper {
background-image:url(images/superior-room.jpg);
}

/* Standard Room Layout */

#standard-room #wrapper {
background-image:url(images/standard-room.jpg);
}


/* Hallin Room Layout */

#hallin-room #wrapper {
background-image:url(images/hallin-room.jpg);
}

/*  Martindale Room Layout */

#martindale-room #wrapper {
background-image:url(images/martindale-room.jpg);
}

/* Elderbeck Room Layout */

#elderbeck-room #wrapper {
background-image:url(images/elderbeck-room.jpg);
}

/* Winder Room Layout */

#winder-room #wrapper {
background-image:url(images/winder-room.jpg);
}

/* Ullswater Room Layout */

#ullswater-room #wrapper {
background-image:url(images/ullswater-room.jpg);
}

/* White Knott Room Layout */

#knott-room #wrapper {
background-image:url(images/knott-room.jpg);
}

/* Waterside Room Layout */

#waterside-room #wrapper {
background-image:url(images/waterside-room.jpg);
}


/* Silver Crag Room Layout */

#silver-room #wrapper {
background-image:url(images/silver-room.jpg);
}

/* Ravenoaks Room Layout */

#ravenoaks-room #wrapper {
background-image:url(images/ravenoaks-room.jpg);
}

/* Mell Fell Room Layout */

#mellfell-room #wrapper {
background-image:url(images/mellfell-room.jpg);
}

/* Wedding Gallery Layout */

#weddings-gallery #wrapper {
background-image:url(images/weddings-gallery.jpg);
}

/* Dining Gallery Layout */

#dining-gallery #wrapper {
background-image:url(images/dining-gallery.jpg);
}
#next a {
float:right;
background:url(images/transparent2.png);
display:block;
padding:10px;
margin-top:-280px;
font-weight:bold;
}


.next2 a {
float:right;
background:url(images/transparent2.png);
display:block;
padding:10px;
font-weight:bold;
margin-top:-50px;
width:60px;
}

.next3 a:link, .next3 a:visited {
float:right;
background:url(images/transparent2.png);
display:block;
position:relative;
padding:10px;
font-weight:bold;
margin:150px -287px 0px 0px;
width:120px;
}

.prev2 a:link, .prev2 a:visited {
float:right;
background:url(images/transparent2.png);
display:block;
padding:10px;
font-weight:bold;
width:120px;
color:#000000;
margin:200px -287px 0px 0px;
}


.prev a {
float:right;
background:url(images/transparent2.png);
display:block;
padding:10px;
font-weight:bold;
width:60px;
}

.next4 a {
float:right;
background:url(images/transparent2.png);
display:block;
padding:10px;
font-weight:bold;
margin-top:40px;
color:#000000;
}