/* Table of Contents:
1. Base 1200 Grid
2. Clearing
*/



/*==========================================================================
1. Base 1200 Grid
===========================================================================*/

.container-12 {
position: relative;
width: 1200px;
margin: 0 auto;
padding: 0;
}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
float: left;
display: inline;
margin-left: 15px;
margin-right: 15px;
}


/* Nested Column Classes
===========================================================================*/

.container-12 .alpha {margin-left: 0;}
.container-12 .omega {margin-right: 0;}

.container-12 .grid-1 {width: 70px;}
.container-12 .grid-2 {width: 170px;}
.container-12 .grid-3 {width: 270px;}
.container-12 .grid-4 {width: 370px;}
.container-12 .grid-5 {width: 470px;}
.container-12 .grid-6 {width: 570px;}
.container-12 .grid-7 {width: 670px;}
.container-12 .grid-8 {width: 770px;}
.container-12 .grid-9 {width: 870px;}
.container-12 .grid-10 {width: 970px;}
.container-12 .grid-11 {width: 1070px;}
.container-12 .grid-12 {width: 1170px;}


/* Prefix Styles
===========================================================================*/

.container-12 .prefix-1 {padding-left: 100px;}
.container-12 .prefix-2 {padding-left: 200px;}
.container-12 .prefix-3 {padding-left: 300px;}
.container-12 .prefix-4 {padding-left: 400px;}
.container-12 .prefix-5 {padding-left: 500px;}
.container-12 .prefix-6 {padding-left: 600px;}
.container-12 .prefix-7 {padding-left: 700px;}
.container-12 .prefix-8 {padding-left: 800px;}
.container-12 .prefix-9 {padding-left: 900px;}
.container-12 .prefix-10 {padding-left: 1000px;}
.container-12 .prefix-11 {padding-left: 1100px;}


/* Suffix Styles
===========================================================================*/

.container-12 .suffix-1 {padding-right: 100px;}
.container-12 .suffix-2 {padding-right: 200px;}
.container-12 .suffix-3 {padding-right: 300px;}
.container-12 .suffix-4 {padding-right: 400px;}
.container-12 .suffix-5 {padding-right: 500px;}
.container-12 .suffix-6 {padding-right: 600px;}
.container-12 .suffix-7 {padding-right: 700px;}
.container-12 .suffix-8 {padding-right: 800px;}
.container-12 .suffix-9 {padding-right: 900px;}
.container-12 .suffix-10 {padding-right: 1000px;}
.container-12 .suffix-11 {padding-right: 1100px;}



/*==========================================================================
2. Clearing
===========================================================================*/

/* Self Clearing Goodness */
.container-12:after {
clear: both;
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
.row:after,
.clearfix:after {
clear: both;
}
.row,
.clearfix {
zoom: 1;
}

/* You can also use a <br class="clear"> to clear columns */
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}

.view-content:after	 {
clear: both;
content: '';
display: block;
width: 100%;
}









h1 {
word-wrap:break-word;
color:#222;
font-size: 28px;
font-weight:normal;
text-transform:uppercase;
margin-bottom:15px;
padding:0;
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/dot.png");
background-origin: padding-box;
background-position: 0 50%;
background-repeat: repeat-x;
background-size: auto auto;
font-family: Lato;
text-align: center;	
}
h1 .title{
background-attachment: scroll;
background-clip: border-box;
background-color: #fff;
background-image: url("../images/bkg.png");
background-origin: padding-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto auto;
display: inline-block !important;
font-size: 28px;
padding-bottom: 30px !important;
padding-left: 30px !important;
padding-right: 30px !important;
padding-top: 30px !important;
}
h2 {
word-wrap:break-word;
color:#222;
font-size: 24px;
font-weight:normal;
text-transform:uppercase;
margin-bottom:15px;
padding:0;
background-color: rgba(0, 0, 0, 0);
background-image: url("../images/dot.png");
background-origin: padding-box;
background-position: 0 50%;
background-repeat: repeat-x;
background-size: auto auto;
font-family: Lato;
text-align: center;	
}
h2 .title{
background-attachment: scroll;
background-clip: border-box;
background-color: #fff;
background-image: url("../images/bkg.png");
background-origin: padding-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto auto;
display: inline-block !important;
font-size: 24px;
padding-bottom: 30px !important;
padding-left: 30px !important;
padding-right: 30px !important;
padding-top: 30px !important;
}
h3 {
color:#222;
font-family: Lato;
text-align: center;	
font-size:24px;
margin-bottom:20px;
}
h4 {
color:#222;
font-size:24px;
margin-bottom:10px;
}
h5 {
color:#222;
text-transform:uppercase;
font-size:28px;
margin-bottom:10px;
}
h6 {
color:#222;
font-size:22px;
margin-bottom:0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:inherit;
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color:#e71c37;
text-decoration:none;
}
a {
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
color:#e71c37;
text-decoration:none;
}
a:hover {
color:#424242;
text-decoration:none;
}

