/* CSS Document */
html{
height: 99%;
width: 100%;
margin: 0;
padding: 0;
}
body {
font-size: 1em;
position: relative;
z-index: 0;
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
color: #000000;
width: 100%;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
height: 99%;
background-color: #89A8E7;
}

#iemarker{
width: 0;
height: 0;
}

img{
border-width: 0;
margin: 0;
padding: 0;
}

span.accesskey{
text-decoration: underline;
}

#prop{
position: relative;
float: left;
height: 284px; /* JS */
width: 1px;
}

#outer{
position: relative;
z-index: 0;
margin-top: 0px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
padding: 0 5px 0 5px;
width: 940px;  /*JS */
} 


div.tl{
position: absolute;
z-index: 3;
float: left;
top: 0;
left: 0;
}
div.tr{
position: absolute;
z-index: 3;
float: right;
top: 0;
right: 0;
}
div.bl{
position: absolute;
z-index: 3;
float: left;
left: 0;
bottom: 0;
}
div.br{
position: absolute;
z-index: 3;
float: right;
bottom: 0;
right: 0;
}

div.tl img, div.tr img, div.bl img, div.br img{
display: block;
}

#mast{
position: relative;
float: left;
width: 100%;
height: 9em;
height: 12em; /** JS **/
margin: 0;
padding: 0;
color: #FFFFFF;
background-color: #70745D;
background-image: url(images/horizon.jpg);
background-position: left -290px;
background-repeat: no-repeat;
}
#masth{
position: relative;
float: left;
top: 110px;  /* JS */
left: 5px;
width: 590px; /* JS */
}
#mast h1{
position: relative;
float: left;
font-size: 1.8em;
font-weight: bold;
color: #FFFFFF;
margin: 0 5px 0 0;
padding: 0;
}
#logo{
position: relative;
float: right;
clear: right;
top: 5px;
font-size: 1.5em;
padding: 0 30px 0 0;
}

#topnavs{
position: absolute;
z-index: 2;
float: left;
top: 9.5em;
left: 0;
text-align: left;
margin: 0px 0 0 5px;
padding: 2px 0 2px 0;
color: #FFFFFF;
}
div.topnav{
position: relative;
z-index: 0;
float: left;
font-size: 0.9em;
text-align: center;
margin: 3px 5px 0 0;
padding: 0.2em 0.5em 0em 0.5em;
color: #FFFFFF;
height: 100%;
background-color: #ABC1ED;
background-color: transparent;
}

div.topnav span{
position: relative;
z-index: 1 !important;
margin: 0;
padding: 0;
}

#film{
position: relative;
float: left;
margin: 0;
padding: 0;
left: -2px;
}

div.navprop{
position: relative;
float: left;
height: 19px;
width: 0px;
}

div.navback{
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 20px; /** JS */
}
div.navback img{
position: relative;
z-index: 0;
width: 100%;
height: 100%;
}

a.intnav:link, .navs a:link{
position: relative;
z-index: 1;
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.intnav:visited, .navs a:visited{
position: relative;
z-index: 1;
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.intnav:active, .navs a:active {
position: relative;
z-index: 1;
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.intnav:hover, .navs a:hover {
position: relative;
z-index: 1;
text-decoration: none;
color: #444444;
background-color: transparent;
}


#main{
position: relative;
float: left;
font-size: 1em; 
margin: 5px 0 0 0;
padding: 0;
width: 100%;
}
#insidemain{
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
background-image: url(images/lowerlaithe.jpg);
background-repeat: no-repeat;
background-position: right top;
background-color: #E2E9F1;
}
#overlay{
position: relative;
top: 0;
left: 0;
float: left;
width: 100%;
margin: 0;
padding: 0;
background-image: url(images/sign.png);
background-repeat: no-repeat;
background-position: right 130px;
}

#copy{
position: relative;
float: left;
margin: 5px;
padding: 0px;
font-size: 0.8em;
text-align: justify;
width: 929px; /** JS 940-11**/
}
                          
