/*  
CSS Document: Halswell House
URI: index.co.uk/house
Description: CSS Document for Halswell House
Version: 1.0

*/



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

html {

} 


body {
margin:0;
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:80%;
background:url(http://www.halswell.co.uk/house/images/contentbg.gif) repeat-x 0 90px;
color:#333;
}

a:link, a:visited {
color:#6e0d0d;
text-decoration:none;
}

a:hover, a:active {
color:#a58a57;
border-bottom:1px solid #a58a57;
}

#content a, #content a:visited {
border-bottom:1px dotted #6e0d0d;
}

#content a:hover, #content a:focus {
border-bottom:1px solid #a58a57;
}
#content img, .bordered{
padding:5px;
background-color:#ffffff;
border:#999895 1px solid;
}

#content a:hover img{
border:1px solid #47402D;
padding:5px;
}

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

ul {
list-style:url(http://www.halswell.co.uk/house/images/bullet.gif);
}

ul li ul {

margin:10px;
padding:0;
}

ol#development {
padding-left:0;
margin-left:20px;
line-height:1.4em;
}

ol#development li {
margin-top:20px;
margin-bottom:20px;
}

#images {
	text-align:center;
	margin:0 auto;
}
#images img {
width:140px;
height:105px;
	margin-right:20px;
	padding:5px;
	background-color:#FFFFFF;
}
a img {
	border:#999895 1px solid;
}

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

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

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

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

#content h3 {
font-size:1.20em;
color:#6D6443;
text-align:left;
padding:3px 0 3px 20px;
background:url(http://www.halswell.co.uk/house/images/title_bg.gif) repeat-y;
border-top:1px #E1D6C9 dotted;
border-bottom:1px #E1D6C9 dotted;
}
h4{
font-weight:bold;
color:#666;
font-size:1.1em;
}
p {
line-height:1.4em;
color:#333;
}
hr{
border:none;
border-top:1px #E1D6C9 dotted;
}
p.center {
text-align:center;
margin-top:35px;
margin-bottom:35px;
}

p.skipto {
position:absolute;
top:-500px;
left:-500px;
}



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

div.clear {
clear:both;
}

#links {
background:#400000;
margin:0 auto;
font-size:0.8em;
letter-spacing:0.1em;
}

#links ul {
padding:0;
margin:0 auto;
list-style:none;
width:760px;
}

#links ul li {
float:right;
margin-right:10px;
}

#links a:link, #links a:visited {
text-decoration:none;
color:#999;
}

#links a:hover  {
color:#ccc;
}

#links a:active {
color:#fff;
}

#masthead {
height:150px;
background:url(http://www.halswell.co.uk/house/images/mastheadbg.jpg) no-repeat top center;
min-width:800px;
overflow:hidden;
}

#masthead a {
text-decoration:none;
}

#head {
position:relative;
width:760px;
margin:0 auto;
height:90px;

}

#title {
position:absolute;
bottom:0px;
left:0;
width:240px;
height:90px;
background:url(http://www.halswell.co.uk/house/images/title.jpg) no-repeat;
}

#hang1 {
width:130px;
height:60px;
background:url(http://www.halswell.co.uk/house/images/hang1.gif) no-repeat;
position:absolute;
bottom:-60px;
left:-190px;
}
#hang2 {
width:130px;
height:60px;
background: url(http://www.halswell.co.uk/house/images/hang2.gif) no-repeat;
position:absolute;
bottom:-60px;
right:-270px;
}
#flashcontent{
position:absolute; 
top:160px; 
width:1100px; 
height:600px; 
z-index:1; 
padding:0px;
visibility:hidden;


}
#flashcontent p{
background-color: #FFFFFF;
margin-top:500px;
margin-left:190px;
}

/* -------------------- NAVIGATION */

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

}

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

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

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

#navigation ul li a:hover {
display:block;
color:#fff;
border:none;
}

#navigation ul li.cur a {
background:#f7eada;
display:block;
padding:10px;
padding-top:7px;
padding-bottom:7px;
color:#4d2414;
font-weight:bold;
border:none;
}