img {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:auto;
max-width:100%;
width:auto;
}

p { margin-bottom:22px; }
table { margin-bottom:0; }
table tr.odd, table tr.even { border:none; }
table tr.odd { background:transparent; }
table tr.even { background:#f1f1f1; }
table th {
background:#f1f1f1;
border:none;
color:#e71c37;
font-size:14px;
padding:5px;
}
table th a { color:inherit; }
table th a:hover {
color:#e71c37;
text-decoration:none;
}
table td { padding:5px; }
.extra-wrap { overflow:hidden; }
.wrapper {
overflow:hidden;
position:relative;
width:100%;
}
.clearfix { position:relative; }
.clearfix:after {
clear:both;
content:'\0020';
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
}
.fclear { clear:both; }
.separator {
clear:both;
height:40px;
}
.separator-top {
border-top:0;
clear:both;
margin-top:50px;
padding-top:0;
}
.separator-bottom {
border-bottom:0;
margin-bottom:50px;
padding-bottom:0;
}
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.img-indent { margin-bottom:35px; }
.img-left {
float:left;
margin:0 30px 0 0;
max-width:35%;
}
.indent-1 { padding:0 100px; }
.region-header-top:after, .region-header:after, .region-menu:after, .region-header-bottom:after, .region-content-top:after, .region-content:after, .region-content-two:after, .region-content-bottom:after, .region-footer-top:after, .region-footer:after {
clear:both;
content:'';
display:block;
width:100%;
overflow:hidden;
}

img::selection, img::-moz-selection { background:transparent; }








body {
-webkit-tap-highlight-color:#e71c37;
color:#555;
font-size:14px;
font-family: sans-serif;
line-height:22px;
min-width:1250px;
position:relative;
}

#header {
background:#fff;
position:relative;
width:100%;
margin-bottom: 22px;
overflow:hidden;
}
.stickup {
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
transition:all 0.4s ease;
z-index:9999;
position:fixed;
top:0px;
width:100%;

background:none;
}
.header-section-1 {

}
.header-section-1 .col1 {
position:relative;
z-index:11;
float:left;
}
.header-section-1 .colcont{
position:relative;
z-index:11;
float:right;
width:150px;
text-align:right;
margin:5px 30px 0 10px;
}
.header-section-1 .colcont span{
margin:0;
padding:2px 0 0;
color:#fff;
font-size:15px;
font-family:verdana;
font-style:italic;
display:block;
}
.header-section-1 .colcont2{
display:none;
}
.header-section-1 .col2 {
background:#86191c;
height:56px;
padding:0 150px 0 380px;
position:relative;
z-index:10;
}
.header-section-1 .col2:after {
clear:both;
content:'\0020';
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
}
.stickup .col2 { box-shadow:0 1px 3px rgba(0,0,0,0.2); }
#logo a{
display:block;
height:56px;
width:311px;
}
.isStuck {
left:0;
right:0;
top:0;
}

