/* layout */
html { font-size: 100%; /* :hack: make IE resize text nicely */ }
body { font: .75em Verdana,Arial,Helvetica,sans-serif; margin: 0; }

/*header*/
#header { width: 976px; height: 142px; margin: 0 auto; position: relative; }
#logo { float: left; margin-top: 18px; display: block; background: url(../images/logo.png) no-repeat 0 0; width: 246px; height: 76px; }
* html #logo { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='crop'); }

#logo span { position: absolute; left: -9999px; }
#aa { position: absolute; right: 34px; top: 12px; }

/*navigation*/
#nav { position: absolute; right: 110px; margin: 0; }
#nav:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#nav ul { margin:0; list-style:none; }
#nav li { float: left; margin:0 8px 0 0; width: 78px; }
#nav a, 
#nav span { padding: 0; display: block; height: 130px; background: transparent url(../images/nav_sprite.png) no-repeat; }
#nav span { position: absolute; left: -9999px; }
#nav a:focus,
#nav a:focus span,
#nav a:hover,
#nav a:hover span { }

#nav li#nav_about a.replace, #nav li#nav_about a.replace span { background-position: 0 0;}
#nav li#nav_about a.replace:hover, #nav li#nav_about a.replace:hover span { background-position: 0 -130px; }
#nav li#nav_rooms a.replace, #nav li#nav_rooms a.replace span { background-position: -78px 0; }
#nav li#nav_rooms a.replace:hover, #nav li#nav_rooms a.replace:hover span { background-position: -78px -130px; }
#nav li#nav_location a.replace, #nav li#nav_location a.replace span{background-position: -156px 0;}
#nav li#nav_location a.replace:hover, #nav li#nav_location a.replace:hover span{background-position: -156px -130px; }
#nav li#nav_booking a.replace, #nav li#nav_booking a.replace span { background-position: -234px 0; }
#nav li#nav_booking a.replace:hover, #nav li#nav_booking a.replace:hover span { background-position: -234px -130px; }
#nav li#nav_friends a.replace, #nav li#nav_friends a.replace span { background-position: -312px 0; }
#nav li#nav_friends a.replace:hover, #nav li#nav_friends a.replace:hover span{background-position: -312px -130px; }

/*content*/
.section { width: 100%; min-width: 976px; clear: both; }
.content { width: 976px; min-width: 976px; margin: 0 auto; clear: both; }
.content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.content_main { float: left; width: 640px; margin-right: 20px; }
.content_sub { float: left; width: 300px; }
       