#copy h2, #mainh2{
font-size: 1.4em;
color: #444E40;
text-align: left;
margin: 8px 0 1px 0;
padding: 0;
text-align: left;
}
#mainh2{
font-size: 1.1em;
margin: 8px 0 1px 5px;
text-align: left;
}
#copy h3{
font-size: 1.1em;
margin: 0 10px 0 0;
color: #444E40;
padding: 20px 0 0 0;
font-weight: bold;
text-align: left;
}
#copy h4{
font-size: 1em;
margin: 0 10px 0 0;
color: #444E40;
padding: 5px 0 0 0;
font-weight: bold;
text-align: left;
}
h4.lowh4{
padding: 8px 0 0 0 !important;
}
#copy p{
margin: 6px 0 0 0;
padding: 0;
}
#copy ul{
margin: 6px 0 0 10px;
padding: 0 0 0 10px;
}
p.indent{
padding: 0 0 0 10px !important;
}

ul.apartspec{
list-style-type: none;         
padding: 0px !important;
margin: 6px 0 0 3px !important;
}

ul.apartspec li span{
float: left;
width: 13em;
padding: 0;
margin: 0;
font-weight: bold;
}


#rhimage{
position: absolute;
top: 25px;
right: 45px;
}

#mediaspace{
position: relative;
width: 100%;
text-align: center;
margin: 10px 0 0 0;
}

#words{
position: relative;
width: 590px; /** JS **/
margin: 0;
padding: 0;
}
blockquote.quote{
position: relative;
margin: 1em 10px 0 0px;
padding: 3px;
border: 1px solid #8EA088;
background-image: url(images/endquote.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
p.quoter{
position: relative;
font-weight: bold;
color: #52624C;
margin: 2px 0px 0px 5px !important;
padding: 0;
}
#imagecol{
position: relative;
float: right;
margin: 0 0 0 5px;
padding: 0;
width: 325px;
text-align: center;
}
#outermap{
position: absolute;
z-index: 1;
width: 250px;
height: 300px;
left: 37px;
}
#map{
position: relative;
z-index: 0;
width: 250px;
height: 300px;
left: 37px;
}
address{
font-style: normal;
font-size: 1em;
margin: 8px 10px 10px 0;
padding: 0;
}
div.addrlabel{
position: relative;
float: left;
width: 6em;
}
#googledirections{
margin: 10px 0 0 0;
width: 590px; /** JS **/
overflow: auto; 
}


form.enquiryform{
padding: 5px;
margin: 10px 0 10px 0;
border: 1px solid #89A8E7;
background-color: #D2DEEA;
}
div.enquiryline{
padding: 0;
margin: 5px 0 0 0;
width: 100%;
font-size: 0.9em;
}
div.enquiryline input{
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
padding: 0;
margin: 0;
width: 98%;
}
div.enquiryline textarea{
width: 98%;
font-family: arial, helvetica, sans-serif;
font-style: normal;
font-weight: normal;
}


div.monthline{
position: relative;
float: left;
clear: left;
margin: 0;
padding: 0;
}
div.newmonthline{
position: relative;
float: left;
clear: left;
margin: 5px 0 0 0;
padding: 0;
}
div.emonth{
position: relative;
float: left;
width: 6em;
text-align: left;
margin: 0;
padding: 0;
}
div.edate{
position: relative;
float: left;
width: 9em;
text-align: left;
margin: 0;
padding: 0;
}
div.etitle{
position: relative;
float: left;
text-align: left;

}

#main a:link {
text-decoration: none;
color: #0000EE;
background-color: transparent;
}
#main a:visited {
text-decoration: none;
color: #0000EE;
background-color: transparent;
}
#main a:active {
text-decoration: none;
color: #0000EE;
background-color: transparent;
}
#main a:hover {
text-decoration: underline;
color: #444444;
background-color: transparent;
}

