/* CSS Document */
/*
@import url("news.css");
@import url("contact.css");
*/
/* main style sheet */


/* header */
#header {
    margin: 0px;
    width: 760px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 346px;
}
#flash {
    padding: 0px;
    height: 345px;
    width: 539px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 220px;
}

/* end of header 
**********************/





/* nav */
#nav {
    padding: 0px;
    margin: 0px;
    background-image: url(../img/nav-bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 490px;
    width: 220px;
}
#nav a {
    padding: 0px;
    margin: 0px;
    display: block;
    height: 50px;
    width: 220px;
    background-image: url(../img/nav.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
}
#accomm {
    background-position: 0px 0px;
}
#farm {
    background-position: 0px -50px;
}
#group {
    background-position: 0px -100px;
}
#facility {
    /*background-position: 0px -150px;*/
}
#contact {
    background-position: 0px -150px;
}
#booking {
    background-position: 0px -200px;
}
#omarama {
    background-position: 0px -250px;
}

#accomm:hover {
    background-position: -220px 0px;
}
#farm:hover {
    background-position: -220px -50px;
}
#group:hover {
    background-position: -220px -100px;
}
#facility:hover {
    /*background-position: -220px -150px;*/
}
#contact:hover {
    background-position: -220px -150px;
}
#booking:hover {
    background-position: -220px -200px;
}
#omarama:hover {
    background-position: -220px -250px;
}




/* end of nav 
**********************/




/* content */

#content {
    padding: 0px;
    margin: 0px;
    width: 760px;
    background-image: url(../img/content-bg.gif);
    background-repeat: repeat-y;
}
#side-bar {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 220px;
}
#main {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 540px;
}
#main-inner {
    width: 490px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.margin5 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    text-align: justify;
}

.margin10 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    text-align: justify;
}
.margin15 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    text-align: justify;
}

.margin20 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    text-align: justify;
}

.nomargin {
    text-align: justify;
    margin: 0px;
    padding: 0px;
}
.box1 {
    margin: 0px;
    padding: 0px;
}
.box1-left {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 235px;
}
.box1-right {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 235px;
}
.room-box {
    background-image: url(../img/box-body.gif);
    background-repeat: repeat-y;
    margin: 0px;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
}
.room-txt {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 230px;
}
.room-img {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 200px;
}
.more-info {
    margin: 0px;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-weight: bold;
}
#top-bar #header-bg #container #content #main #main-inner .room-box  a {
    font-weight: bold;
    color: #0066FF;
    text-decoration: none;
}
#top-bar #header-bg #container #content #main #main-inner .room-box  a:hover {
    color: #000099;
    text-decoration: underline;
}
.photo-by {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    color: #999999;
    text-align: right;
    margin: 0px;
    padding: 0px;
}
.list1 {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.list1 li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 17px;
    background-image: url(../img/bullet.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
}
.list2 {
    padding: 0px;
    list-style-type: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
}
.list2 li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 17px;
    background-image: url(../img/bullet2.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
}
.list3 {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.list3 li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 17px;
}

.btn-book {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 98px;
}
.btn-enq {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 98px;
}

#distance-currency {
    margin: 0px;
    padding: 0px;
}
#distance {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 240px;
}
#currency {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 240px;
}
#distance img {
    padding: 0px;
    width: 163px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#currency img {
    padding: 0px;
    width: 163px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}








/* end of content 
**********************/





/* footer */
#footer {
    margin: 0px;
    padding: 0px;
    width: 760px;
    background-image: url(../img/footer.jpg);
    background-repeat: no-repeat;
    height: 80px;
}
#footer p {
    font-size: 10px;
    text-align: center;
    margin: 0px;
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


/* end of footer 
**********************/





/*  General style */
html, body {
    font-family: Verdana, Arial, Helvetica;
    font-size: 85%;
    margin:0;
    border:none;
    padding:0;
    color:#333333;
    background-image: url(../img/body-bg.gif);
    background-repeat: repeat;
}
#top-bar {
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-image: url(../img/top-bar.gif);
    background-repeat: repeat-x;
    background-position: top;
}
#header-bg {
    margin: 0px;
    padding: 0px;
    width: 100%;
    background-image: url(../img/top-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
*html body  {
    font-size:85%;
}
*:first-child+html body {
    font-size:85%;
}




#container{
    width:760px;
    margin:0 auto;
    padding: 0;
}


/*****   clearfix   *****/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}
.clearfix {
    display: inline-block;
}
/* hide from ie-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* end hide from ie-mac */

/*****   end of clearfix   *****/

img {
    margin:0;
    padding:0;
    display: block;
    border-width: 0;
    border:none;
}
.image-border {
    border: 1px solid #000066;
}

h1 {
    margin:0;
    padding:0;
}
h2 {
    padding:0;
    font-size: 13px;
    font-weight: bold;
    color: #000066;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 4px;
    margin-left: 0;
}
h3 {
    margin:0;
    padding:0;
}
h4 {
    margin:0;
    padding:0;
}

.break {
    background-image: url(../img/break.gif);
    background-repeat: repeat-x;
    padding: 0px;
    height: 1px;
    width: 100%;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}

input, textarea, select {
    font-family:Verdana, Arial, Helvetica;
    font-size:10pt;
    color:#000000; 
    border:1px solid #333333;
    background-color:#ffffff;
}

/* Link */
a {
    border: none;
}  

a:link {
    color:#000066;
}

a:visited {
    color:#000066;
}


a:hover {
    color:#0033FF;
    text-decoration:underline;
}

/* CopyRight Format-- */
div#copyright {
    font-family:Arial, Verdana, Helvetica;
    font-size:10px;
    font-weight:bold;
    text-align:center;
    margin:0;
    border:0;
    color:#666666;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
}

a.linkcopy {
	color:#666666;
	text-decoration:underline;
	font-size: 12px;
}  

a.linkcopy:link {
    color:#666666;
    text-decoration:underline;
}

a.linkcopy:visited {
    color:#666666;
    text-decoration:underline;
}

a.linkcopy:hover {
    color:#CCCCCC;
    text-decoration:underline;
}
a:focus { 
    -moz-outline-style: none; 
}


/* end of general style */