/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
}
.menu_table td
{
border-bottom:1px solid #80000;
height:27.5px;
padding-left:12px;
}
.offer_box
{
margin:51px 0px 0px 21px;
}

.border_bottom
{
border-bottom:1px dotted #333333;
}



/* CSS Background image Document */


h1 {font-size:16px}
h2 {font-size:15px}

/* CSS Background image Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.left_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 27.5px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B8860B;
	background-color:inherit;
	text-decoration: none;
	}
.left_link:hover
{
color:#800000;
text-decoration:none;
background-color:inherit;
}
.style1 {color: #B8860B}
.style2 {color: #333333}
.style3 {color: #800000; font-weight: bold;}
.style4 {font-size: 12}

.fadein { position:relative; width:575px; height:300px; }
.fadein img { position:absolute; left:0; top:0; }

.breadcrumbs
{
     width:780px;
     margin-top:6px;
     padding: 5px;
     color: #737373;
     font-size: 11px;
     font-weight: bold;
}
.breadcrumbs a
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}
.breadcrumbs a:hover
{
     text-decoration: none;
     color: #00305f;
     font-style: italic;
}


/** HIDE MOBILE ELEMENTS **/

.mobile-header-image {
	display: none;
}

.mobile-menu {
	display: none;	
}

.mobile-menu-toggle {
	display:none;	
}

.mobile-head-image {
	display:none;	
}

.side-nav {
	display: none;	
}
.linkstable { margin-left:4px; }


/** START MOBILE CSS **/
@media (max-width: 800px) {

body {
	padding: 0px 10px;	
}

table, tr, td { 
	width:100%; 
	padding:0px;
	margin:0px;
}

.fadein {
	width: 100%;
	height: auto;
	padding-bottom: 52%;
	margin-top:20px;
}

.mobile-margin-top {
	margin-top: 65px;	
}

.fadein img {
	width: 100%;
}


.mobile-friendly {
	display: none;	
}

/** MOBILE MENU CSS **/

.mobile-menu {
	background-image: none;
	background-color: #800000;
	height: 56px;
	width:100%;
	color: #fff;
	box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	-webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
	position: fixed;
	top:0px;
	left: 0px;
	z-index: 500;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
}

.side-nav {
	position: fixed;
	width: 100%;
	top: -230px;
	left:0px;
	transition: all 0.5s ease;
	z-index: 400;
	display:block;
	background-color: #930e0e;
}

ul.navList {
	width: 100%;
	padding:0px;
	margin:0px;
}

ul.navList li {
	border-bottom: 1px dashed #fff;
	list-style-type: none;
	font-family: arial;
	padding: 6px;
	font-size:16px;
}

ul.navList li:last-child {
	border-bottom: 0px;
}

ul.navList li a {
	color: #fff;
}

.mobile-menu-toggle {
	display: block;
	font-size: 22px;
	float: right;
	cursor: pointer;
	padding: 18px 15px;
	z-index:500;
}

.side-nav .mobile-menu-toggle {
	float:none;
	text-align:center;
	font-size:16px;
	background-color: #E0F2F1;
	position:absolute;
	width:170px;
	bottom:0px;
}

.toggle-nav {
	top: 56px;	
}

.book-online-button {
  float: left;
  padding: 20px 10px;
  font-size: 20px;
}

.book-online-button a {
	color: #fff!important;
	text-decoration:none;	
}

.mobile-contact {
  padding: 10px;
  font-size: 14px;
  color: #fff;
  background-color: #800000;
}

.mobile-contact a {
	color: #fff!important;	
}

/** END MOBILE MENU **/

iframe {
	width: 100%;	
}

#ittconnect table, tr, td {
	width: auto;
}

#ittconnect td {
	padding: 5px;	
}

img#main_image {
	width: 100%;
}

}