/* Clouds Guest House CSS */
body { margin: 0pt; padding: 0pt; font-family:'HelveticaNeue','Helvetica Neue','Arial',sans-serif; line-height: 1.5em; }
#container { width: 900px; margin-left: auto; margin-right: auto; background-color: #99ccff; margin-bottom: 5px; margin-top: 3px; border: 1px solid #031d51; }
.clear { line-height: 0; font-size: 0; clear: both; }
.logo { margin-bottom: 15px; }
#nav { color: #999999; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 0.85em; font-weight: bold; line-height: 20px; }
#nav ul#navbar-list { padding-left: 0px; }
#nav li { display: inline; list-style-type: none; padding: 0 20px 0 10px; }
#nav li a { color: #666666; text-decoration: none; }
#nav li a:hover { color: #999999; }
.breadcrumb { font-size: 12px; margin-left: 10px; }
a:link, a:visited, a:hover, a:active { color: #000066; }
a:hover { text-decoration: none; }
/* margin-top: -50px; */
.header { color: #000000; position: relative; }
.header .header-bg { height: 50px; z-index: 1000; background: url(../img/header-bg.png) transparent 0% 0% no-repeat; padding-left: 10px; }
#hero { z-index: 1; height: 400px; }
#content { padding: 0px 10px 10px 10px; }
#content h1 { margin: 0; padding: 0;  font-family: Arial,sans-serif; font-size: 11px; text-align:center;}
#content h2 { font-size: 20px; margin: 0; padding: 0; }
#content h3 { font-size: 18px; margin: 0; padding: 0; }
.no_hero #content h1 { font-family: Arial,sans-serif; font-size: 11px; margin: 8px 0px 8px 0px; padding: 0px; text-align: left; font-size: 20px; }
.no_hero #content h2,.no_hero #content h3,.no_hero #content h4,.no_hero #content h5 { font-size: 18px; margin: 8px 0px 8px 0px; padding: 0px; border-top: 1px solid #003366; padding-top: 8px; }
#c_left { float: left; width: 635px; } 
#c_right { float: right; width: 235px; margin-left: auto; margin-right: auto; text-align: center; }
#c_right .fifa_widget { width: 235px !important; height: 313px !important; margin-bottom: 10px; }
/* .widget { margin-bottom: 10px; } *//* #map_canvas { width: 500px; height: 300px; } */
.table-box { width: 635px; }
.table-box .col { width: 210px; float: left; }
/* #footer { width: 900px; margin-left: auto; margin-right: auto; font-size: 0.8em; margin-bottom: 15px; padding-left: 10px;} */
#footer { text-align: center; width: 880px; font-size: 12px; margin: 5px 5px 10px 10px; background:#336699; color: #ebebeb; padding:8px 0px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #ebebeb;}

#footer2 { text-align: center; width: 880px; font-size: 12px; color: #ebebeb; }
#footer2 a:link, #footer2 a:visited, #footer2 a:hover, #footer2 a:active { color: #ebebeb;}
.bottompart { background:#336699; width: 880px; margin: 5px 5px 10px 10px;}


#btmseo { width: 900px; margin-left: auto; margin-right: auto; color: #003366; text-align:center; padding:0px; font-size: 12px; } 
#enquiryForm .form_row { height: 30px; }
#enquiryForm .label { width: 200px; text-align: right; float: left; }
#enquiryForm .form_element { float: left; width: 350px; margin-left: 10px; } 
#enquiryForm .formcheckbox { float:left; width:20px; }
#enquiryForm .formcheckboxlabel { float:left; width:150px; padding-top:2px; }
#enquiryForm .form_element #message { width:300px; height: 170px; }
#enquiryForm .form_element #send { text-align: right; margin-left: 340px; margin-top: 10px; }
.texthighlight { background-color: red; color: #fff;  padding: 0px 2px 0px 2px; }
.margin_10 { margin-top: 10px; }

h1 { margin: 0; padding: 0;  font-family: Arial,sans-serif; font-size: 11px; font-weight:normal;}
h6 { margin: 0; padding: 0;  font-family: Arial,sans-serif; font-size: 11px; font-weight:normal; text-align:center; color: #003366;}
#feet { margin: 0; padding: 0;  font-family: Arial,sans-serif; font-size: 11px; font-weight:normal; text-align:center; color: #003366;}
#header { width: 900px; margin-left: auto; margin-right: auto; color: #003366; text-align:center; padding:0px;}
#bottom-links { float: left; font-size: 0.8em; margin-top: 7px; text-align:center;}
#bottom-links2 { float: left; font-size: 12px; margin-top: 7px; text-align:center; color:#e1e1e1; }
#bottom-links2 a{ color:#ebebeb; font-size: 11px; }
#bottom-links2 a:hover{ color:#ebebeb; text-decoration:none;  }

.style1 {font-size: small}
#btmseo a:link{ font-family: Arial,sans-serif; font-size: 11px; font-weight:normal; text-align:center; margin: 2px; padding: 2px; text-decoration:none; }
#btmseo a:visited{ font-family: Arial,sans-serif; font-size: 11px; font-weight:normal; text-align:center; margin: 2px; padding: 2px; text-decoration:none; }
#btmseo a:hover{ font-family: Arial,sans-serif; font-size: 11px; font-weight:normal; text-align:center; margin: 2px; padding: 2px; text-decoration:underline; }
#container-footer { width: 900px; background-color:#FFFFFF; border: 0px; }


/*--- left-nav -------------------------------------------------------*/

.markermenu{width: 200px;} /*width of menu*/
.markermenu ul{list-style-type: none;margin: 0px 0;padding: 0;border: 1px solid #003366;}
.markermenu ul li a{
background: #dddddd url(../img/header_arrow.gif) no-repeat 10px center;
font: 11px Arial, Verdana, Helvetica, sans-serif;
color: #000000;
display: block;
width: auto;
padding: 3px 0;
padding-left: 30px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
text-align:left;
}
* html .markermenu ul li a{width: 150px;} /*IE only. Actual menu width minus left padding of LINK (20px) */
.markermenu ul li a:visited, .markermenu ul li a:active{color: #00014e;}
.markermenu ul li a:hover{color: white; background-color: #6699cc; background-image:none;}
/*onMouseover image change. Remove if none*/

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */