/* mbhuju [@] gmail.com */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; background:#2F6B95; font-size:15px; color:#000; font-weight: normal; line-height: 22px;}

#frame{ width:1157px; margin:0 auto;}
#frame50{ width:50%; float:left;}
img{ max-width:100%;}

/*********
HEADER
******/
header{ background:url(../images/topbg.jpg) repeat-x #FFF; padding-top:30px; }
#header-left{ width:20.31115%; margin-left:2.76577%; margin-right:9.50735%; float:left;}
#logo{ width:35.17718%; float:left; }
#hedaer-right{width:20.7433% ; margin-left:9.07519%; float:left;}
	#social{ background:#6fadd8; padding-top:10px; text-align:center; height:70px;}

#banner{ background:url(../images/bannerbg.jpg) repeat-x #2f6b95; padding:20px 0; text-align:center;}


/* NAV */
#navframe{ background:url(../images/menubg.jpg) repeat-x; height:55px; text-align:center; width:100%;}
nav { margin:0 auto; padding:0px; position: relative; z-index: 10; }

nav ul ul { display: none;}
/*nav li+li { border-left: 1px solid #a63019; }  DIV LINE */
nav ul li:hover > ul { display: block;}
nav ul { padding: 0px;	list-style: none; position: relative; display: inline-table; margin:0px;}
nav ul:after { content: ""; clear: both; display: block;}
nav ul li { float: left;}
nav ul li a:link, nav ul li a:active, nav ul li a:visited { display: block; padding: 17px 25px; font-size:15px; color: #FFFFFF; text-transform:uppercase; font-family: 'Lato', sans-serif; font-weight:bold; text-decoration: none; }
nav ul li:hover { color:#FFF;} /* MAIN MENU BG HOVER COLOR */
nav ul li:hover a { color:#2f6b95; }

nav ul ul { background: #FFF; padding: 0; position: absolute; top: 100%;  }/* DROP DOWN BG COLOR */
nav ul ul li { float: none; position: relative;}
nav ul ul li a { padding: 10px 10px; background: #FFF; text-align:left;}	
nav ul ul li a:hover { background: #2f6b95; color:#FFF; }/* DROP DOWN BG HOVER COLOR */
nav ul ul ul { position: absolute; left: 100%; top:0;}

/*******
CONTENT
*********/
#content{ width:100%; background:#FFFFFF; height:auto; padding:20px 0; }
#content-inner{ background:url(../images/bbg.jpg) repeat-x #FFF; width:1077px; margin:0 auto; padding:40px;}

#contact_left{width:50%; height:auto; float:left; text-align:center;}
#contact_right{width:50%; height:auto; float:right; text-align:center;}
#hours_left{width:50%; height:auto; float:left;}
#hours_right{width:50%; height:auto; float:right; text-align:center;}
#gallery{width:750px; height:auto; margin:0 auto;}

#photo{ background:#5c9ca3; padding:20px 0;}
#photoframe{ width:30.33708%; float:left;}
#photoframe2{ width:30.33708%; float:left; margin:0 4.49438%;}
/*******
FOOTER
*********/
footer{ padding:15px 0; text-align:center; background:#2f6b95; }
#contact-add{ width:50%; float:left; text-align:right;}
#contact-phone{ width:50%; float:left;}
#contact-phone a{ color:#FFF; text-decoration:none;}

/*******
FONTS
*********/
h1{ font-size:30px; color:#2f6b95; line-height:30px;	}


.style1{ font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight:bold; color:#FFF; }
.style2{ font-size:30px; color:#2f6b95; line-height:30px; }
.style3{ font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight:bold; color:#5C9CA3; }
.style4{ font-family: 'Noto Sans', sans-serif; font-size:18px; font-weight:bold; color:#2f6b95; }
/*********
LINKS
******/
a:link, a:active, a:visited{ color:#316F9E; text-decoration:underline;}
a:hover{color:#000; text-decoration:none;}

a.extra:link, a.extra:active, a.extra:visited {font-size:18px; color:#f7f086; font-weight: bold; text-decoration:none;}
a.extra:hover{color: #fff;}

a.footermenu:link, a.footermenu:active, a.footermenu:visited {font-size:10px; color:#75a8cb; font-weight: bold; line-height:20px; text-decoration:none;}
a.footermenu:hover{color: #fff;}

/************************************************************************************
FORM
*************************************************************************************/
#booknow{ width:80%; margin:0 auto;}

input, textarea {  background-color:#FFFFFF;  border:1px solid #CCC;  border-bottom-left-radius:5px;  border-bottom-right-radius:5px;  border-top-left-radius:5px;  border-top-right-radius:5px;  font-size:16px;  padding:4px 6px;   margin-bottom:10px; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}

.form-submit-button{ background-color:#316f9e;  border:none;  color:#FFFFFF;  border-bottom-left-radius:5px;  border-bottom-right-radius:5px;  border-top-left-radius:5px;  border-top-right-radius:5px;  font-size:16px;  padding:6px;  width:200px;  font-weight:bold; cursor: pointer; }
.form-submit-button:hover{background-color:#1b7095;  color:#FFFFFF; }

.formsize{ width:100%}
.formsize2{ width:48%}
/* Honey Pot */
.form_field_hp{
	display:none;
}

/*******
MISC
*********/
.img{border:1px solid #D7D7D5; padding:5px;}
.clear{clear:both;}
.imgright{ float:right; margin-left:30px;}
#homecontent{ width:58%; float:left;}

#video{ width:40%; float:right;}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}