/*-----------------------*/
/* CSS Cumberland
/*-----------------------*/
body {
background: url("../images/cloth3.jpg") repeat scroll top left;
margin: 0;
padding: 0;
color: black;
font-family: arial;
font-size: 14px;
line-height: 1.4em;
font-weight: normal;
}

.main {
margin: 0;
padding: 10px;
background: white;
margin: 10px auto;
max-width: 700px;
border: 5px double #999;
}

.header {
margin: 0;
padding: 0;
background: url("../images/flourish1.jpg");
background-size: contain;
height: 120px;
}

.header-title {
color: #888;
font-family: serif;
font-weight: 700;
letter-spacing: 0.16em;
}

.header-menu {
color: #888;
font-family: serif;
font-weight: 700;
font-size: 14px;
float: left;
}

table {margin:0; padding:0;}
td    {margin:0; padding:0;}

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

div {margin:0; padding:0;}
p   {margin:0; padding:0;}

ul {margin:0; padding:0; line-height:18px;}
ol {margin:0; padding:0; }

.clearFloat {clear:both; height:1px}

.middle {vertical-align:middle}

.footer {
margin: 5px 5px 0px 0px;
color: black;
text-align: center;
font-size: 12px;
font-style: italic
}

/*---- Links ----*/
a { color: #02b;  text-decoration: none; }
a:visited {color: #02b}
a:hover {color: red;}

/* menu links */
a.menu {color: #888}
a.menu:active {color: #333;}
a.menu:visited {color: #888;}
a.menu:hover {color: #f00;}

/*---- H text ----*/
h1,h2,h3,h4,h5,h6{
   margin-bottom: 1.3em;
   line-height: 1.4;
   font-weight: 400;
}
h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:28px;}
h6 {font-weight:700;}

.HD40 {font-size:40px; font-weight:600}
.HD38 {font-size:38px; font-weight:600}
.HD36 {font-size:36px; font-weight:600}
.HD34 {font-size:34px; font-weight:600}
.HD32 {font-size:32px; font-weight:600}
.HD30 {font-size:30px; font-weight:600}
.HD28 {font-size:28px; font-weight:600}
.HD26 {font-size:26px; font-weight:600}
.HD24 {font-size:24px; font-weight:600}
.HD22 {font-size:22px; font-weight:600}
.HD20 {font-size:20px; font-weight:600}
.HD18 {font-size:18px; font-weight:600}

.menudiv1 { display:block }
.menudiv2 { display:none }
.menudiv3 { display:none }

.room-column {
zborder: 1px solid red;
width: 33%;
margin: 0;
padding: 0;
text-align: center;
float:left
}

.room-img {height:150px; border:2px double #777; border-radius:5px}

.room-single {
zborder: 1px solid red;
padding: 15px 0;
text-align: center;
}

.room-single-img-1 {height:500px; border-radius:5px}
.room-single-img-2 {width:95%; border-radius:5px}

/*-------- Tablet Wide --------*/
@media only screen and (max-width: 992px) {

}

/*-------- Tablet Narrow --------*/
@media only screen and (max-width: 720px) {

.menudiv1 { display:none }
.menudiv2 { display:block }
.menudiv3 { display:block }

.HD40 {font-size:28px}
.HD38 {font-size:28px}
.HD36 {font-size:28px}
.HD34 {font-size:28px}
.HD32 {font-size:28px}
.HD30 {font-size:24px}
.HD28 {font-size:26px}
.HD26 {font-size:24px}
.HD24 {font-size:24px}
.HD22 {font-size:22px}
.HD20 {font-size:20px}
.HD18 {font-size:18px}

.room-column {width:48%}
}

/*-------- Phone --------*/
@media only screen and (max-width: 500px) {

.HD40 {font-size:28px}
.HD38 {font-size:28px}
.HD36 {font-size:28px}
.HD34 {font-size:26px}
.HD32 {font-size:26px}
.HD30 {font-size:22px}
.HD28 {font-size:24px}
.HD26 {font-size:22px}
.HD24 {font-size:22px}
.HD22 {font-size:20px}
.HD20 {font-size:20px}
.HD18 {font-size:18px}

.room-column {width:100%}
.room-img {height:250px}
.room-single-img-1 {width:100%}
.room-single-img-2 {width:100%}

}