.select-menu { display:none !important; }
#mainmenu {
background:none;
margin-bottom:0;
padding:0;
width:auto;
z-index:101;
position:relative;
list-style:none;
}
#mainmenu:after {
clear:both;
content:'\0020';
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
}
#mainmenu > li {
background:none;
border:0;
margin:0 0 0 50px;
overflow:inherit;
padding:0;
text-transform:uppercase;
}
#mainmenu > li > a {
padding:16px 0;
color:#fefefe;
text-decoration:none;
position:relative;
}
#mainmenu > li > a .sf-sub-indicator {
background:none;
display:none;
font:inherit;
height:auto;
margin-left:5px;
overflow:visible;
position:static;
text-indent:0;
width:auto;
}
#mainmenu > li > a:after, #mainmenu > li > a:before {
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
transition:all 0.3s ease;
content:'';
display:inline-block;
height:0px;
position:absolute;
left:0;
right:0;
background:#fff;
}
#mainmenu > li > a:before { top:0; }
#mainmenu > li > a:after { bottom:0; }
#mainmenu > li > a:hover, #mainmenu > li.active-trail > a, #mainmenu > li.sfHover > a {
color:#fefefe;
text-decoration:none;
}
#mainmenu > li > a:hover:after, #mainmenu > li > a:hover:before, #mainmenu > li.active-trail > a:after, #mainmenu > li.active-trail > a:before, #mainmenu > li.sfHover > a:after, #mainmenu > li.sfHover > a:before { height:4px; }

.sf-menu ul li {
width: 100%;
}
.sf-menu li {
float: left;
position: relative;
z-index: 498;
}
.sf-menu a {
display: block;
position: relative;
}

.block-header{
text-align:center;
margin:0;padding:0;
}

.block-header img{margin:0;padding:0;}

.header_bottom_wrapper { padding:55px 0 20px; }


.mainblock{
margin:0 0 45px;
}

.mainblock .teaser .actions {
float: right;
visibility: hidden;
}
 
.mainblock .teaser:hover .actions {
visibility: visible;
}
 
.mainblock .teaser .actions a {
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
}
 
.edit-this {
background: url("../images/icons/edit.png") no-repeat center center;
}
 
.delete-this {
margin-right: 5px;
background: url("../images/icons/delete.png") no-repeat center center;
}



a[href^="tel:"] {
    text-decoration:none;
    color:inherit;
    cursor:default;
    }


.grid-12 ul.menu li{
display:inline-block;
margin-right:20px;
}

.main-wrapper{
margin:0 0 20px;
}

.content_bottom_wrapper {
	padding:25px 0 15px;
	background:#141414;
}
#address{
float:right;
}




