/*-----------------------------------------------------------------------------------------------
CSS for The Hacienda Retreat, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 
------------------------------------------------------------------------------------------------*/


/*--------FOR IE 6 AND UNDER ONLY --------*/

/*-------------END-----------------*/

body {
font-family:  "Arial", "Verdana", "Tahoma";
font-size: 12px;
color: #000;
background-color: #353b1b;  
margin: 0px;
padding: 0px;
}

#outer {
width:963px; 
margin-left:auto;
margin-right:auto;
position:relative;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: 0px;
background-image:url(../images/outer.jpg);
background-repeat:no-repeat;
}


#inner {
padding-top: 60px;
margin-top: 26px;
width:773px; 
margin-left:auto;
margin-right:auto;
}

#banner {
margin-top: 26px;
margin-left: 0px;
margin-right: auto; 
width:773px;
height:277px;
padding-top: 0px;
background-image:url(../images/banner1.jpg);
background-repeat:no-repeat;
}

#banner2 {
margin-top: 26px;
margin-left: 0px;
margin-right: auto; 
width:773px;
height:277px;
padding-top: 0px;
background-image:url(../images/banner7.jpg);
background-repeat:no-repeat;
}

#banner3 {
margin-top: 26px;
margin-left: 0px;
margin-right: auto; 
width:773px;
height:277px;
padding-top: 0px;
background-image:url(../images/banner8.jpg);
background-repeat:no-repeat;
}

#banner4 {
margin-top: 26px;
margin-left: 0px;
margin-right: auto; 
width:773px;
height:277px;
padding-top: 0px;
background-image:url(../images/banner4.jpg);
background-repeat:no-repeat;
}

#banner5 {
margin-top: 26px;
margin-left: 0px;
margin-right: auto; 
width:773px;
height:277px;
padding-top: 0px;
background-image:url(../images/banner5.jpg);
background-repeat:no-repeat;
}

#banner6 {
margin-top: 26px;
margin-left: 0px;
margin-right: auto; 
width:773px;
height:277px;
padding-top: 0px;
background-image:url(../images/banner6.jpg);
background-repeat:no-repeat;
}

#logo {
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
width: 354px;
height: 77px;
margin-left: 17px;
}

/*-------the link section------*/


a:link, a:link, a:visited {
color:#991c1c;
text-decoration:none;
}

a:hover {
color:#991c1c;
text-decoration: underline;
}

.blinks:link, .blinks:visited {
color:#fff;
text-decoration:none;
}

.blinks:hover {
color:#f00;
text-decoration: none;
}

.blinks:active {
color:#fff;
}

.menu li{
}

.menu li a{
font-size:14px;
font-weight:bold;
color: #fff;
padding-left: 25px;
paddding-right: 25px;
text-decoration: none;
}

.menu li a:visited{
color: #fff;
}

.menu li a:hover{
color: #fff;
background-color: #923232;
display:block;
}

.current{
color: #fff;
background-color: #641d1d;
display:block;
}

.menu{
font: 14px Arial;
width: 203px;
list-style: none;
position:absolute;
top: 180px;
margin-top: 0px;
left: 621px;
padding-top: 30px;
}


<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->


/*-----------------------------------------------------------------------------------------
                          VERTICAL SUB MENU
--------------------------------------------------------------------------------------------*/


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

h1 {
font-size:16px;
color: #1B7B9C;
}

h2 {
font-size:14px;
}

#content {
text-align:justify;
width:765px;
margin: 0; 
padding: 0px;
background-image:url(../images/back.jpg);
background-repeat:repeat-y;
background-color: #100e24;
border-left: 4px solid #1a1210;
border-right: 4px solid #1a1210;
}

#contentsendmail {
text-align:justify;
width:765px;
margin: 0; 
padding: 0px;
background-color: #feffc2;
border-left: 4px solid #1a1210;
border-right: 4px solid #1a1210;
}

#extra {
text-align:justify;
width:773px;
margin: 0; 
padding: 0px;
}

#leftside {
background-color:#feffc2;
width: 562px;
float:left;
margin-top: -1px;
}


#rightside1 {
background-color:#0e0e24;
width: 203px;
float:right;
margin-top: -1px;
color:#FFFFFF;
font-size:10px;
}

.clear { clear: both;}

#divide1 {
background-color: #b1bb85;
padding: 6px;
}

#divide2 {
background-color: #feffc2;
padding: 6px;
}

#gallery {
background-color:#15110e;
padding: 0px;
}

#calendar {
padding: 6px;}


#contact {
padding: 0px;}

#bookings {
padding: 0px;}

#footer {
width:773px;
height: 25px;
margin-left: 0px; 
padding: 0px;
text-align:center;
font-weight:normal;
background-image:url(../images/foot2.jpg);
background-repeat: no-repeat;
}

#footergallery {
width:773px;
height: 25px;
margin-left: 0px; 
padding: 0px;
text-align:center;
font-weight:normal;
background-image:url(../images/footgal.jpg);
background-repeat: no-repeat;
}

#footerbooking {
width:773px;
height: 25px;
margin-left: 0px; 
padding: 0px;
text-align:center;
font-weight:normal;
background-image:url(../images/foot2.jpg);
background-repeat: no-repeat;
}

#footerhome {
width:773px;
height: 25px;
margin-left: 0px; 
padding: 0px;
text-align:center;
font-weight:normal;
background-image:url(../images/foot3.jpg);
background-repeat: no-repeat;
}

#footertext{
width:773px;
padding-top: 0px;
padding-bottom: 6px;
margin-top: -10px;
text-align:center;
font-weight:normal;
color:#feffc2;
}