/*  
CSS Document: Halswell Hotel
URI: http://www.halswellhotel.co.uk
Description: CSS Document for Halswell Hotel
Version: 2.0

*/



/* ------------------- Generics */

body {
margin:0;
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:0.8em;
width: 100%;
background:#fff url(http://www.halswellhotel.co.uk/images/content_bg.gif) repeat-x top;
color:#666;
}

html {
	overflow-x: hidden;
} 

a:link, a:visited {
text-decoration:none;
color:#524548;
}
a:hover {
color:#961021;
}
.italic {
font-style:italic;
}

p {
line-height:1.6em;
color:#666;
}

div.clear {
clear:both;
}

p em {
text-align:right;
float:right;
margin-top:-20px;
}

/* -------------------- Lists */






#side img{
margin-right:5px;
}
#plans ul {
list-style:none;
list-style-type:none;
}

ol li {
margin-top:10px;
}
#content ul li{
padding-bottom:7px;
list-style-image:url(http://www.halswellhotel.co.uk/images/bullet2.gif);
}


/* ------------------- Headings and Paragraphs */

h1 {
position:absolute;
top:-500px;
left:-500px;
margin:0;
padding:0;
color:#616149;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.3em;
margin-top:20px;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.3em;
color:#950e1f;
}

h4{
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

#content h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.4em;
margin:0;
color:#616149;
}
#content h3 {
font-size:1.20em;
color:#950e1f;
text-align:left;
padding:3px 0 3px 20px;
background:url(http://www.halswellhotel.co.uk/images/title_bg.gif) repeat-y;
border-top:1px #971223 dotted;
border-bottom:1px #971223 dotted;
}

#content h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.25em;
font-weight:normal;
color:#787858;
}
#content h5 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.35em;
font-weight:400;
color:#6D6443;
text-align:center;
padding-top:20px;
}

hr{
border:none;
border-top:1px #D8D6B5 dotted;
}


/* ------------------- Masthead */

#masthead {
height:90px;
background:#2C2A2A url(http://www.halswellhotel.co.uk/images/masthead_bg.gif) no-repeat center;
}
#masthead a {
text-decoration:none;
}
#head {
position:relative;
width:760px;
margin:0 auto;
height:90px;
}
#hang1 {
width:130px;
height:60px;
background:url(http://www.halswellhotel.co.uk/images/hang1.gif) no-repeat;
position:absolute;
bottom:-60px;
left:-190px;
}
#hang2 {
width:130px;
height:60px;
background: url(http://www.halswellhotel.co.uk/images/hang2.gif) no-repeat;
position:absolute;
bottom:-60px;
right:-270px;
}

#navigation {
position:absolute;
bottom:0;
right:-10px;
letter-spacing:0.1em;
}

#navigation ul {
margin:0;
padding:0;
list-style:none;

}

#navigation ul li {
float:left;
margin-right:3px;
margin-left:3px;
position:relative;
}

#navigation ul li a {
background:#524548;
display:block;
padding:10px;
padding-top:5px;
padding-bottom:5px;
color:#999;
}

#navigation ul li a:hover {
background:#524548;
display:block;
color:#fff;
padding:10px;
padding-top:5px;
padding-bottom:5px;
}

#navigation ul li.cur a {
background:#e9e9e2;
display:block;
padding:10px;
padding-top:5px;
padding-bottom:5px;
color:#333;
font-weight:bold;
}

#navigation ul li.cur a:hover {
background:#e9e9e2;
color:#000;
display:block;
padding:10px;
padding-top:5px;
padding-bottom:5px;
}

div.tab_l {
width:5px;
height:5px;
position:absolute;
background:url(http://www.halswellhotel.co.uk/images/tab_l.gif) no-repeat top left;
}

div.tab_r {
width:5px;
height:5px;
position:absolute;
right:0;
background:url(http://www.halswellhotel.co.uk/images/tab_r.gif) no-repeat top left;
}

div.tab_cur_l {
width:5px;
height:5px;
position:absolute;
background: url(http://www.halswellhotel.co.uk/images/tab_cur_l.gif) no-repeat top left;
}

div.tab_cur_r {
width:5px;
height:5px;
position:absolute;
right:0;
background: url(http://www.halswellhotel.co.uk/images/tab_cur_r.gif) no-repeat top left;
}

/* ------------------- Content */

#contentwrapper {
width:800px;
margin:0px auto;
}


#content {
width:516px;
padding-right:10px;
margin-top:20px;
float:left;
min-height:1080px;
height:auto !important;
height:1080px;
border-right:1px solid #ccc;
text-align:left;
}

.title_top{
font-size:20px;
text-align:center;
}

#content a, #content a:visited {
border-bottom:1px dashed #971223;
}


#content a:hover, #content a:focus {
border-bottom:solid 1px #971223;
}



/* ------------------- Side */
#side {
text-align:left;
width:252px;
float:right;
min-height:1080px;
height:auto !important;
height:1080px;
margin-top:20px;
}
#side ul li{
color:#2B2929;
list-style-type:none;
list-style-image:url(http://www.halswellhotel.co.uk/images/bullet.gif);

}
#side ul li a:link,#side ul li a:visited{
color:#524548;
list-style-type:none;
list-style-image:url(http://www.halswellhotel.co.uk/images/bullet2.gif);
}
#side ul li a:hover{
color:#961021;
list-style-type:none;
list-style-image:url(http://www.halswellhotel.co.uk/images/bullet2.gif);
}
#side a:link img,#side a:visited img,#side a:hover img,#side ul li img{
border:0px;
}
#side a:hover img{
border-bottom:0px;
}
#side p img{
margin:5px 0 5px 0;
}