#navigation ul li.cur a:hover {
background:#f7eada;
color:#000;
display:block;
}

div.tab_l {
width:5px;
height:5px;
position:absolute;
background:url(http://www.halswell.co.uk/house/images/tab_l.jpg) no-repeat;
}

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

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

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

div.tab_cur_r_f {
width:5px;
height:5px;
position:absolute;
right:-1px;
background:url(http://www.halswell.co.uk/house/images/tab_cur_r.jpg) no-repeat;
}

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

#contentwrapper {
width:800px;
margin:0px auto;
position:relative;
top:-50px;
}


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

#side {
text-align:left;
width:252px;
float:right;
min-height:1080px;
height:auto !important;
height:1080px;
margin-top:20px;
}
#footnotes {
font-size:0.9em;
margin-right:20px;
}


#side ul li{
color:#333;
list-style-type:none;
list-style-image:url(http://www.halswell.co.uk/house/images/bullet.gif);

}
#side ul li a:link,#side ul li a:visited, #side ul li a{
color:#6e0d0d;
list-style-type:none;
list-style-image:url(http://www.halswell.co.uk/house/images/bullet2.gif);
}
#side ul li a:hover{
color:#a58a57;
list-style-type:none;
list-style-image:url(http://www.halswell.co.uk/house/images/bullet3.gif);
}
#side img{
margin-right:5px;
}
#footer {
height:200px;
background:url(http://www.halswell.co.uk/house/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;
}

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

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

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

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


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

#side .bordered {
background:#fff;
border:1px solid #ccc;
padding:2px;
margin-left:10px;
margin-bottom:10px;
}

#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;
}


#content a,#content a:hover,#content a:visited{
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;
}

#content img, .bordered{
padding:5px;
background-color:#ffffff;
border:#999895 1px solid;
}

#map_canvas img{
padding:0px;
background:none;
border:none;
}
img.pdficon, #content img.pdficon {
float:left;
margin-right:10px;
margin-top:5px;
border:none;
padding:0;
background:none;
}

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;
}

.bordered{
padding:5px;
background-color:#ffffff;
border:#999895 1px solid;
}


#content a:hover img{
border:1px solid #47402D;
padding:5px;
}
#content a,#content a:hover,#content a:visited{
border:none;
}

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;
}

table tr td {
padding:3px;
}

tr.top td {
background:#666;
color:#fff;
}

tr.alt td {
background:#ccc;
}

td.left {
text-align:left;
}
#content p.echoescenter a {
	position: relative;
	width: 212px;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.one_line h3, .one_line h4, .two_line h4, .three_line h3, .three_line h4{
text-align:center;
}
.one_line{
margin-top:15px;
height:60px;
width:520px;
background-image:url(http://www.halswell.co.uk/images/titles/1line.png);
}
.one_line_red{
margin-top:15px;
height:60px;
width:520px;
background-image:url(http://www.halswell.co.uk/images/titles/1line.png);
}
.two_line{
margin-top:15px;
height:108px;
width:520px;
background-image:url(http://www.halswell.co.uk/images/titles/2line.png); 
}
.three_line{
margin-top:15px;
height:160px;
width:520px;
background-image:url(http://www.halswell.co.uk/images/titles/3line.png) ;
}
.one_line h3{
padding-top:0px;
text-align:center;
font-weight:500;
font-size:20px;
color:#FF6B90;
}
.one_line_red h3{
padding-top:0px;
text-align:center;
}
.two_line h3{
color:#FF6B90;
text-align:center;
padding:none;
padding-top:0px;
font-weight:500;
font-size:20px;
}
.titles{
font-size:16px;
margin-top:15px;
}
#late, #late p,#late ul{
color:#990000;
}
#late li{
color:#616149;
}

#late p{
margin:4px;
padding:0px;
}
#late ul{
margin-top:0px;
}
table.late_availability{
text-align:left;
color:#990000;
margin-top:20px;
margin-bottom:10px;
}
.title_top{
font-size:20px;
text-align:center;
}
.fourtet{
float:left;
margin-right:11px;
}
.contact{
float:right;
}