/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400; clear:both;}
ul,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
* {box-sizing:border-box}

/** GLOBAL SETS **/
body {font-size:16px; color:#222; font-family:'Open Sans',sans-serif;}
body {margin:0;  text-align:center; background-attachment:fixed !important;}
a{ transition: all 0.5s ease}
a {color:#00C4F4; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
a:hover img, a:focus  img{filter: alpha(opacity=80); opacity:0.8; }
#content p {line-height:1.8em; margin:1.2em 0;}
h1 {font-size:2.8em; color:#000; clear:both; padding:10px 0px 20px 0px; font-weight:normal;}
h2  {font-size:1.4em; background:#00C4F4 url(../images/h2_bg.png) no-repeat center bottom; background-size:100% auto;  color:#fff; padding:10px 20px ; margin-bottom:20px; font-weight:normal;}
h2>a {  font-size:1.2em; }
h2 img, h3 img { vertical-align:middle; float:right}
h3 {font-size:1.3em; color:#00C4F4; margin:20px 0; font-weight:bold;}
h4 {font-size:1.3em; font-weight:bold; color:#333;}
h6 {font-size:1.3em; color:#333; clear:both; background-color:#eee; padding:10px 15px; margin-bottom:1px;  transition: all 0.5s ease}
h6:hover { background-color:#00C4F4; color:#fff;  cursor:pointer;}
h6:hover i {color:#fff !important;}
hr {display:none;}
.clear { clear: both; }
.hidden { display: none; }
blockquote { margin:20px 40px; color:#00C4F4; font-family: Georgia;}
blockquote p { font-size: 1.2em; font-style: italic; line-height:1.2em; }
blockquote:before, blockquote:after {content: "\201C"; display: block;font-size:  6.0em;height: 1px; margin-left: -0.55em;position: relative; top:-20px}
blockquote:after {content: "\201D"; float: right;margin-left: auto;margin-right: -0.35em; position: relative; bottom:50px; top:auto;}

/** LAYOUT **/
#site_wrapper{max-width:1240px; width:99%; margin:0 auto; text-align:left; background-color:#fff; box-shadow:0 0 10px #333;}
.row {display:table; width:100%;}
.row>div{ display:table-cell; vertical-align:middle}
.wrapper { position:relative;}
header { width:100%; background:url(../images/header_bg.png) no-repeat center 20px; background-size:100% auto; }
#contact_info {position:absolute; right:10px; top:10px; width:80%;}
#logo{ text-align:left; width:30%; }
	#logo img{ width:100%; max-width:228px;  transition: all 0.5s ease}
nav { width:101%; background:#00C4F4  url(../images/h2_bg.png) no-repeat center bottom; background-size:100% auto;  box-shadow:0 5px 5px #444; z-index:10000; position:relative; margin-left:-0.5%;}
	#mobmenubtn { display:none;  background:url(../icons/menuicon.png) no-repeat center top; width:38px; height:43px; cursor:pointer;  font-size:0px; float:right; margin-top:-70px; margin-right:10px; transition: all 0.5s ease}
	#mobmenubtn.open {background-position:center bottom;}
#mainbanner .gallery-cycle{ border-width:0px !important;  padding: 0px !important;}
#breadcrumbs { padding:10px 0; font-size:0.8em; text-align:center;}
#content .wrapper {padding:1%;}
aside { width:200px; float:right; text-align:left; min-height:300px;}
	aside h3{margin:10px 0; }
article{ width:calc(100% - 220px); padding-right:10px; float:left; text-align:left; border-right: 1px solid #ddd; }
.full article { width:100%; float:none; border-right-width:0;}
.full aside { display:none;}
	article ul, article ol, article li { padding:3px 0 3px 10px; margin:3px 0 3px 10px; }
	article ul li { list-style-image:url(../images/bullet.png);}
#content .fa { color:#00C4F4;}	
#budge { background:#00C4F4 url(../images/h2_bg.png) no-repeat center bottom; background-size:100% auto; width:101%; margin-left:-0.5%; box-shadow:0 5px 5px #444; z-index:10;}
#budge .wrapper { color:#fff; font-size:1.4em; text-align:center; padding:15px 2%; width:98%; text-shadow:1px 1px 0 #666;}	
#budge .button{ background-color:#00C4F4; border:1px solid #fff;}
#budge .button:hover{ background-color:#2ac}
footer {position:relative;  min-height:210px; background-color:#333333; color:#ccc}
footer .wrapper { padding-top:20px;  }	
	footer a{  color:#fff;}
	footer h3{  color:#fff; text-align:center;}
	footer ul, footer ol, footer li { padding:3px 0 3px 10px; margin:3px 0 3px 10px; }
	footer ul li { list-style-image:url(../images/bullet.png);}
	#copy { font-size:0.8em; text-align:center; padding:20px 0;}
	#copy a{ color:#00C4F4;}
	#social { text-align:center; padding:20px 0;}
	#social a{ margin:0 10px;}
	#social a:hover{filter: alpha(opacity=80); opacity:0.8;}
#totop{ position:fixed; bottom:40px; right:10px; background:#00C4F4 url(../icons/top.png) no-repeat center center; width:50px; height:50px; display:block; font-size:0em; filter: alpha(opacity=50); opacity:0.5; border-radius:1000px; z-index:100}
#totop:hover {filter: alpha(opacity=100); opacity:1.0;}
.cols3>div { width:31%; float:left; margin:1%;}
.cols2>div { width:48%; float:left; margin:1%;}
.cols2>div p img:first-child, .cols3>div p img:first-child { }

/** NAV **/
.simplenav { list-style:none;}
.simplenav li {display:inline-block; border-right:1px solid #ccc;}
.simplenav li:last-child {border-right-width:0px}
.simplenav li a {display:block; padding:2px 10px;}
.simplenav li a:link, .simplenav li a:visited { text-decoration:none;}
.simplenav li a:hover, .simplenav li a:focus {text-decoration:underline;}
.simplenav li.current a , .simplenav li.currentpath a  {text-decoration:underline;}

#submenu li{ list-style-type:none; margin-bottom:1px}
#submenu>li>a {display:block; line-height:22px; padding:10px 16px; background: #f6f6f6 ; color:#333;}
#submenu>li>a:link, 
#submenu>li>a:visited { text-decoration:none;}
#submenu>li>a:hover, 
#submenu>li>a:focus,
#submenu>li.current>a , 
#submenu>li.currentpath>a  {text-decoration:none; background: #00C4F4 ; color:#fff;}
#submenu li ul  { margin-left:20px}
#submenu li ul li {list-style-image:url(../images/bullet.png);margin-left:10px}
#submenu li ul li a {padding:10px; display:block;}
#submenu li ul li a:hover, 
#submenu li ul li a:focus,
#submenu li ul li.current a , 
#submenu li ul li.currentpath a {color:#000;}



/** BLOG **/
.blog>div { width:49%; margin:0 0 1% 1%; float:left; border-top:1px solid #ddd;}
.blog>div:nth-child(1),.blog>div:nth-child(2) {border-top-width:0;}
.blog>div:nth-child(2n+1) { clear:left;}
.full .blog>div{width:32%;}
.full .blog>div:nth-child(2n+1) { clear:none;}
.full .blog>div:nth-child(3n+1) { clear:left;}
.pic  {text-align:center; position:relative; margin:0 auto; display:block}
.pic img{ width:100%;  margin-bottom:2px; max-width:360px;}
.blog>div .pic:hover a img {opacity:0.9;}
.date{position:absolute; right:-1%; top:10px; background-color:#fff; box-shadow:4px 4px 4px #000; padding-top:6px; z-index:10; font-weight:bold;  font-size:16px; text-align:center; border:2px solid #777; overflow:hidden;}
.date span{ display:block; padding:2px 10px; color:#fff; background-color:#777; color:#fff; font-size:11px; font-weight:bold;}
h1 .date { position:static; float:right; margin-left:10px; }
h1 .date * {text-shadow:0 0 0 transparent !important;}
.blog h3 { text-align:center;}
.blog .button{ margin:0 auto;}
.blog .subgal {background:#fc0 url(../icons/thumbs.png) no-repeat center center; border-radius:1000px; position:absolute; box-shadow:3px 3px 3px #000; right:10px; bottom:10px; width:46px; height:46px; cursor:pointer}
.blog .subgal span {color:#000; font-size:10px; position:absolute; font-weight:bold; right:7px; bottom:11px; width:20px; text-align:center;}
.pagination { clear: both; display: block; height: 50px;}
.pagination .prev, .pagination .next { background-color: #eee; display: inline-block; float: right; padding: 2%;}
.pagination .prev {float: left;}
.pagination a {background-color: #00C4F4 !important; color: #fff !important;}
.pagination a:hover {background-color: #a00 !important; text-decoration:none;}

/** CONTACT FORM **/
.p01-contact input, .p01-contact select, .p01-contact textarea {  color:#555; font-family:Arial; background-color:#eee; padding:5px; margin-left:10px; border:1px solid #ccc;} 
.p01-contact textarea { width:50%;}
.p01-contact .field  { clear:both; margin:6px 0px;}
.p01-contact .label { max-width:130px; width:30%; float:left;  text-align:right;}
.p01-contact .label label span{ display:block;clear:both;}
.p01-contact #captchaimg {text-align:center; padding:10px;} 
.p01-contact .submit { background-color:#444; color:#fff; font-weight:bold; padding:10px 15px; border:0px;}

/** MISC **/
.button { background-color:#333; padding:12px 15px; color:#fff; white-space:nowrap;}
.button:hover { background-color:#111; text-decoration:none;}
#contact_info .button {padding:7px;}
.subcats { margin:10px 0px 10px 0px !important; padding:0px 0px 0px 0px !important;}
.subcats li { list-style-type:none; list-style-image:none !important; float:left; width:32%; margin:0px 1% 1% 0px !important; padding:0px 0px 0px 0px !important;}
.subcats li a { padding:10px 2% 10px 2%; display:block;  background-color:#27A7DF ; border-radius:3px;  text-align:center; color:#fff;}
.subcats li a:hover{ text-decoration:none; background-color:#00C4F4;}
.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%;}
#gmap{ width:100%; background-color:#fff;  height:470px;  }
.gallery-cycle {  border-width:0px !important; border-bottom:4px solid #00C4F4 !important; margin:0 !important; padding:0 !important;  width:100% !important;  } 
.gallery-cycle .gallery-container ,
.gallery-cycle .gallery-container .gallery-slide{ overflow:hidden; width:100% !important; height:100% !important; }
.gallery-cycle .gallery-image { width:100% !important;  height:100% !important; display:block !important;}
.gallery-cycle .gallery-image img {width:100% !important;}
.gallery-cycle .gallery-text { bottom:auto !important; top:5%; left:5%; display:inline-block; text-align:left; width:50% !important; }
.cols2 .gallery-cycle .gallery-text {bottom:0 !important; top:auto !important;  left:auto !important; display:block; text-align:center; width:100% !important; background-color:rgba(0,0,0,0.7); padding:10px; position:absolute; height:auto !important;}
.gallery-cycle .gallery-text h2 {  padding:0; margin:0; font-weight:800; font-size:3em; color:#000; background: transparent none; text-shadow:2px 2px 0px #fff;}
.cols2 .gallery-cycle .gallery-text h2 { font-size:1.2em; font-weight:normal; color:#fff; text-shadow:0 0 0 transparent; 	}
.gallery-cycle .gallery-text p {   color:#000; font-size:1.8em; text-shadow:1px 1px 0px #fff; line-height:1.5em; margin:20px 0;}
.gallery-cycle .gallery-text p .button {font-size:0.7em; background-color:#00C4F4; text-shadow:none}
.gallery-cycle  .gallery-control { width:100% !important;  text-align:center; padding:0 0 0 0 !important; top:0; bottom:auto !important;}
.gallery-cycle  .gallery-control a { display:inline-block !important; float:none !important;}
#fancybox-overlay { background-color:#000 !important}
.gallery-fancybox .gallery-thumb { width:23% !important;  margin:1% !important; padding:0 !important;border-width:0px !important;  background-color:#fff; box-shadow:0px 10px 10px rgba(0,0,0,0.4); }
.gallery-fancybox .gallery-thumb:nth-child(4n+1) {clear:left;}
/*.gallery-fancybox .gallery-thumb:hover { box-shadow:0px 10px 10px #777; }*/
.gallery-fancybox .gallery-thumb a { display:block !important; height:auto !important;}
.gallery-fancybox .gallery-thumb img { width:100% !important;}
.pros { background: #efe url(../icons/add.png) no-repeat 10px 10px; padding-left:40px;}
.cons { background: #fee url(../icons/minus.png) no-repeat 10px 10px; padding-left:40px;}
.niceTbl td{ border-bottom:1px solid #ddd;}

@media only screen and (max-width: 1024px) {
	.gallery-cycle .gallery-text h2 {  font-size:2em; }
	.gallery-cycle .gallery-text p {    font-size:1.4em;}
	.gallery-cycle .gallery-text .button {font-size:0.7em; }
}
	
@media only screen and (max-width: 801px) {
	body {background-image:none !important;}
	#mainbanner, #gmap {margin-top:0;}
	.gallery-cycle { margin:0 auto !important; }
	.gallery-cycle .gallery-text h2  {font-size:2em;}
	.gallery-cycle .gallery-text p  {font-size:1.3em;}
	header {border-bottom-width:0; height:auto; min-height:90px; position:static;}
	#contact_info {display:none;}
	#logo { width:100%}
	#logo img{ width:70%;  max-width:228px}
	#mobmenubtn { display:block;}	
	#content {margin-top:0;}
	.full article, article, aside { margin:0 auto; width:98%; border-width:0; padding:0 0 0 0; float:none; min-height:0;}
	.cols3>div{ width:auto; float:none; margin:5px 0;}
	header .row>div {display:block;}
	#site_wrapper {width:100%;}
	nav,#budge { margin:0px; width:100%;}
	
}

@media only screen and (max-width: 641px) {
	.cols2>div , .blog>div, .full .blog>div{ width:auto; float:none; margin:40px 0;}
	.gallery-cycle .gallery-text h2  {font-size:1.3em;}
	.gallery-cycle .gallery-text p  {font-size: 0em;  margin: 10px;}
	#content{ background-image:none; padding-bottom:10px; }
	.gallery-fancybox .gallery-thumb { width:48% !important;}
	.gallery-fancybox .gallery-thumb:nth-child(2n+1) {clear:left;}
	h1 {font-size:1.5em}
	h2 {font-size:1.2em}
	h3 {font-size:1.1em}
	.niceTbl td {display:block; border-bottom-width:0;}
	.niceTbl td:last-child{ border-bottom:1px solid #ccc;}
	.p01-contact .label  {float:none; text-align:left;}
	.p01-contact input, .p01-contact select, .p01-contact textarea {width:98%; padding:5px 1%; margin:0 auto; }
}