.blueberry { margin: 0 auto; }
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
.blueberry  ul.slides{
margin:0;
padding:0;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 40px;
	text-align: center;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 4px;
	width: 4px;
}
.blueberry .pager li a {
	padding: 18px 8px;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
	border-radius: 6px;
}
.blueberry .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.blueberry .pager li.active a span { background: #404040; }











.switcher { display:none; }

/*==========================================================================
1. Tablet landscape
===========================================================================*/

@media (max-width: 1250px) {
	body { min-width:320px; }
	.switcher { display:inline-block; }
	#mainmenu > li { margin-left:20px; }
	.header-section-1 .col2 { padding:0 0 0 340px; }
	.quicktabs-wrapper > .quicktabs-style-nostyle { padding:0; }
	.view-motels .views-row .views-field-field-portfolio-image:after {
		opacity:1;
		background:rgba(0,0,0,0.6);
	}
	.view-motels .views-row .motel-caption {
		top:50%;
		left:50%;
		width:350px;
		margin:-100px 0 0 -175px;
	}
	.view-motels .views-row .motel-caption h3 { margin-bottom:15px; }
	.view-motels .views-row .motel-caption p { margin-bottom:15px; }
	.view-motels .views-row:nth-child(2n+1) .motel-caption {
		right:50%;
		margin:-100px -175px 0 0;
	}
	.container-12 {width: 960px;}

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12 {
		margin-left: 10px;
		margin-right: 10px;
	}

	.container-12 .grid-1 {width: 60px;}
	.container-12 .grid-2 {width: 140px;}
	.container-12 .grid-3 {width: 220px;}
	.container-12 .grid-4 {width: 300px;}
	.container-12 .grid-5 {width: 380px;}
	.container-12 .grid-6 {width: 460px;}
	.container-12 .grid-7 {width: 540px;}
	.container-12 .grid-8 {width: 620px;}
	.container-12 .grid-9 {width: 700px;}
	.container-12 .grid-10 {width: 780px;}
	.container-12 .grid-11 {width: 860px;}
	.container-12 .grid-12 {width: 940px;}


	/* Prefix Styles
	===========================================================================*/

	.container-12 .prefix-1 {padding-left: 80px;}
	.container-12 .prefix-2 {padding-left: 160px;}
	.container-12 .prefix-3 {padding-left: 240px;}
	.container-12 .prefix-4 {padding-left: 320px;}
	.container-12 .prefix-5 {padding-left: 400px;}
	.container-12 .prefix-6 {padding-left: 480px;}
	.container-12 .prefix-7 {padding-left: 560px;}
	.container-12 .prefix-8 {padding-left: 640px;}
	.container-12 .prefix-9 {padding-left: 720px;}
	.container-12 .prefix-10 {padding-left: 800px;}
	.container-12 .prefix-11 {padding-left: 880px;}


	/* Suffix Styles
	===========================================================================*/

	.container-12 .suffix-1 {padding-right: 80px;}
	.container-12 .suffix-2 {padding-right: 160px;}
	.container-12 .suffix-3 {padding-right: 240px;}
	.container-12 .suffix-4 {padding-right: 320px;}
	.container-12 .suffix-5 {padding-right: 400px;}
	.container-12 .suffix-6 {padding-right: 480px;}
	.container-12 .suffix-7 {padding-right: 560px;}
	.container-12 .suffix-8 {padding-right: 640px;}
	.container-12 .suffix-9 {padding-right: 720px;}
	.container-12 .suffix-10 {padding-right: 800px;}
	.container-12 .suffix-11 {padding-right: 880px;}
}




/*==========================================================================
2. Tablet portrait
===========================================================================*/
/* Note: Design for a width of 768px */

@media (max-width: 995px) {
	.content_list.tiled .tile { width:50%; float:left; margin-right: 0px; margin-bottom:20px; }
	.content_list.tiled .tile .photo { padding:0 2px; }
	.page-page-404 .panel-col-first { font-size:160px; }
	.stickup {
		box-shadow:none;
		position:static;
	}
.stickup .col2 { box-shadow:none; }	
.header-section-1{background-color:#86191c;}
.colcont{display:none;}	
.header-section-1 .colcont2{
display:block;
width:100%;
text-align:center;
}	
.header-section-1 .colcont2 span{
margin:0 20px;
padding:2px 0 0;
color:#fff;
font-size:15px;
font-family:verdana;
font-style:italic;
display:inline;
}	
	#backtotop { display:none !important; }
	.container-12 {width: 768px;}

	.container-12 .grid-1 {width: 44px;}
	.container-12 .grid-2 {width: 108px;}
	.container-12 .grid-3 {width: 172px;}
	.container-12 .grid-4 {width: 236px;}
	.container-12 .grid-5 {width: 300px;}
	.container-12 .grid-6 {width: 364px;}
	.container-12 .grid-7 {width: 428px;}
	.container-12 .grid-8 {width: 492px;}
	.container-12 .grid-9 {width: 556px;}
	.container-12 .grid-10 {width: 620px;}
	.container-12 .grid-11 {width: 684px;}
	.container-12 .grid-12 {width: 748px;}


	/* Prefix Styles
	===========================================================================*/

	.container-12 .prefix-1 {padding-left: 64px;}
	.container-12 .prefix-2 {padding-left: 128px;}
	.container-12 .prefix-3 {padding-left: 192px;}
	.container-12 .prefix-4 {padding-left: 256px;}
	.container-12 .prefix-5 {padding-left: 320px;}
	.container-12 .prefix-6 {padding-left: 384px;}
	.container-12 .prefix-7 {padding-left: 448px;}
	.container-12 .prefix-8 {padding-left: 512px;}
	.container-12 .prefix-9 {padding-left: 576px;}
	.container-12 .prefix-10 {padding-left: 640px;}
	.container-12 .prefix-11 {padding-left: 704px;}


	/* Suffix Styles
	===========================================================================*/

	.container-12 .suffix-1 {padding-right: 64px;}
	.container-12 .suffix-2 {padding-right: 128px;}
	.container-12 .suffix-3 {padding-right: 192px;}
	.container-12 .suffix-4 {padding-right: 256px;}
	.container-12 .suffix-5 {padding-right: 320px;}
	.container-12 .suffix-6 {padding-right: 384px;}
	.container-12 .suffix-7 {padding-right: 448px;}
	.container-12 .suffix-8 {padding-right: 512px;}
	.container-12 .suffix-9 {padding-right: 576px;}
	.container-12 .suffix-10 {padding-right: 640px;}
	.container-12 .suffix-11 {padding-right: 704px;}
}


/*==========================================================================
1. Mobile
===========================================================================*/
/* Note: Design for a width of 480px */

@media (max-width: 767px) {

h1 .title{font-size:20px;}
h2 .title{font-size:18px;}
.content_list.tiled .tile { width:50%; float:left; margin-right: 0px; margin-bottom:20px; }
.content_list.tiled .tile .photo { display: block; width:100%; height:120px; overflow:hidden; margin-bottom: 10px; position:relative; background:#bdc3c7; }
#header{
margin-bottom:0;
}

.stickup {
	box-shadow:none;
	position:relative;
	z-index:20;
}
.header-section-1{background:#86191c;padding:0;}

.header-section-1 .col1 {
position:relative;
z-index:11;
float:none;
width:100%;
text-align:center;
margin:0;
}
#logo a{
display:block;
height:56px;
width:100%;
}
.header-section-1 .colcont{
display:block;
float:none;
width:100%;
text-align:center;
margin:0 0 8px;
}	
.header-section-1 .colcont span{
margin:0 20px;
padding:2px 0 0;
color:#fff;
font-size:15px;
font-family:verdana;
font-style:italic;
display:inline;
}	
.header-section-1 .colcont2{
display:none;
}
.block-header{

}
#address{float:none;clear:both;}	

.header-section-1 .col2 {
height:auto;
box-sizing:border-box;
padding:0;
margin:0 auto;
text-align:center;
}
#mainmenu{
text-align:center;
}	
#mainmenu > li{
display:inline-block;
margin:0 30px;
}	
.sf-menu li{
float:none;
}	

	.indent-1 { padding:0; }
	.align-center-rt { text-align:center; }
	.container-12 {
		padding: 0 15px;
		width: auto;
	}

	.container-12 [class*="grid-"] {
		display: block;
		float: none;
		margin: 0 0 30px;
		width: auto;
	}

	.grid-12,
	.omega {
		margin-bottom: 0 !important;
	}


	/* Prefix and suffix styles
	===========================================================================*/

	.container-12 [class*="prefix-"] {padding-left: 0;}
	.container-12 [class*="suffix-"] {padding-right: 0;}
}

