/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px Arial, Helvetica, sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {}
/* IMAGES ---------------------- */	
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}


/* LAYOUT BLOCKS ----------------------- */

body { text-align:center; padding:0 0; margin:0; background:#A3D2F5 url(../i/elements/back-sky.jpg) repeat-x 0 0; }

#wrapper { text-align:left; margin:40px auto 0 auto; position:relative; padding:0 0; width:960px;}

#header { width:100%; height:342px; position:relative;  padding:0 0 0 0; background:transparent url(../i/elements/box-header.png) no-repeat 0 0;  }

#mid { width:100%;  padding:0 0 0 0; background: url(../i/elements/box-mid.png) repeat-y 0 0; padding:20px 0; }
#mid .inner { width:690px; margin:0 auto; }
#side { width:250px;  padding:0 0 0 0; float:left; display:inline;}
#main { width:410px;  padding:0 0 0 0; float:left; display:inline;  margin-right:30px; }

#footer { width:100%; position:relative;  padding:0 0 0 0; background: url(../i/elements/box-footer.png) no-repeat 0 0; height:320px; position:relative; }


/* ----- header ----- */
#logo { height:44px; background:#FFFF66; float:left;}


/* ----- nav ----- */
#nav { width:740px; position:absolute; bottom:10px; left:90px;}

/* NAV  */
#nav ul {  display:inline; margin:0 0 0 0; }
#nav li {  margin:0 0 0 0; float:left; display:inline; }
#nav a { display:block; margin:0;  height:60px; }

#nav-home { background: url(../i/nav/nav-home.png) no-repeat 0 0; width:116px; height:60px; position:absolute; bottom:0px; left:0; }
#nav-rooms { background: url(../i/nav/nav-rooms.png) no-repeat 0 0;  width:148px;height:76px; position:absolute; bottom:11px; left:110px;}
#nav-features { background: url(../i/nav/nav-features.png) no-repeat 0 0;  width:160px;height:60px; position:absolute; bottom:40px; left:242px; }
#nav-testimonials { background: url(../i/nav/nav-testimonials.png) no-repeat 0 0;  width:147px;height:76px; position:absolute; bottom:11px;left:390px;}
#nav-contact { background: url(../i/nav/nav-contact.png) no-repeat 0 0;   width:148px;height:60px; position:absolute; bottom:50px; left:520px;}

#nav-about { background: url(../i/nav/nav-about.png) no-repeat 0 0;  width:160px;height:60px; position:absolute; bottom:11px; left:600px; }
#nav-links { background: url(../i/nav/nav-links.png) no-repeat 0 0;   width:118px;height:60px; position:absolute; bottom:11px; left:700px;}
#nav-stayforfree { background: url(../i/nav/nav-stayforfree.png) no-repeat 0 0;   width:142px;height:76px; position:absolute; bottom:-10px; left:630px;}

/*#nav-home:hover, #nav-about:hover, #nav-services:hover, #nav-contact:hover { background-position:0 -40px;}
#page-home #nav-home, #page-services #nav-services, #page-about #nav-about, #page-contact #nav-contact {background-position:0 -40px;}*/

#nav span {position:absolute;left:-9999px;top:-9999px;z-index : 2;}

.social-twitter { width:59px; height:59px; position:absolute; top:120px; right:160px; }
.social-facebook { width:59px; height:59px; position:absolute; top:120px; right:90px; }

/* CONTENT  ----------------------- */


.book a { padding:7px 15px; background: #F39; color:#fff!important; font-size:20px;}


/* ----- side column ----- */

.newcastle-images { width:250px; float:left; }
.newcastle-images img { margin-bottom:10px; display:block; float:left }



table.prices {border-top:#ccc 1px solid; margin:20xp 0; }
table.prices td { padding:8px 4px; border-bottom:#ccc 1px solid; color:#26225C; }
table.prices td strong { color:#FF3399;}


.quote { width:410px; float:left; clear:both; margin-bottom:20px; }
.quotename { font-style:italic; color:#FF3399;}
#main .quote p { margin:0!important; margin-bottom:6px!important; }


ul.locations { list-style:none; padding:0; margin:0; border-top:#f3f3f3 1px solid; }
ul.locations li { padding:3px 0; border-bottom:#f3f3f3 1px solid;}

/* ----- footer ----- */

#footer ul { display:inline; list-style:none;}
#footer li { float:left;padding:0 7px;font-size:12px;color:#275f81; border-right:#275f81 1px solid;}
#footer li a { font-size:12px;color:#275f81;}
#footer li a:hover { color: #003366}
#footer li.copy { border:none;}
#footer .credit { position:absolute; width:145px; height:76px; top:70px; right:110px; }

#footer .footlinks { position:absolute; top:180px; left:370px;}

/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{margin:0 0 16px 0;}
p { font-size:13px; line-height:140%; color:#26225C;}
h1{font-size:24px; color:#EC008B; font-weight:bold}
h2{font-size:18px; color:#EC008B; font-weight:bold}
h3{font-size:16px; color:#EC008B; font-weight:bold}
h4, h5{font-size:100%;}
hr{display:none;}
strong {font-weight:bold;}

ol, ul { margin-left:20px; line-height:125%; margin-bottom:20px;color:#26225C; }
#main li { padding-bottom:7px;  }

/* ----- global links ----- */
a:link, a:visited, a:active{
	color:#FF3399;
	text-decoration:none;
}
a:hover{color:#00AEF0;}










/* ----- float fix ----- */
#wrapper:after, #header:after, #side:after, #main:after, #mid:after, #footer:after, .box:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper, #header, #side, #main, #footer, .box{display:block;}
/*  \*/
#wrapper, #header, #side, #main, #footer,.box {min-height:1%;}
* html #wrapper, * html #header, * html #side, * html #main, * html #footer, * html .box {height:1%;}
 /*  */
/* ----- end float fix ----- */