@import"../css/reset.css";
@import"../css/bootstrap.css";
@import"../css/bootstrap-responsive.css";
@import"../css/superfish.css";
@import"../css/slider.css";
@import"../css/forms.css";
@import"../css/prettyPhoto.css";
body{background:#6699CC;font:12px/18px Arial, Helvetica, sans-serif;color:#454545;position:relative;min-width:310px;}
html,body{height:100%;}
/*p{padding-bottom:18px}*/
a{color:#036991;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*sup { font-size:.6em }*/
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#003366;font-weight:normal; font-weight:400; font-family:'Lato', sans-serif;}
h1{font-size:38px;}
h2{font-size:26px; margin-bottom: 5px}
h3{font-size:24px;} 
h4{font-size:22px;}  
h5{font-size:20px;text-transform:uppercase; font-weight:700;}
h6{font-size:18px; margin-bottom:5px; text-transform: none}
/* Global Structure---------------------------------------- */
.bg-header{ width:100%; background:#003366; position:relative; z-index:99; }
.bg-login { line-height:30px; text-align:right; width: 940px; margin: 0 auto; color: #fff; }
.bg-login a { color: #fff }
.bg { width:100%; position:relative; overflow:hidden; z-index:1; }
.container { padding: 0 15px; background: #fff }
.bg-header .container { padding: 15px 15px 1px }
.bg .container { padding: 2px 15px 41px; }
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#036991;}
.title2{ font:11px/18px Arial, Helvetica, sans-serif; color:#777e83; text-transform:uppercase;}
.title-2{ color:#003366; font:400 16px/24px 'Lato', sans-serif;}
	.title-2 a{color:#003366;}
	.title-2 a span{ display:block;}
	.title-2 a:hover{color:#036991; text-decoration:none;}
/*********************************header*************************************/
header{position:relative;z-index:99;padding:15px 15px 1px 15px; background:#fff; max-width:940px; display:block; margin:0 auto;}
.marg{width:100%; text-align:center;}
.logo{ float:left;}
.logo a{ position:relative;text-align:left;padding:14px 0 0 0; display:block; background:#003366; border-bottom:3px solid #102f4e;min-width:240px;height:100px;}
.logo img{ max-width:100%; height:auto; margin-left:42px;}
/********************** Content ************************/
#content{overflow:hidden; position:relative; z-index:1; text-align:left;}
.padcontent{padding:3px 0 15px 0;}
.padcontent2{padding:22px 0 15px 0;}
.padcontent3{padding:52px 0 44px 0;}
.list1{ padding:15px 0 22px 0; list-style: none outside none; margin: 0 }
	.list1 li{ padding:5px 0 7px 15px; background:url(../images/marker.png) 0 11px no-repeat;}
	.list1 li a{color:#036991;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.list1 li a:hover{color:#000; text-decoration:none;}
.col1{ width:235px; float:left; text-align:left;font:12px/18px Arial, Helvetica, sans-serif;}
	.col1 a.text{color:#fff; display:block; position:relative; overflow:hidden; padding:38px 20px 42px 17px;}
.title{ font:400 20px/24px 'Lato', sans-serif; letter-spacing:-1px; position:relative; z-index:3;}
	.title span{ display:block; text-transform:uppercase; font-size:24px; font-weight:700; margin-top:-2px; letter-spacing:normal;}
.bgcolor4 .title span{ font-size:20px;}
.col1 p{ padding:10px 0 0 2px; position:relative; z-index:3;}
.col1 a.text .mask{ width:235px; height:172px; overflow:hidden; position:absolute; top:0; left:0; z-index:2; opacity:0;
	transform: translate(0, 172px) rotate(-80deg);
	-webkit-transform: translate(0, 172px) rotate(-80deg);
	-moz-transform: translate(0, 172px) rotate(-80deg);
	-o-transform: translate(0, 172px) rotate(-80deg);
	transition: all 0.2s 0.4s ease-in-out;
	-webkit-transition: all 0.2s 0.4s ease-in-out;
	-moz-transition: all 0.2s 0.4s ease-in-out;
	-o-transition: all 0.2s 0.4s ease-in-out;}
.bgcolor1{ background:#03668e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#036a91), to(#035a7f));
	background: -webkit-linear-gradient(#036a91, #035a7f);
	background: -moz-linear-gradient(#036a91, #035a7f);
	background: -ms-linear-gradient(#036a91, #035a7f);
	background: -o-linear-gradient(#036a91, #035a7f);
	background: linear-gradient(#036a91, #035a7f);
	-pie-background: linear-gradient(#036a91, #035a7f);
	border-bottom:3px solid #012f50;}
.bgcolor2{ background:#ffb216; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#faaa0a), to(#f7a501));
	background: -webkit-linear-gradient(#faaa0a, #f7a501);
	background: -moz-linear-gradient(#faaa0a, #f7a501);
	background: -ms-linear-gradient(#faaa0a, #f7a501);
	background: -o-linear-gradient(#faaa0a, #f7a501);
	background: linear-gradient(#faaa0a, #f7a501);
	-pie-background: linear-gradient(#faaa0a, #f7a501);
	border-bottom:3px solid #ff8e0d;}
.bgcolor3{ background:#5b6465; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4e5f61), to(#435759));
	background: -webkit-linear-gradient(#4e5f61, #435759);
	background: -moz-linear-gradient(#4e5f61, #435759);
	background: -ms-linear-gradient(#4e5f61, #435759);
	background: -o-linear-gradient(#4e5f61, #435759);
	background: linear-gradient(#4e5f61, #435759);
	-pie-background: linear-gradient(#4e5f61, #435759);
	border-bottom:3px solid #323637;}
.bgcolor4{ background:#268c26; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#268c26), to(#2d8f2d));
	background: -webkit-linear-gradient(#268c26, #2d8f2d);
	background: -moz-linear-gradient(#268c26, #2d8f2d);
	background: -ms-linear-gradient(#268c26, #2d8f2d);
	background: -o-linear-gradient(#268c26, #2d8f2d);
	background: linear-gradient(#268c26, #2d8f2d);
	-pie-background: linear-gradient(#268c26, #2d8f2d);
	border-bottom:3px solid #2b6e2b;}
.col1.bgcolor1 .mask{ background:#012f50;}
.col1.bgcolor2 .mask{ background:#ff8e0d;}
.col1.bgcolor3 .mask{ background:#0b0c12;}
.col1.bgcolor4 .mask{ background:#ac1307;}
.col1 a.text:hover{ text-decoration:none;}
.col1 a.text:hover .mask{ opacity:.7; 
	transition-delay: 0s; 
	-webkit-transition-delay: 0s; 
	-moz-transition-delay: 0s; 
	-o-transition-delay: 0s; 
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);}
.col2{ float:left; width: 220px; margin:0 10px;}
.col2.col3{width:300px;}
.quotes{ background:#e8eef6; position:relative; padding:13px 20px 14px; margin-top:5px;}
	.quotes span{ display:block; background: url(../images/quotes.png) 100% 0 no-repeat; width:23px; height:11px; position:absolute; bottom:-11px; left:46%;}
blockquote{ font:400 16px/24px 'Lato', sans-serif; color:#003366;}
.quotes-link{ text-align:center; padding:27px 0 0 0;}
.box2 img{ float:left; margin:6px 11px 0 0;}
	.box2 img.imgindent2{  margin:6px 6px 0 0;}
	.box2 p{ padding-bottom:25px;}
.box-product{ background:#e8eef6; padding:20px 20px 12px 20px;border-bottom:3px solid #e8eef6;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.box-product .lightbox-image{ display:block;}
.box-product .title-2{ padding:13px 0 3px 0;}
.box-product .title-2 a{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.box-product .title-2 a:hover{ text-decoration:underline;}
	.box-product:hover{ background:#d2371c; color:#fff;border-bottom:3px solid #ac1308;}
	.box-product:hover .title-2 a{color:#fff;}
.map{ float:left; margin:5px 21px 0 0;}
	.map iframe{ width:430px; height:317px;}
.contacts{ display:block; overflow:hidden; font-style:normal;}
	.contacts span{ display:inline-block; width:58px;}
/* Elastislide Style */
.es-carousel-wrapper{background: #e8eef6;padding:30px 30px 25px;position:relative; margin:5px 0 0 0; z-index:99}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none;}
.es-carousel ul li{height:100%;float:left;display:block;}
.es-carousel ul li a.button1{ margin-top:20px; display:inline-block;}
.es-carousel ul li a.lightbox-image{ display:inline;}
.es-carousel ul li span{ display:block;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; top:-49px; line-height:0; font-size:0; width:19px; text-indent:-5000px; height:19px; z-index:99; cursor:pointer; background-position:0 0;}
.es-nav span.es-nav-next{right:0px; background-image:url(../images/carousel-arrow.png);}
.es-nav span.es-nav-prev{right:24px; background-image:url(../images/carousel-arrow2.png);}
.es-nav span:hover{background-position:0 -19px;}
.dropcap{ display:block; float:left; text-transform:uppercase; font:400 60px/1.2em 'Lato', sans-serif; color:#fff; width:76px; height:76px; text-align:center; border-radius:40px; margin:8px 19px 9px 1px;}
	.dropcap span{ display:block; margin-top:-2px;}
.bgcolor2-1{ background:#03688f;}
.bgcolor2-2{ background:#faaa0a;}
.bgcolor2-3{ background:#003366;}
.bgcolor2-4{ background:#d1371b;}
/*  Buttons */
a.button{display:inline-block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; font:12px/20px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/button.png) 0 0 repeat-x; padding:2px 9px 3px 11px; border-radius:5px;}
a.button span{ background:url(../images/button-arrow.png) 0 0 no-repeat; width:5px; height:8px; display:inline-block; margin:7px 0 0 18px;}
a.button:hover{ text-decoration:none; background:url(../images/button.png) 0 -25px repeat-x;}
.button1{ text-transform:uppercase; color:#777e83;}
/******************** Footer ******************/
#footer{width:100%;position:relative;overflow:hidden; font:11px/20px Arial, Helvetica, sans-serif; color:#4e4e4e;}
	#footer p { font:11px/20px Arial, Helvetica, sans-serif; }
	#footer .container { background: none; padding:44px 0 50px; }
	#footer .row{ }
#footer a{color:#4E4E4E; text-decoration: underline;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
#footer a:hover{color:#000; text-decoration: none}
#footer h1{ padding:6px 0 15px 0;}
	#footer h1 a{ display:block; background: url(../images/logo-footer.png) 0 0 no-repeat; width:130px; height:61px; text-indent:-5000px;}
.copyright{color:#4e4e4e; margin-top:-5px;}
#snlinks{ position:relative; padding:5px 0 0 0; margin: 0}
	#snlinks li{ display:inline-block; width:102px; padding-bottom:10px; padding-left:1px;}
	#snlinks li a{ color:#4e4e4e;}
	#snlinks li strong{ display:inline-block; position:relative; margin:1px 11px 0 0; width:16px; height:16px;}
	#snlinks li strong img{ position:relative; z-index:2;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
	#snlinks li strong span{ position:absolute; top:0; z-index:1; left:0; right:0; bottom:0;}
	#snlinks li a:hover{ color:#036991; text-decoration:none;} 
	#snlinks li a:hover img{-webkit-transform: rotate(360deg) scale(1.2);-moz-transform: rotate(360deg) scale(1.2);-o-ttransform: rotate(360deg) scale(1.2);transform: rotate(360deg) scale(1.2);}
/* padding */
.padtop{ padding:44px 0 0 0;}
.padtop2{ padding-top:52px;}
.padtop3{ padding-top:39px;}
.padtop62{ padding-top:32px;}
.padtop6{ padding-top:26px;}
.padtop5{ padding-top:21px;}
.padtop52{ padding-top:20px;}
.padtop7{ padding-top:17px;}
.padtop4{ padding-top:13px;}
.padbot4{ padding-bottom:20px;}
.padbot{ padding-bottom:21px;}
.padbot2{ padding-bottom:23px;}
.padbot32{ padding-bottom:7px;}
.padbot3{ padding-bottom:28px;}
.padbot00{ padding-bottom:0 !important;}
.z1{ position:relative; z-index:2}
.z2{ position:relative; z-index:3;}
.imgindent{ float:left; margin:5px 21px 0 0;}
/* Lightbox image */
.lightbox-image{display:inline-block;position:relative;}
.lightbox-image img{position:relative;z-index:2; max-width:100%; height:auto;}
.lightbox-image span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/magnify.png) 50% 50% no-repeat #fff;}

/* Project specifics =========================================================== */
/* general */
ul.inline-list { list-style: none; }
ul.inline-list li { display: inline-block; *display: inline; /* IE7 inline-block hack */ }
.no-margin { margin: 0; }

.popup { margin: 0; padding: 0; background: #fff }

label.required  { font-weight: bold }
div.errormsg { margin:5px auto; background: #FFDDDD url(http://www.cbhearthside.com/art/error.gif) 5px no-repeat; padding:5px 0 5px 30px; width: 250px; border: solid 2px #B94A48; }
.form-actions { border-top: none; background: none }

div#idx-disclaimer { margin-top: 1.5em; }
div#idx-disclaimer p { font-size: .8em }


.pagination-centered { text-align:center !important }
.pagination-right { text-align:right !important }


@media only screen and (max-width: 767px) {
	table#search-filter { border-bottom:2px solid #369 }
	.smallsize { display: table-row; line-height: 2em }
	.fullsize { display: none }
	td.photo { width: 96px; }
	td.photo img { width: 90px; height: auto }
	tr.hidden-phone { display: none }
	tr.visible-phone { display: table-row !important }

	.listing-phone h4 { font-size: 1.4em; padding: 5px 0 }
	.listing-phone h6 { font-size: 1.2em; padding: 5px 0 3px }
	.listing-phone .nav-pills > li > a { padding-bottom: 6px; padding-top: 6px; }
	.listing-phone .nav-tabs > li > a, .nav-pills > li > a { padding-left: 8px; padding-right: 8px; }
}
@media only screen and (max-width: 479px) {
	span#countsep { display: none }
}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.logo a{min-width:179px;text-align:center;}
	.logo a img{ margin:0;}
	.bg-login, .bg-header .container, .bg .container, .footer .container{ width:724px;}
	.col1{ width:181px !important;}
	.col1 a.text .mask{ width:187px; height:190px;}
	.title,.title span{ font-size:18px !important;}
	.col2{ width: 172px !important;}
	.col2.col3{ width:236px !important;}
	.copyright{margin-top:-40px !important;}
	#snlinks li{width:80px;}
	.bg-header .container{padding:10px 10px 1px 10px;}
	.bg .container{padding:2px 10px 0 10px;}
	.bg #footer { padding-left: 10px; padding-right: 10px }
	.indent{ overflow:auto; float:left;}
	.dropcap{margin:8px 5px 9px 1px;}
	.map{ margin-right:15px;}
	.map iframe{ width:330px; height:260px;}
}
@media only screen and (max-width: 767px) {
	body { padding: 0 }
	#footer h1{ display:none;}
	.logo{ float:none;}
	.logo a{ position:relative;text-align:center;}
	.logo a img{ margin:0;}
	.col1{ width:260px !important;}
	.col1 a.text{padding:18px 20px 15px 17px;}
	.col1 a.text .mask{ width:260px; height:172px;}
	.col2{ width:260px !important; margin:0;}
	.col2.col3.space{ margin-right:20px;}
	.copyright{margin-top:0px !important; padding-top:15px;}
	#snlinks li{padding-left:0;padding-bottom:5px;}
	#snlinks{ position:relative; padding:10px 0 0 0;}
	.es-carousel ul li a.button1,.es-carousel ul li span{ display:none;}
	.imgindent{ float:none; margin:5px 0 20px 0;}
	.imgindent img{ width:300px;}
	.padbot0{ padding-bottom:0 !important;}
	.title-2 a span{ display:inline;}
	.title-2{ padding:30px 0 0 0;}
	.col4{ width:200px !important; float:left;}
	.box-product .lightbox-image img{ width:220px}
	.map{ margin:0; float:none;}
	.map iframe{ width:260px; height:160px;}
	.col5{ float:left; margin-right:30px;}
	.contacts{ padding-top:20px; padding-bottom:20px;}
	.bg-login, .bg-header .container, .bg .container, #footer .container{ width:260px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.col1{ width:420px !important;}
	.col1 a.text{padding:25px 20px 22px 17px;}
	.col1 a.text .mask{ width:420px; height:154px;}
	.col2{ width:200px !important;}
	.imgindent img{ width:420px;}
	.box-product .lightbox-image img{ width:380px}
	.map iframe{ width:420px; height:160px;}
	.bg-login, .bg-header .container, .bg .container, #footer .container{ width:420px;}
}
/* Pour some CSS below ========================================================= */
#map_canvas img{max-width:none}