/*About*/
#about { background: url(../images/section_1_bkg.png) repeat-x 0 0; height: 752px; }
.head_content { padding-top: 90px; }
h1#welcome { background: url(../images/welcome.png) no-repeat 0 0; width: 329px; height: 114px; margin-bottom: 30px; }
* html h1#welcome { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/welcome.png', sizingMethod='crop'); }
h1#welcome span { position: absolute; left: -9999px; }
#about .content { padding-top: 50px; position: relative; }
#about .content p { color: #676767; font-size: 1em; font-weight: bold; margin-bottom: 15px; padding-left: 34px; width: 320px; }
#about .content img { float: right; }
#about .content p.call_to_action { padding-top: 15px; }
#about .content p.call_to_action,
.call_to_action a { color: #457f92; }
.dado { background: url(../images/dado_repeat.png) repeat-x 0 0; height: 66px; width: 100%; min-width: 976px; position: absolute; z-index: 1; }
* html .dado { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dado_repeat.png', sizingMethod='scale'); }

#head_image { width: 600px; height: 510px; position: absolute; right: 0; }
* html #head_image { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/section_1_main_photo.png', sizingMethod='scale'); }

/*Rooms*/
#rooms { color: #515151; background: url(../images/repeating_mid.png) repeat 0 0; padding: 0 0 140px; z-index: 99; }
#rooms .content { padding: 379px 0 0 0; background: url(../images/the_rooms_sign.png) no-repeat 50% 0; z-index: 99; position: relative; }

.rooms { float: left; }
#rooms a span { position: absolute; left: -9999px; }

#single_rooms { width: 441px; margin: 0 0 100px 0; float: left; }
#single_rooms a { width: 100%; height: 378px; background: url(../images/standard_singles.png) no-repeat 10px 0; display: block; padding: 0 0 20px 20px; }
* html #single_rooms a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/standard_singles.png', sizingMethod='crop'); }

#twin_rooms { width: 449px; margin: 0 0 0 0; padding-top: 122px; float: right; }
#twin_rooms a { width: 100%; height: 341px; display: block; padding: 0 0 20px 20px; background: url(../images/twin_rooms.png) no-repeat 10px 0; }
* html #twin_rooms a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/twin_rooms.png', sizingMethod='crop'); }

#double_rooms { width: 442px; margin: 0 75px 0 0; float: left; clear: left; }
#double_rooms a { width: 100%; height: 353px; display: block; padding: 0 0 20px 20px; background: url(../images/double_rooms.png) no-repeat 10px 0; }
* html #double_rooms a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/double_rooms.png', sizingMethod='crop'); }

#family_rooms { width: 448px; margin: 0 0 102px 0; padding-top: 78px; float: right; clear: right;}
#family_rooms a { width: 448px; height: 342px; display: block; padding: 0 0 20px 20px; background: url(../images/family_rooms.png) no-repeat 10px 0; }
* html #family_rooms a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/family_rooms.png', sizingMethod='crop'); }

.price_content { clear: both; float: left; width: 100%; }
.rooms_desc { width: 540px; padding: 19px 23px; background: #3f7b8f; clear: both; float: left; margin: 0 57px 0 0; }
.rooms_desc p { color: #fff; margin-bottom: 0; line-height: 170%; }
ul#prices { padding: 10px 11px; background: #3f7b8f; float: right; list-style: none; margin: 0 12px 0 0; clear: right; }
#prices li { color: #fff; font-size: 1.1em; padding: 7px 11px; width: 256px; position: relative; }
#prices .odd { background: #2e6577; }
#prices span { position: absolute; right: 7px; }

/* About */
#about_area { padding: 133px 0 85px; background: url(../images/repeating_bottom.png) repeat 0 0; }
#about_area p { margin-bottom: 20px; }
.about_left { width: 444px; float: left; margin-right: 52px; padding-left: 13px; }
.about_right { width: 458px; float: left; }
.about_town p { width: 400px; }
h1#about_town { background: url(../images/about_town.png) no-repeat 0 0; width: 210px; height: 43px; padding: 0 0 15px; }
* html h1#about_town { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_town.png', sizingMethod='crop'); }
h1#about_town span { position: absolute; left: -9999px; }

h1#friends { background: url(../images/friends.png) no-repeat 0 0; width: 146px; height: 38px; padding: 0 0 15px; }
* html h1#friends { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/friends.png', sizingMethod='crop'); }
h1#friends span { position: absolute; left: -9999px; }

.friends { padding-top: 112px; }
.friend_links { margin-top: 30px; background: url(../images/friends_box.png) no-repeat 0 0; width: 440px; height: 165px; position: relative; float: left; }
* html .friend_links { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/friends_box.png', sizingMethod='crop'); }

.friend_links a { font-weight: bold; color: #fff; position: absolute; font-size: 1.1em; font-weight: bold; }
.friend_links a#jersey { left: 33px; bottom: 66px; }
.friend_links a#lucca { right: 56px; bottom: 42px; }

h1#contact_us { background: url(../images/bookings.png) no-repeat 0 0; width: 159px; height: 52px; padding: 0 0 6px; }
* html h1#contact_us { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bookings.png', sizingMethod='crop'); }
h1#contact_us span { position: absolute; left: -9999px; }

.find_us { padding-top: 33px; }
h1#find_us { background: url(../images/find_us.png) no-repeat 0 0; width: 149px; height: 39px; padding: 0 0 15px; }
* html h1#find_us { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/find_us.png', sizingMethod='crop'); }
h1#find_us span { position: absolute; left: -9999px; }
.map { padding: 9px; background: #fff; border: 1px solid #c6c6b7; }


/*footer*/
#footer { min-width: 976px; clear: both; background: transparent url(../images/repeat_footer.png) repeat-x 0 0; width: 100%; padding: 30px 0 150px; margin-top: -5px; }
#footer .content { position: relative; }
#footer ul { margin:0; list-style: none; }
#footer li { float:left; margin-right: 5px; padding-right: 5px; border-right: 1px solid; }
#pandr { position: absolute; right: 0; top: 0; }

/*  basic elements */
h1, 
h2, 
h3, 
h4, 
h5 { margin:0 0 15px; }

h1 { }
h2 { }
h3 { color: #5593ab; font-size: 1.35em; text-align: center; margin-bottom: 0; }
h4 { }
h5 { font-size: 1em; color: #3F7B8F; }
p { margin: 0 0 5px; font-size: 1.1em; line-height: 140%; color: #3f7b8f; }
address { font-size: 1.1em; color: #3F7B8F; font-weight: bold; margin-bottom: 25px; line-height: 140%; font-style: normal; }
blockquote { }
cite { }
ol { }
ul { }
dl { }
dt { clear:left; float:left; width:10em; }
dd { }
a { text-decoration: none; }
a:focus, a:hover { text-decoration: underline; outline: none;}
a:active {outline: none;}
:focus { -moz-outline-style: none; outline: none; }
:-moz-any-link:focus { outline: none; }
a img { border: 0; }

#skiplinks { margin: 0; list-style: none; }
#skiplinks li { float: left; /* :hack: remove blank link in IE6 from top of page */ }
#skiplinks a { border: 1px solid #665; background: #fff; padding: 7px 5px; position: absolute; top: 10px; left: -9999px; font-size: 1.3em; font-weight: bold; }
#skiplinks a:focus, 
#skiplinks a:active { left: 20px; text-decoration: none; border-color: #666; /* IE requires a border-color change (!?) for this to work */ }

form { }
fieldset { padding: 0; border: 0; }
fieldset div { clear: both; padding-bottom: 10px; float: left; width: 100%; }
input.text,
textarea,
select { padding: 8px 8px; font-size: 1.05em; width: 200px; margin: 0 0 5px; font-family: Verdana,Arial,Helvetica,sans-serif; float: right; border: 1px solid #c6c6b7; background: #fff; width: 320px; color: #676767; }
input.submit { float: right; border: 1px solid #457f92; border-radius: 5px; background: #457f92; padding: 5px; font-size: 1.1em; color: #fff; }
input.submit:hover { cursor: pointer; text-decoration: underline; }
textarea { height: 8em; }
label { margin:0 0 3px; float: left; color: #3F7B8F; font-size: 1em; font-weight: bold; letter-spacing: 0.1px; padding-top: 8px; }
#additional_fields { display: none; }

.errors ul { color: #3F7B8F; padding-bottom: 25px; }

/*general custom classes*/
.hr { border-top: 1px solid #999; clear:both; margin:10px 0; }
.hr hr { position: absolute; left: -9999px; }
.thumb { border:1px solid #999; padding:1px; margin: 0 0 15px; }
.thumb.left { float: left; margin-right: 15px; }
.thumb.right { float: right; margin-left: 15px; }

/*image replacement*/
.replace { position: relative; overflow: hidden; }
.replace span { display: block; position: absolute; top: 0; left: 0; }
#copyright { color: #676767; font-size: 1em; }


/* Added by sparkes 2014 / www.matthewsparkes.co.uk */

.top-info { color: #457f92; margin: -21px auto 0; width: 976px; }
.top-info a { color: #457f92; }
.top-info a:hover { color: #457f92; text-decoration: underline; }

#about_area p a { color: #457f92; }
#about_area p a:hover { color: #457f92; text-decoration: underline; }