/*
=====================
Cascading Style Sheet
=====================
*/

html {
height: 100%;
margin-bottom: 1px;
line-height: 125%;
}

body,td {
line-height: 125%;
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;  
}

body {
background: #e7f1c4 url(http://static.motelonyork.co.nz/images/bg.png) repeat-x scroll 0 0;
margin: 0;
padding: 0;
font-size: 0.8em;  
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;  
color: #FEF8E9;
}

ul li{
font-size: 1em;
}

a:link, a:visited{
color: #d8aa57;
}

p {
  /* setup some more readable paragraph spacing */
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
margin-top: 10px;
margin-bottom: 15px;
text-align: left;
font-size: 1em;
color: #bbb1b4;
}

h1, h2, h3, h4, h4 {
/* setup some more readable header spacing */
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
line-height:1.1em;
margin:10px 0;
padding-bottom:5px; 
}

h1 {
font-size: 1.6em;
color: #ffffff;
}

h2 {
font-size: 1.3em;
color: #ffffff;
}

h3 {
font-size: 1.2em;
color: #ffffff;
}

h4 {
font-size: 1em;
}

#accommodation{
color: #e5e9cf;
text-align: center;
font-size: 0.9em;
padding: 5px 0 5px 0;
height: 20px;
}

div.wrapper-t {
  text-align: left;
  margin: 0px auto 0px auto;
  padding: 0;
  border: 0;
  width: 990px;
  background: transparent url(http://static.motelonyork.co.nz/images/shadow-top.png) no-repeat scroll 0 15px;
}

div.wrapper-b {  background: transparent url(http://static.motelonyork.co.nz/images/shadow-bottom.png) no-repeat scroll 0 100%; padding-bottom:15px; }
div.wrapper-l {  background: transparent url(http://static.motelonyork.co.nz/images/shadow-left.png) repeat-y scroll 0 0; padding-left:15px; }
div.wrapper-r {  background: transparent url(http://static.motelonyork.co.nz/images/shadow-right.png) repeat-y scroll 100% 0; padding-right:15px; }

#header {
margin: 0;
width: 960px;
height: 228px;
}

#logo{
margin:0 0 0 20px;
position:absolute;
top:45px;
}

#horiz-menu{
background: #d6dbbf url(http://static.motelonyork.co.nz/images/nav-bg.png) repeat-x scroll 0 0;
height: 44px;
width:960px;
}

span.navigatorLinkCurrent {
color: #b43c26;
}

a.navigatorLink {
color:#130f0f;
text-decoration:none;
}

a.navigatorLink:hover {
color: #b43c26;
}

a.navigatorLink, span.navigatorLinkCurrent {
display: block;
float: left;
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
font-size: 1.2em;
line-height: 43px;
padding: 0 20px;
font-weight: bold;
}

#mainbody {
background: #2c3728;
color: #bbb1b4;
padding: 15px 0 0 0;
}

div.booking {
background-color:#3d4b38;
border:1px solid #997338;
padding:0 0 15px;
}

form.booking {
padding:5px 2px 0;
}

div.leftsidebarheading {
background:#997338 url(http://static.motelonyork.co.nz/images/booking-header.png) repeat-x scroll 0 0;
color:#130f0f;
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
font-size:1.3em;
height:33px;
line-height:33px;
margin:0 0 15px;
text-align:center;
}

div.left_side{
float: left;
width: 190px;
padding: 13px;

}

div.left_side a{
color: #BBB1B4;
}

div.icons{
text-align: center;
margin: 20px 0 20px 0;
}

div.icons img{
margin: 30px 0 0 0;
}

div.icons p{
text-align: center;
font-size: 0.8em;
margin-bottom: 0;
}

div.middle{
float:left;
height:auto;
padding:0 0 0 20px;
width:478px;
}

div.right_side{
float: right;
width: 215px;
height: auto;
padding: 0 15px 0 15px;
text-align: left;
}

div.right_side a{
color: #bbb1b4;
}

div.rightsidebarheading{
font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif;
line-height: 1.1em;
margin: 10px 0;
padding-bottom: 5px;
font-size: 1.6em;
font-weight: bold;
color: #ffffff;
}

#footer {
clear: both;
background: transparent url(http://static.motelonyork.co.nz/images/dp-footer.jpg) no-repeat scroll 0 100%;
margin: 20px 0 0 0;
width: 960px;
height: 64px;
}

ul#footer-nav{
list-style-type:none;
text-align: center;
font-size: 0.95em;
color: #bbb1b4;
}

ul#footer-nav a{
color: #bbb1b4;
text-decoration: none;
}

ul#footer-nav li {
padding:0 10px 0 8px;
display: inline;
}

#dp{
text-align: center;
margin:0 auto;
padding:0 0 10px;
border:0;
width:960px;
color: #2c3728;
font-size: 0.95em;
}

.clear{
clear: both;
}

.imageborder {
  border: 2px solid #ffffff;
  margin-left: 10px;
  }
  
.imageright {
  float: right;
  align: right;
  margin: 1px 0px 5px 15px;
  border: 2px solid #ffffff;
  }
  
.imageleft {
  float: left;
  align: left;
  margin: 1px 15px 5px 0px;
  border: 2px solid #b9cfe5;
  }

.imagecentre {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #b9cfe5;
  }