#logos{
position: relative;
float: left;
margin: 5px 0 0 0;
padding: 0;
width: 940px;  /** JS  **/
text-align: left;
}
#logosXXXX img{
vertical-align: bottom;
}
#indexpics{
position: relative;
float: left;
}
#indexpics img{
margin-right: 5px;
}

#tandc{
display: none;
}

#footer{
position: relative;
float: left;
width: 100%;
width: 978px;  /** JS  **/
width: 940px;  /** JS  **/
font-size: 0.7em;
color: #000000;
margin: 5px 0 0 0;
padding: 0.2em 0 0.3em 0;
text-align: left;
background-image: url(images/navback.jpg);
background-repeat: repeat-x;
background-position: 0 2px;
background-color: #ABC1ED;
}
#mainfooter{
position: relative;
float: left;
text-align: left;
padding: 0;
margin: 0 0 0 5px;
}
#davy{
position: relative;
right: 5px;
float: right;
}
a.footnav:link {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.footnav:visited {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.footnav:active {
text-decoration: none;
color: #000000;
background-color: transparent;
}
a.footnav:hover {
text-decoration: underline;
color: #444444;
background-color: transparent;
}

#specials{
position: absolute;
z-index: 3;
bottom: 15px;
right: 0;
}
body>#specials{
position: fixed;
bottom: 15px;
right: 0;
}

#adminheader{
position: relative;
z-index: 1;
float: left;
margin: 0 0 4px 0;
padding: 0px;
color: #FFFFFF;
background-color:#DD0000;
width: 100%;
}
#adminheader p{
position: relative;
margin: 5px 2px 5px 2px;
}
#adminheader a:link{
position: relative;
z-index: 3;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
#adminheader a:visited{
position: relative;
z-index: 3;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
#adminheader a:active{
position: relative;
z-index: 3;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
#adminheader a:hover{
position: relative;
z-index: 3;
color: #AAAAAA;
text-decoration:none;
background-color: transparent;
}
div.admincontrol{
position: relative;
margin: 0;
padding: 2px;
font-weight: bold;
color: #BB0000;
background-color: #FFEEEE;
border: 1px solid #EE0000;
}
div.admincontrol p{
margin: 0 !important;
padding: 0 !important;
}
div.admincontrol img{
padding: 0 5px 0 0;
vertical-align: middle;
}
#editbox{
position: relative;
float: left;
width: 99%;
margin: 0 0 5px 0;
padding: 0;
background-color: #FFFFFF;
}
#innereditbox{
position: relative;
float: left;
clear: left;
margin: 0;
width: 100%;
padding: 2px;
}
#editform p{
margin: 8px 0 0 0;
}

div.edititembox{
position: relative;
float: left;
width: 98%;
margin: 0 0 10px 0;
padding: 2px;
background-color: #FFFFFF;
border: 1px solid #000000;
}

#help{
position: relative;
display: none;
width: 99%;
text-align: left;
border: 1px solid #000000;
margin: 0;
padding: 2px;
background-color: #FFFFC0;
}
#help h1{
font-size: 1em;
color: #0058AA;
font-weight: bold;
padding: 0;
margin: 0;
}
#help h2{
font-size: 1em;
color: #0058AA;
font-weight: bold;
padding: 0;
margin: 5px 0 0 0;
}

#enableform{
position: relative;
margin: 0 0 5px 0;
padding: 0 2px 2px 2px;
background-color: #FFEEEE;
border: 1px solid #EE0000;
}
#enable{
position: relative;
top: 2px;
margin: 0 5px 0 0;
padding: 0;
}

.ianchor{
position: relative;
float: left;
font-size: 0px;
height: 0px;
}


div.fullline{
position: relative;
float: left;
width: 100%;
}
div.formline{
position: relative;
float: left;
clear: left;
text-align: right;
margin: 0 3px 5px 0;
}
div.formlinel{
position: relative;
float: left;
clear: left;
width: 65px;
text-align: right;
margin: 0 3px 5px 0;
}
div.formliner{
position: relative;
float: left;
margin: 0 0 5px 0;
}