body
{
 margin : 0;
 padding : 0;
 font : 73% "Trebuchet MS", verdana, tahoma, sans-serif;
 color : #555;
 background : #B5CBC9;
 line-height : 1.5em;
}
.fadein { position:relative; width:750px; height:150px; }
.fadein img { position:absolute; left:0; top:0; }
.addthis_button_google_plusone
{
 width: 48px;
 margin-top: 1px;
    }

#container
{
 background-color:#EEF6FB;
 width : 750px;
 margin-left : auto;
 margin-right : auto;
 padding : 0;
 border : 5px solid #fff;
}
#navlist
{
 padding : 3px 0;
 margin : 0;
 text-align : left;
 font : bold 110% "Trebuchet MS", verdana, sans-serif;
 color : #000;
 background : #99c6e7;
}
#navlist li
{
 list-style : none;
 margin : 0;
 display : inline;
}
#navlist li a
{
 padding : 3px 1.5em;
 margin : 0;
 color : #333;
 background : #99c6e7;
 text-decoration : none;
}
#navlist li a:link, #navlist li a:visited
{
 color : #333;
 background : #99c6e7;
}
#navlist li a:hover
{
 color : #fff;
 background : #6ba0e6;
}
#navlist li a#current
{
 color : #fff;
 background : #6ba0e6;
}
#banner
{
 width : 750px;
 height : 150px;
 padding : 0;
 margin : 0;
 color : #fff;
 background : #738ca5;
}
#banner h1
{
 margin : 0;
 padding : 20px;
 font : normal 175% "Trebuchet MS", tahoma, verdana, sans-serif;
 letter-spacing : 5px;
 text-transform : none;
 border-bottom : none;
 color : #000;
 background : transparent;
}
#content
{
 padding : 5px;
 margin-left : 180px;
 margin-bottom : 5px;
 color : #555;
 background : #eef6fb;
}
#sidebar-a
{
 float : left;
 width : 150px;
 margin : 0px 5px 10px 10px;
 padding : 5px;
 /*border-right : 1px solid #fff;*/
color : #555;
 background : #eef6fb;
}

.accommodation-room {
	text-align: center;
}

#footer
{
 clear : both;
 padding : 5px;
 margin : 0;
 text-align : left;
 border-top : 10px solid #6ca3e4;
 color : #333;
 background : #99c6e7;
}
.roundcont
{
 margin : 10px;
 width : 95%;
 background : #f7fbfd;
 color : #333;
}
.roundcont p
{
 margin : 0 10px;
}
.roundtop
{
 background : url(img/tr.gif) no-repeat top right;
}
.roundbottom
{
 background : url(img/br.gif) no-repeat top right;
}
img.corner
{
 width : 10px;
 height : 10px;
 border : none;
 display : block !important;
}
h1
{
 margin : 0;
 letter-spacing : 5px;
 color : #000;
 font-family: "Trebuchet MS", tahoma, verdana, sans-serif;
 font-size: 18px;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
}
h2
{
 margin : 0;
 font : 140% "Trebuchet MS", verdana, tahoma, sans-serif;
 padding : 0;
 border-bottom : 0 solid #738ca5;
 text-transform : none;
 color : #738ca5;
 background : inherit;
}
a
{
 text-decoration : none;
 color : #666;
 background : inherit;
}
a:hover
{
 text-decoration : underline;
 color : #66a0e0;
 background : inherit;
}
a img
{
 border : 0;
}
.img
{
 float : left;
 padding : 5px;
 margin : 10px;
 border : 1px solid #556b2f;
}
blockquote
{
 font-weight : bold;
 font-style : italic;
 color : #b29b35;
}
.specials
{
 background-color: #333333;
 color: #FFF;
 text-align: center;
 font-size: 14px;
}
.specials-content
{
 background-color: #CCC;
 height: 80px;
 text-align:center;
 padding-top: 20px;
}
.special-box
{
 padding : 5px;
 margin : 10px;
 border : 1px solid #556b2f;
 width: 164px;
 height: 106px;
}
.main-img
{
 padding : 5px;
 border : 1px solid #556b2f;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 20px;
}
.copy
{
 text-align: center;
 width: 750px;
 margin: 0px auto;
 padding-top: 5px;
}
.breadcrumbs
{
 float:left;
 margin-top:6px;
 color: #737373;
 font-size: 11px;
 font-weight: bold;
}
.breadcrumbs a
{
 text-decoration: none;
 font-style: italic;
}
.breadcrumbs a:hover
{
 text-decoration: none;
 font-style: italic;
}

.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
  width:100% !important;
  height:100% !important;
}

/*Mobile CSS*/
@media all and (max-width:750px) {
	* { box-sizing:border-box; margin-left: auto; margin-right:auto; }
	#container {width: 94%; border: none; }
	#banner { margin-top: 50px }
	.roundcont * { font-size: 105%; line-height: 1.5em}
	#banner, .fadein, .fadein img, .copy{ width: 100%; height: inherit;  }
	#navcontainer { padding-top: 22% }
	#navlist { padding: 0; }
	#navlist { padding: 0; }
	#navlist li { width: 100% }
	#navlist li a {display: block; width: 100%; height: 50px; padding: 16px 1.5em; text-align:center; border-bottom: 1px solid #738184 }
	#sidebar-a { display:none }
	h1 { font-size: 20px; text-align:center; display: block; margin:auto; width: 100% }
	h2 { }
	#content { margin-left: 0; padding: 10px 0; box-sizing:border-box !important }
	table { width: 100%; text-align:center; }
	table.special-box { width: 100%; text-align:center; margin: 10px 0; }
	.specials-content { height:inherit }
	#CDSWIDWRM { margin: 10px auto !important; font-size: 100% !important }
	.roundcont { width: 100% !important; margin: 0 !important }
	.roundcont td { display: inline-block; width: 100%;	text-align:center; padding: 10px 20px }
	img { float:none !important}
	.main-img  { width: 100%; max-width: 284px; border: 1px solid #556b2f; margin: 0 !important; padding: 5px; box-sizing:border-box; height:inherit }

	/** START MOBILE MENU CSS **/


       #nav
    {
        position: absolute;
    	right: 0;
    	top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { color: #fff; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
            display: block;
			position: absolute; right: 25px; top: 35px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 115px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 80px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }
}
@media all and (max-width:500px) {

}
@media all and (max-width:420px) {

}
@media all and (max-width:395px) {
	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { top: 55px } 
	#nav > ul { margin-top:102px !important }
}