@media (max-width: 580px) {
#mainmenu > li{
display:inline-block;
margin:0 16px;
}
}


@media (max-width: 479px) {
h1 .title{font-size:16px;}
h2 .title{font-size:16px;}
.content_list.tiled .tile { width:100%; float:none; margin-right: 0px; margin-bottom:20px; }
.content_list.tiled .tile .photo { display: block; width:100%; height:100%; overflow:hidden; margin-bottom: 0px; position:relative; background:#bdc3c7; }
/*
#mainmenu { display:none; }
.select-menu {
	display:block !important;
	width:100%;
}
*/
.node-teaser .field-type-file, .node-teaser .field-type-image, .node-employee .field-type-image {
	float:none;
	margin:0 0 20px;
	max-width:inherit;
	width:auto;
}
.page-tracker #main-wrapper .content { overflow-x:scroll; }
.page-tracker #main-wrapper .content table.sticky-header { display:none !important; }
.page-forum #forum { overflow-x:scroll; }
.page-forum #forum td.forum .icon {
	float:none;
	margin:0 0 5px;
}
.field-name-field-testi-image {
	float:none;
	margin:0 0 20px;
	max-width:inherit;
}
.mobile-two-column .views-row {
	float:none;
	width:100% !important;
	margin-right:0 !important;
}
.quicktabs-wrapper .item-list .quicktabs-style-nostyle li {
	display:block;
	text-align:left;
	margin:0;
	padding-bottom:10px;
}
.quicktabs-wrapper .item-list .quicktabs-style-nostyle li a { padding:0; }
.quicktabs-wrapper .item-list .quicktabs-style-nostyle li a:after, .quicktabs-wrapper .item-list .quicktabs-style-nostyle li a:before { display:none; }
.img-indent {
	float:none;
	max-width:none;
	margin:0 0 20px;
}
}