#side img {
padding-right:5px;
}



/* ------------------- Footer */
#footer {
height:200px;
background:url(http://www.halswellhotel.co.uk/images/footerbg.jpg) repeat-x bottom;
margin-top:30px;
padding-top:50px;
font-size:0.8em;
}
#footercontent {
width:720px;
margin:0 auto 20px auto;
}

#footercontent p {
width:360px;
float:left;
color:#999;
margin-top:10px;
}

#footercontent p.right {
width:360px;
float:left;
text-align:right;
}

#footer a {
color:#999;
text-decoration:none;
}

#footer a:hover {
color:#666;
}

/* ------------------- Flash */
#flashcontent{
position:absolute;  
width:1100px; 
height:600px; 
z-index:1; 
padding:0px;
}
#flashcontent p{
background-color: #FFFFFF;
margin-top:1500px;
margin-left:190px;
}

/* -------------------- Images */

img.center{
margin:0px auto 10px auto;
}

img.pdficon {
margin-right:10px;
margin-top:5px;
}

img.guide {
margin:20px;
}

img.plans {
padding:2px;
border:1px solid #ccc;
background:#fff;
}

#content p.echoesleft a, #content p.echoesright a, #content p.echoescenter a, #content p.third a,
#content p.echoesleft a:visited, #content p.echoesright a:visited, #content p.echoescenter a:visited, #content p.third a:visited,
#content p.echoesleft a:hover, #content p.echoesright a:hover, #content p.echoescenter a:visited, #content p.third a:hover {
border:none;
}



p.echoesleft {
clear:both;
float:left;
margin-left:10px;
margin-bottom:15px;
padding:10px;
text-align:center;
}

p.echoescenter {
clear:both;
float:left;
margin:20px auto 15px 144px;
padding:10px;
}

p.echoesright {
float:right;
padding:10px;
text-align:center;
margin-right:10px;
}
p.duoleft {
clear:both;
float:left;
margin-left:53px;
margin-bottom:20px;
}

p.duoright {
float:left;
margin-left:80px;
margin-bottom:20px;
}

p.trioleft {
clear:both;
float:left;
margin-left:0px;
margin-bottom:20px;
}

p.triocenter {
float:left;
margin-left:30px;
margin-bottom:20px;
}

p.trioright {
float:right;
margin-right:0px;
margin-bottom:20px;
}
p.center{
text-align:center;
}
.noborder{
border:none;
}
img.floatleft {
float:left;
border:1px solid #ccc;
margin:5px 20px 10px 0;
padding:2px;
}

img.floatright {
float:right;
border:1px solid #ccc;
margin:5px 0 10px 20px;
padding:2px;
}
/* -------------------- Tables */

table {
width:100%;
text-align:center;
color:#333;

}
tr{
vertical-align:top;
}
table.left {
text-align:left;
}

table tr td {
padding:3px;
font-size:12px;
vertical-align:top;
text-align:left;
}

tr.top td {
background:#423d29;
color:#f2f2f2;
padding:5px;
font-weight:bold;
border:none;
text-align:left;
text-indent:0px;
}

tr td.first{
color:#6B6545;
}
tr.spacer{
height:10px;
}
tr.alt td {
background:#d5d5ad;
border:none;
}
tr td{
border:1px solid #D5D5AD;
text-align:left;
text-indent:10px;
}
table.pow tr td{
border:none;
text-indent:0px;
}
tr.top3 td{
background-color:#6D6443;
color:#f2f2f2;
padding:5px;
margin-top:10px;
}
tr.top2 td {
background:#6B6545;
color:#f2f2f2;
text-align:center;
text-indent:0px;
}
td.left {
text-align:left;
width:220px;
}
td.season {
text-align:left;
background:#7C734D;
color:#f2f2f2;
}
tr.alt td.left{
font-weight:bold;
}
table.late_availability{
text-align:left;
color:#628200;
margin-top:20px;
margin-bottom:10px;
}
table.packages{
text-align:left;
color:#4D452E;
margin-top:20px;
margin-bottom:10px;
}

/* -------------------- Forms */

fieldset {
background:#e8e8d9;
border:1px dashed #aaa;
padding-left:10px;
padding-bottom:10px;
}

legend {
display: none;
}

textarea, input, select {
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:1.0em;
}

label {
display:block;
margin-top:10px;
}

input:focus, textarea:focus {
background:#fefeeb;
}

textarea,input.text {
width:60%;
}

input.button {
float:left;
margin:10px 10px 0 0; 
}
.backtotop{
float:right;
padding:5px;
}

.header{
font-weight:bold;
vertical-align:top;
height:18px;
}
.texttop{
vertical-align:top;
}

.emphasised{
color:#990000;
}

#map_canvas img{
padding:0px;
background:none;
border:none;
}
.search{
margin-top:20px;
}
#termsform {
margin-top:50px;
margin-bottom:50px;
}


/* -------------------- Extras */
#bottom_fade {
	width: 100%;
	height: 200px;
	z-index: 99;
	position: fixed;
	bottom: 0px;
	background: url("../images/bottom-fade.png") bottom center repeat-x;
}
.flowers {
margin-top:40px;
margin-bottom:40px;
}
.flower_text{
width:310px;
}
#birds img{
background:none;
}
#topside img{
position:relative;
top:6px;
}
#topside a:link,#topside a{
font-size:12px;
color:#4E9F96;
margin-top:0px;
}
#testform table{
padding:5px;
margin:5px;
}
#testform tr td p{
padding:0px;
margin:0px;
}

.contact{
color:#B63465;
}
.fourtet{
float:left;
margin-right:12px;
}
del{
color:#ACA479;
}