/*
Theme Name:Theme 210
Theme URI:http://www.dreamtemplate.com/
Description:The original WordPress theme that graced versions 2.6.x and prior.
Version:1.0
Author:DreamTemplate
*/ 
/*=== Setup ===*/
.content > hr {    border-top: 1px solid #ccc!important;margin-bottom:15px!important;}
* {  margin:0 auto; padding:0; outline:none;}
body { margin:0; padding:20px 0 0; color:000000; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; background:#735b59 url(images/bg.jpg) repeat-x;}
.html_bg { }
a { color:#36b8c5; text-decoration:none;}
a:hover { text-decoration:underline;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
p.bg, .bg { clear:both; padding:0; margin:10px 0; border-bottom:1px solid #bababa; height:2px;}
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:"Liberation sans", Arial, Verdana, Helvetica, sans-serif;}
li { list-style:none;}
h2, h2 a { color:#4b4b4b; font-size:24px; font-weight:normal; line-height:1em; letter-spacing:normal; margin:0 0 1em;}
h3, h3 a { padding:0px; color:#565656; font-size:14px; line-height:1.5em; margin:0; text-decoration:none;}
h4 { font-size:1em; margin:0 0 1em;}
p { line-height:1.5em; padding:0 0 1.3em;}
/*=== Layout ===*/
#page { margin:0 auto; padding:0 30px; width:900px; background-color:#fff;}
/*=== Header ===*/
#header { margin:0 auto; padding:0;}
/*- Logo -*/
.logo { margin:0; padding:0px 0 0; float:left; width:auto; height:160px;}
.logo h1 { margin:0; padding:0; float:left; width:auto; font-size:36px; font-weight:normal; line-height:1em; color:#4b4b4b;}
.logo h1 a { color:#4b4b4b; text-decoration:none;}
.logo h1 a:hover { text-decoration:none;}
.logo h1 small { display:block; margin:0; padding:0 12px 0 0; color:#787878; font-size:12px; font-weight:normal; line-height:1em; letter-spacing:normal; text-align:right;}
/* RSS */
.rss { margin:28px 0 0 20px; padding:0 0 24px; float:right; width:236px;}
.rss .img_rss { padding:0 0 0 8px; float:right; border:none;}
.rss p { margin:0; padding:4px 0 0; font-size:18px; font-weight:normal; line-height:1.2em; text-align:right; color:#5b5b5b;}
.rss p a, .rss p a:hover { color:#5b5b5b; text-decoration:none;}
.rss ul { margin:0; padding:0; list-style:none; float:right; width:auto;}
.rss ul li { padding:0 8px; float:left; font-size:11px; line-height:1.2em; border-right:1px solid #afb0b2;}
.rss ul li.last_rss { padding:0 0 0 8px; border-right:none;}
.rss ul li a { color:#949494; text-decoration:none;}
.rss ul li a:hover { text-decoration:underline;}
/* Search form */
.search { padding:2px 1px 0 0; float:right; width:auto;}
#search span { display:block; background:#FFF; border:1px solid #3da5af; height:28px; margin:0; padding:0; border:none; width:215px;}
#search input#s { margin:0; padding:7px 10px; float:left; width:160px; color:#a0a0a0; font-size:12px; line-height:14px; font-weight:normal; background:none; border:none;}
#search .btn { float:left; padding:0; margin:0; border:0; width:auto;}
/*=== All Columns ===*/
#columns { margin:0 auto; padding:0px 0 16px; width:900px;}
/*=== Page Title ===*/
.pagetitle { }
.pagetitle h2 { }
/*=== Center Column ===*/
#centercol { margin:0 0 0px; padding:0; float:left; width:625px;}
/*=== Right Column ===*/
#rightcol { margin:0; padding:0; float:right; width:260px;}
.box { margin:0 0 0px; padding:0 0 20px; background:none; border:none;}
.box .content { }
.box_r { margin:0 0 0px; padding:0; background:none; border:none;}
.box_r .content { margin:0; padding:0;}
.small_link { padding:10px 0; margin:0 auto; text-align:center;}
.small_link a { color:#6f6f6f; text-decoration:none;}
.small_link small { font-size:11px;}
/*=== Sub Columns ===*/
.subcols { background:url(images/subcols-bgr.gif) repeat-y left; height:1%;}
.col1, .col2 { float:left; width:285px;}
.col2 { float:right;}
/*=== Post ===*/
.post-block { }
.post-margin { margin-left:236px;}
/*- Post Title -*/
.post-title { padding:16px 0; margin:0;}
.post-title h2 { margin:0; padding:0;}
.post-title h2 a { display:inline; margin:0; padding:0; text-decoration:none;}
/*- Post Excerpt -*/
.post-excerpt { padding:0; margin:0;}
.post-excerpt p { margin:0;}
.post-excerpt p strong { letter-spacing:1px; color:#383838;}
.post-excerpt a { color:#77d7ec; text-decoration:underline; font-weight:bold;}
.post-excerpt a.comm { float:left;}
/* post-leav */
.post-leav { margin:0; padding:6px 12px; font-size:13px; line-height:1em; color:#fff; background-color:#36b8c5;}
.post-leav a { color:#fff; text-decoration:none;}
/* blog-content */
.blog-content { float:right; width:360px;}
/* comments count */
.comm_count { margin:0 0 12px; padding:5px 0; float:right; font-size:12px; color:#9a9a9a;}
.comm_count a { font-weight:bold; color:#36b8c5; text-decoration:none;}
.comm_count a:hover { text-decoration:underline;}
/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px;}
/*- Post Author -*/
.post-author { margin:0 0 1em;}
.author-details { font-size:11px;}
.author-descr { display:table; height:1%;}
/* post-commets */
.post-commets { float:right;}
/*- Post Date -*/
.post-date { margin:0 0 12px; padding:4px 0; color:#9a9a9a; font-size:12px; border-top:1px dotted #9a9a9a; border-bottom:1px dotted #9a9a9a;}
.post-date a { color:#36b8c5; font-weight:bold; text-decoration:none;}
.post-date a:hover { text-decoration:underline;}
/*- Post Comments -*/
.post-comments { }
.post-comments h2 { padding-top:10px;}
.post-comments .fl { width:80px;}
.post-comments .fr { width:480px;}
/*- Widget Title - */
.wtitle { padding:16px 0; margin:0;}
.wtitle h2 { margin:0; padding:0; font-size:24px; line-height:1em;}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { }
/*- Box2 -*/
.box2 { background-color:#d9d9d9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:450px;}
.box2.alt { background:#FFFFFF;}
.comm-name, .comm-date { line-height:20px;}
/*=== Styling Lists ===*/
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0;}
select { padding:1px;}
/*- Message -*/
.message div { margin:0 0 18px;}
.message input { padding:9px 15px; width:450px;}
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:450px; font-family:Verdana;}
.message .submit { float:left;}
.message .btn { padding:0; width:128px; height:32px; background:url(images/button.gif);}
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0;}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { display:block; margin:0 16px 10px 0; padding:0; float:left; background-color:#fff; border:none;}
.pic.fl img { }
.pic.fr img { }
.th { display:block; margin:0 0 .5em;}
.th.fl img { margin-right:10px; max-width:40px;}
.banner a img { margin:0 3px;}
.ads img { margin:0 1px 5px 0; padding:0; border:none;}
.widget_flickrRSS img { border:1px solid #cfcfcf; margin:3px;}
.box .ac img { border:0; margin:0;}
.banner { margin:0; padding:0; background:none;}

/*=== Footer ===*/
#page_bottom { padding:0 0 20px;}
#footer { margin:0 auto; padding:0 30px; width:900px; height:60px; background:#fff url(images/dotted.gif) no-repeat center top;}
#footer .text1, #footer .text2 { padding:24px 0 0; line-height:1em; color:#9a9a9a;}
#footer .text1 { float:left;}
#footer .text2 { float:right;}
#footer .text1 a, #footer .text2 a { font-weight:bold; text-decoration:none; color:#9a9a9a;}

/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden;}
.hl, .hl2 { background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%;}
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em;}
.fl { float:left;}
.fr { float:right;}
.ac { text-align:center; padding:0;}
.ac img { border:none; margin:0; padding:0 8px 0 0;}
.ar { text-align:right;}
.noBorder { border:0;}
.font-sm { font-weight:normal;}
.white { color:#FFF;}

.slider { margin:0; padding:12px 0 0; background:url(images/slider_shade.png) no-repeat center 261px;}

.index-newsblock { margin:0; padding:0 0 16px;}
.index-newsblock a { text-decoration:none;}
.index-newsblock a.date { font-weight:bold; font-size:11px;}
.index-newsblock a.comments { font-weight:bold;}
.index-newsblock a:hover { text-decoration:underline;}
.index-newsblock p { margin:0; padding:0;}
.index-newsblock p.index-newsinfo { margin-bottom:8px; padding:12px 0 8px; border-bottom:1px dotted #9a9a9a;}
.index-newsblock p.index-newscontent { line-height:1.5em;}
.index-newsblock p.index-newscontent a { color:000000;}
.index-newsblock h3 { margin:0; padding:0; font-size:13px; font-weight:bold; line-height:1.5em;}
.index-newsblock h3 a { color:#9a9a9a;}

/* footer2 */
.footer2 { }
.footer2_resize { margin:0 auto; padding:0 30px; width:900px; background:#fff url(images/dotted.gif) no-repeat center top;}
.footer2 a { color:#9a9a9a;}
.footer2 .col { margin:0; padding:0; float:left; padding:0;}
.footer2 .col1 { width:200px; padding:40px 0 24px;}
.footer2 .col2 { width:300px; padding:40px 100px 24px;}
.footer2 .col3 { width:200px; padding:40px 0 24px;}
.footer2 .col ul { margin:0; padding:0; list-style:none;}
.footer2 .col ul li { margin:0; padding:3px 0;}
.footer2 .col ul li a { color:#747373; text-decoration:none; padding-left:10px; background:url(images/li.gif) no-repeat left center;}
.footer2 .col ul li a:hover { text-decoration:underline; color:#36b8c5; background:url(images/li_a.gif) no-repeat left center;}
.footer2 .flickr_col img { margin:0 8px 10px 0; padding:3px; width:50px; height:50px; border:1px solid #d8d8d8;}
.footer2 h2 { margin:0; padding:0 0 12px; font-size:24px; font-weight:normal; color:#4b4b4b;}
.footer2news { margin:0; padding:0 0 16px;}
.footer2news h3 { margin:0; padding:8px 0 0; font-size:12px; font-weight:bold; color:#747373;}
.footer2news p { margin:0; padding:0;}
.footer2news a { text-decoration:none;}
.footer2news a:hover { text-decoration:underline;}
.footer2news p.footer2content a { color:#747373;}
.footer2news .icon_right { float:left; padding:0 16px 0 0;}

ul.def_ul { margin:0; padding:0 0 0 16px; list-style:none;}
ul.def_ul li { margin:0; padding:2px 0; list-style:none;}
ul.def_ul li a { color:#747373; text-decoration:none; padding-left:10px; background:url(images/li.gif) no-repeat left center;}
ul.def_ul li a:hover { text-decoration:underline; color:#36b8c5; background:url(images/li_a.gif) no-repeat left center;}

  


/** 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;	
}

.desktop-friendly {
	display: none;	
}

/** START MOBILE CSS **/
@media (max-width: 800px) {
body {
	padding: 0px 10px;
	background:#fff!important;	
}

.desktop-friendly {
	display: inline-block;	
}

.mobile-friendly {
	display: none;	
}

#page {
	width: 100%;
	padding:0px;
	margin:0px;	
}

.logo {
	width: 100%;
	float:none;	
	margin-top: 65px;
}

.logo img {
	width: auto;
	height: auto;
	margin:0 auto;
	display: block;	
}

.topnav {
	display: none;	
}

#columns {
	width: 100%;
	float:none;
}	

#footer {
	display: none;	
}

#centercol {
	width: 100%;
	float:none;	
}

#rightcol {
	width: 100%;
	float:none;	
}

.mobile-image {
	width: 100%;
	height: auto
}

table, tr, td {
	width: auto;	
}

h3.desktop-friendly {
  font-size: 16px;
}

.mobile-gallery-view img {
  width: 30%;
  margin:2px;
  height: auto;
}

/** MOBILE MENU CSS **/

.mobile-menu {
	background-image: none;
	background-color: #1b65a2;
	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: -300px;
	left:0px;
	transition: all 0.5s ease;
	z-index: 400;
	display:block;
	background-color: #2971ac;
}

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;
	margin:0px;
}

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: 15px 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;	
}

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

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

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

.book-online-button a {
	color: #fff;
}

#nav-toggle { 
	position:absolute;
	right: 104px;
	top:24px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 25px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -8px; 
}
#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

/** END MOBILE MENU **/

iframe {
	width: 100%;	
}

#ittconnect td {
	padding: 5px;	
}

}