/*page layout background image*/
#pagelayout{ position: relative; margin: 20px auto 0 auto; width:824px; text-align: left; background: #FFF9E9 url(../images/bgtop.gif) left top no-repeat;  }

.propv {float: left; height: 600px;}
.clear {clear: left;}

/*-------------
    content
---------------*/
#main { background: #FFF9E9 url(../images/bgmid.gif) left top repeat-y; position: relative;  width: 824px; top: 10px;}

#content { float: right; width: 606px; margin-bottom: 10px; padding: 0;}

#flashcontent { position: relative; top: 35px;}
#flashcontent img {border: none; margin: 0; padding: 0;}
#textcont { position: relative; padding-top: 50px; padding-bottom: 10px; margin:0;  clear: both; width:586px;}
#textcont p {border-left: #B29C88 solid 1px; margin-left: 20px;}
#textcont a:link {background: #FFF8E8;}
#textcont a:hover {  background: #034FAD; text-decoration: underline;  }
#textcont a:focus{ outline: dotted #034FAD 1px;}
/*-------------
    book online link (inside textcont div)
---------------*/
#bookonline {position: absolute; top: 45px; right: 0px; width: 10em; background: #AD6103;}
#bookonline p {padding: 5px 10px; margin: 0;}
#textcont #bookonline p a {background: none;}

/*-------------
    header
---------------*/
#header {width: 204px; float: left;}
#header h1 {background:  url(../images/h1.jpg) right bottom no-repeat; height: 169px; padding: 0;}
#header h1 a {height: 169px;width: 204px; padding: 0; display: block;}
#header h1 a:hover {text-decoration: none;} 
#header h1 a span {position: relative; top: -3000px;}
#header p, #header p a {color: #fff; font-size: 11px;  padding: 10px 0;}
#header #contactbox {text-align: center; width: 188px; background: #AD6103 url(../images/contact.jpg) left top repeat-x ; position: relative; left: 16px; margin-top: 5px;}



/*-------------
    menu
---------------*/
.nav {  position: relative; left: 16px; margin-top: 5px; width: 188px;  }
.nav ul{ position: relative; left: 14px; top: 5px; width: 174px; padding: 0;}
.nav ul li { list-style: none; background: url(../images/m1.jpg) repeat-y center top; width: 165px;  padding: 3px 0; margin: 0; border-top: 1px dashed #B29C88;  font-size: 1.2em; }
.nav li.last { background: url(../images/mb1.jpg) repeat-y center top; border-bottom: 1px dashed #B29C88;  margin: 0 0 10px; }

.nav ul li a, .nav ul li a:visited { padding: 0 0 0 10px; color: #3A2C22; font-weight: bold;  display: block;text-decoration: none;  line-height: 24px; } 
.nav ul li a:hover{ color: #C41B05; text-decoration: underline; }


#topnav{   background: #E4D2AD;  }
#bottomnav{  background: #E5D3BD ; }
#bottomnav2{  background: #E5D3BD; }

/*-------------
    features
---------------*/
#features {margin-bottom: 12px;}
#features h3 {position: relative; left: 18px; top: 5px;  padding: 5px 5px 10px 24px;background: url(../images/fpeople.jpg) left top no-repeat;   width: 164px; height: 144px;}
#features h3 a {display: block;}
#features h3 a:hover {text-decoration: none}
#features h3 a span {position: relative; top: -3000px;}
#features h3#ro {background: url(../images/ro.gif) left top no-repeat;width: 186px; height:90px;  padding: 0 0 5px 0;}
#features h3# a:hover {text-decoration: none}
#features h3#nightsout {background-image: url(../images/nightsout.jpg);  height:90px;  } 
#features h3#nightsout a {height: 90px;}

/*spring*/
#features h3#feaster {background-image: url(../images/feaster.jpg); margin-top: 5px; font-size: 1.4em;} 
#features h3#feaster a {display: block; padding: 10px 0 30px 0; color: #400; font-style: italic; font-weight: bold;}
#features h3#feaster a:hover {text-decoration: underline;}

/*annadavies*/
#features h3#shopping {background: url(../images/f_anna.gif) left top no-repeat;width: 186px; height:90px;  padding: 0;}
#features h3#shopping a {width: 186px; height:90px;}

/*coedfa*/
#features h3#coedfa {background: url(../images/f_coedfa.gif) left top no-repeat;width: 186px; height:90px;  padding: 0;}
#features h3#coedfa a {width: 186px; height:90px;}

/*blog*/
#features h3#general { background: #E4D2AD ; font-weight: bold; text-align: left; height: 2.85em; padding: 0 5px 0 10px;margin-bottom: 7px; width: 175px;}
#features h3#general a  {color: #160E09; font-weight: bold; padding: 10px 10px; border-width:  0; border-style: dashed; }
#features h3#general a:hover { color: #C41B05;text-decoration: underline;}

/*-------------
    footer
---------------*/
#f {clear: both; position: relative; margin: 0 auto 0px auto; width: 824px; text-align: left; background: url(../images/bgbtm.gif) left bottom no-repeat; height: 70px; }
#f img {position: absolute; top: -35px; right: -7px; border: none;}
#f ul {  margin: 0 auto; text-align: right; width:784px; height: 50px; background:  url(../images/f.gif) left top no-repeat; padding: 0; }
#f li {position: relative; top: 20px; padding: 0 4px;}
#f li.last {padding-right: 120px; }
#f p { text-align: center; padding: 0; position: absolute; top: 70px; width: 824px;  height: 3.5em; }
#f p a:hover {  color: #AA1D02;}



/*infomenu abs positioned - div called by nifty corners*/

#infomenu { position: absolute; top:20px; right:20px; background: #C41B05 url(../images/info.jpg) left 3px repeat-x ; width:586px; text-align: right; margin:  0; padding: 0;}
#infomenucont{padding: 5px; margin: 0; }

#infomenu ul {padding: 0;}
#infomenu ul, #f ul, #f p, .nav ul {font-size: 1.0em;}
#infomenu li, #f li {display: inline; list-style: none; border-right:  #E0E5BA solid 1px;}
#infomenu li {position: relative; top: 0px;  padding: 0 4px;}

#infomenu li.last, #f li.last { list-style: none; border-right:  none; }
#infomenu li a, #f li a, #bookonline a  { color: #F2E8C5;}
#infomenu li a:visited, #bookonline a:visited, #f ul a:visited  {font-weight: bold;}
#infomenu li a:hover, #f ul li a:hover, #bookonline a:hover  { text-decoration: underline; color: #fff;}





/* form layout for enquiry form*/
table#form {width: 75%; }
table#form td {padding: 5px 5px 5px 20px;}
table#form tr.row1l td:first-child {text-align: right; font-size: 1.2em;}
table#form tr.row2d td{text-align: left;}
.row1d td {border-bottom: #CCCBBF 1px solid; border-top: #CCCBBF 1px solid; font-weight: bold; font-size: 1.4em;}
.row1l {color: #c5b6d5;}
textarea, input, option {color: #333; padding:3px 0 3px 7px ;}


/*google map*/
#map {text-align: center;width: 500px; height: 400px; border: #fff solid 10px; margin: 20px;}