/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------
LIGHT blue: 046599 
dark blue: 122043 
gray: 808080
*/

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size:16px; 
	letter-spacing: 1px;
	line-height: 26px; 
	-webkit-text-size-adjust:none; 
	color: #122043; 
	font-weight:400;
	overflow-x:hidden;
}
h1 { font-size: 40px; font-weight:700; color:#046599; text-align:left; text-transform:uppercase; line-height: 45px; padding-bottom: 5px; letter-spacing: 1px;}
h1 span{font-weight: 300; letter-spacing: 2px; color: #122043; font-size: 30px;}

h2 {font-size: 22px; text-align:left;color:#0373b0; font-weight:700; letter-spacing: 1px;}
h3 {font-size:18px; color: #095d91; font-weight: 700; letter-spacing: 1px;}
h4{color:#767575; font-size: 20px; font-weight:700; text-align:center; letter-spacing: 1px;}

a{color:#000; text-decoration: none;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}


#pad{padding: 2% 0;}
#pad-l{padding: 3% 0;}

.spacer{padding: 5% 0;}

.clear{clear:both;}



/*--- HEADER STYLES --------------------------*/


.logo {position:absolute; top:0; background:#046599; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;z-index: 9999;left:4%; box-shadow: 0px 6px 14px -7px #212121}
.logo img {max-width:200px; width: 100%; display: inline-block;}


/*---SLIDER------------------------------*/

.desktop-hero{display: block;;}
.mobile-hero{display: none;}

.cycle-slideshow img{width:100%; position: relative;}

.hero-divider {
    background-image: url(/siteart/main-divider.png);
    background-size: 100% 159px;
    bottom: 0;
    height: 110px;
    z-index: 999;
	margin-top: -100px; 
	position: relative;
}


#pageimage{display: block; width: 100% !important;}

/*---BODY--------------------------------*/
.light-blue-bg{background: #046599;}
.dark-bg{background: #122043; color: #fff;}
.dark-bg a{color: inherit;}

.gray-border{border-top: 8px solid #808080;}

.wrapper-inner { width: 75%; margin: 0 auto;}
.wrapper-center{ width: 75%; margin: 0 auto; text-align: center;}
.wrapper-center h1{text-align: center;}
.wrapper-large { width: 85%; margin: 0 auto;}


/*--CATEGORY SECTION---------------------*/
.cat-left{width: 20%; display: inline-block;}
.cat-left h2 span{color: #fff; font-size: 30px;}

.cat-right{display: inline-block; width: 74%; text-align: right;}

.cat-clear{clear: both;}

.wrapper-cat{ width: 100%; margin: 0 auto; text-align: center;}

.btn {
	border: none;
	font-family: inherit;
	font-size: 14px;
	color: #fff;
	background: none;
	cursor: pointer;
	padding: 60px 5px;
	display: inline-block;
	margin: 5px 3px;
	letter-spacing: 1px;
	font-weight: 400;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	 border-radius:6px;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Button 8 */
.perspective {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	display: inline-block;
}

.btn-8 {
	width:225px;
	display: block;
	background: url(../siteart/striped-bg.jpg);
	outline: 1px solid transparent; /* FF jagged edges fix */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.btn-8 h2{color: #fff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 16px; text-align: center;}
.btn-8 p{font-weight: 300; letter-spacing: 2px;}
.btn-8:active {
	background: #cae5f4;
}


/* Button 8c */
.btn-8c:after {
	width: 21%;
	height: 100%;
	left: -20%;
	top: 0;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.btn-8c:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}

/* Button 8 inventory */
.btn-inv {
	border: none;
	font-family: inherit;
	font-size: 13px;
	color: #fff;
	background: none;
	cursor: pointer;
	padding: 50px 0px;
	display: inline-block;
	margin: 5px 2px;
	letter-spacing: 1px;
	font-weight: 400;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	 border-radius:6px;
}

.btn-inv:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}




.btn-8-inv {
	width:215px;
	display: block;
	background: url(../siteart/striped-bg.jpg);
	outline: 1px solid transparent; /* FF jagged edges fix */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.btn-8-inv h2{color: #fff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 15px; text-align: center;}
.btn-8-inv p{font-weight: 300; letter-spacing: 2px;}
.btn-8-inv:active {
	background: #cae5f4;
}


/* Button 8c */
.btn-8c-inv:after {
	width: 21%;
	height: 100%;
	left: -20%;
	top: 0;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.btn-8c-inv:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}


/*--WELCOME/LOCATION SECTION---------------------*/
.wrapper-welcome{ width: 50%; margin: 40px auto; text-align: center; }
.wrapper-welcome h1{text-align: center;}

.home-locations{width: 100%; background: url(../siteart/home-locations.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}
.home-locations h1{padding-bottom: 5%}
.location-box{width: 80%; margin: 0 auto; text-align: center}

.location-box-inner {display: flex; align-items: center; background: rgba(255,255,255,.8); border: 1px solid #122043; border-radius: 6px; width: 90%; margin:5px auto;}

.location-left{background: #122043; justify-content: flex-start; width: 40%; padding: 60px 0; text-align: center;}
.location-left h2{color: #fff; font-size: 18px; margin: 0 auto;  padding: 20px 0; text-align: center;}

.location-right{justify-content: flex-start; width: 60%; padding-left: 15px;}
.location-right p{display: block; color:#046599; text-transform: uppercase; text-align: center; font-weight:700; letter-spacing: 1px; font-size: 15px;}
.location-right a{color: #046599;}




/*---LYTEBOX GALLERY --------------------------*/
#gal_container {
	width:95%;
	padding:10px 0px;
	margin:0 auto;
	display:inline-block;
}
#gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
	width:100%; max-width: 390px; display:inline-block;
}
	
#gal_container span{font-size: 15px; font-weight:400;}		

.maintenance{display: inline-block; margin:5px 0;}

.sold{display: inline-block; margin:10px 5px;}
.sold p{background: #fff; color: #01367a; font-weight: 700; padding: 5px 0;}
.sold img {  /*Style to make the thumbnail image style on the gallery page.*/
	width:100%; max-width: 360px; display:inline-block;
}
.sold img:hover{opacity: .8;}

/*--CONTACT PAGE --------------------------*/
.contact-left{display: inline-block; width: 30%; vertical-align: top;}
.dark-bg .contact-left a{color: #fff;}
.contact-left a:hover{text-decoration: underline;}
.contact-right{display: inline-block; width: 60%; vertical-align: top; float: right}
.contact-right iframe{height: 300px;}

/*---BUTTONS-------------------------------*/
#blue-buttons{background: #01367a; border:1px solid #01367a; display: inline-block; padding: 10px 0; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; text-align: center; width: 49%;}
#blue-buttons:hover{background: none; color: #01367a;}


#blue-small{background: #01367a; border:1px solid #01367a; display: inline-block; padding: 10px 0; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 700; text-align: center; width: 200px; letter-spacing: 1px;}
#blue-small:hover{background: none; color: #01367a;}

#white-outline{
	width: 150px;
	background: none; 
	color: #fff;
	padding: 5px 15px; 
	font-weight: 300;
	letter-spacing: 1px;
	border:1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
}
#white-outline:hover{background: rgba(255,255,255,.75); color: #095d91;}


#white-button{
	width: 150px;
	background: #fff; 
	padding: 5px 15px;  
	color: #095d91;
	font-weight: 300;
	letter-spacing: 1px;
	border:1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
}
#white-button:hover{background: rgba(255,255,255,.75); color: #095d91;}


#blue-outline{border: 1px solid #046599; border-radius: 6px; color: #046599; font-weight: 700; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; padding: 10px 0; width: 150px; display: inline-block; text-align: center;} 

#blue-outline:hover{background: #046599; color: #122043;}


/*--- FRAMELESS STYLES ----------------------*/

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {font-family: 'Source Sans Pro', sans-serif  !important;} /* Font for Inventory to match rest of website */
.hosted-content{font-family: 'Source Sans Pro', sans-serif  !important;}
.hosted-content h1{ text-align: left !important; font-family: 'Source Sans Pro' !important;}

.hosted-content h2 {color: #095d91 !important;font-family: 'Source Sans Pro' !important; font-weight: 700;}  /* Featured Listings/General Listings */
.hosted-content h3 {color: #095d91 !important; font-size:20px !important; font-family: 'Source Sans Pro' !important; font-weight: 700; text-transform:uppercase;}

.listings-wrapper .listing-boxed .listing-boxed-details h2 a{color: #122043; font-weight: 700; font-family: 'Source Sans Pro' !important; }

.hosted-content .listings-wrapper .listings-list .listing-banner h2{font-family: 'Source Sans Pro' !important; line-height: 1em !important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3{ font-size: 24px !important;font-family: 'Source Sans Pro' !important; line-height:1.5em !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner {background: none !important;} /* Featured Listings/General Listings Background */
.hosted-content .listings-wrapper .sort-box {background: none !important;} /* Background for Sort Order */

.listing-name a:link, .listing-name a:visited, .listing-name a:active {color: #046599;} /*Inventory Title Link Colors */
.listing-name a:hover {color: #095d91;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background: #122043 !important; color: #fff !important;} /* View Details button */
.hosted-content .btn:hover, .hosted-content .button:hover {background: #046599 !important; color: #fff !important;} /* View Details Button */





/*-------- FOOTER STYLES --------*/
.subpage-footer{height: 150px;}
.footer-divider {
    background-image: url(/siteart/footer-divider.png);
    background-size: 100% 159px;
    bottom: 0;
    height: 120px;
    z-index: 99;
	margin-top: -150px; 
	position: relative;
}

#manu{width: 100%; max-width: 200px; display: inline-block; margin: 5px 35px;}

.manu-btn {
	border: none;
	background: none;
	cursor: pointer;
	display: inline-block;
	margin: 10px 5px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	 border-radius:6px;
}

.manu-btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


/* Button 8 */
.perspective {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	display: inline-block;
}
.perspective img:hover{opacity: .8;}

.manu-btn-8 {
	width:210px;
	display: block;
	background: none;
	outline: 1px solid transparent; /* FF jagged edges fix */
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.manu-btn-8 p{font-weight: 300; letter-spacing: 2px;}
.manu-btn-8:active {
	background: none;
}

/* Button 8c */
.manu-btn-8c:after {
	width: 21%;
	height: 100%;
	left: -20%;
	top: 0;
	-webkit-transform-origin: 100% 0%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform-origin: 100% 0%;
	-moz-transform: rotateY(-90deg);
	-ms-transform-origin: 100% 0%;
	-ms-transform: rotateY(-90deg);
	transform-origin: 100% 0%;
	transform: rotateY(-90deg);
}

.manu-btn-8c:hover {
	-webkit-transform: rotateY(15deg);
	-moz-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);
}


.copyright{text-align: center; margin: 0 auto; padding: 10px 0; }
.copyright p, .copyright a{color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;}

/*--------FORM STYLES--------------------------------------*/
#formpage { 
	vertical-align:top; 
	margin: 0 auto;  
	text-align:left;
	width: 100%;
	color:#000 !important;
}

#formpage div {
	vertical-align:top;
	padding:3px 0px;
	text-align: left;
	color: #fff;
}

#formpage input {
	padding:10px 5px;
	border:1px solid #fff;
	background:#fff;
	font-weight: 400;
	text-transform:uppercase;
	font-family: 'Source Sans Pro', sans-serif;
}

#formpage textarea {
    width:98%;
    height:85px;
	border:1px solid #fff;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	
 }
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #fff;
	color:#000 !important;
	vertical-align:middle;
	line-height:normal;
	padding:10px 0 !important;
	width:103%;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0;
}

.formfield {
	width:31%; 
	display:inline-block;
	float:left; 
	margin:10px 20px 10px 0; 
	color:#000 !important;
	text-align:left;
	font-family: 'Source Sans Pro', sans-serif;
}
.formfield2 {
	width:95.5%; }

#formpage input  {
    width:100%;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:96%;
    height:85px;
	font-family: 'Source Sans Pro', sans-serif;
	margin-bottom: 20px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
	background: none;
	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#abacac; 
	color:#FFF;
	border:1px solid #abacac;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
	border: 1px solid #046599; 
	border-radius: 6px;
	padding: 10px 20px; 
	margin:5px auto; 
	font-size: 18px; 
	color: #046599 !important; 
	letter-spacing: 2px; 
	font-weight: 700;
	float: left;
	width: 150px;
	background: none;
}
#formpage input.button:hover {
	width:150px;
    background: #046599; /* For browsers that do not support gradients */
    color:#122043 !important;
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    text-align:left;
} 

/*control the Captcha */
.CaptchaPanel {float:left; margin:10px auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#fff;width: 70%; text-align:left;}

.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
width: 43% !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}  

.form-category{padding: 5px 0; font-weight: 700;}


/*-------- RESPONSIVE STYLES --------*/
@media screen and (max-width:1565px){
	.wrapper-large{width: 95%;}
	.cat-right{width: 73%;}
	.cat-clear{display: none;}
	.btn{padding: 35px 15px;}

	.cat-left h2{font-size: 20px;}
	.cat-left h2 span{font-size: 25px;}
	
	.location-left {width:35%;}
	.location-right a{font-size: 14px;}
	
	.wrapper-inner, .wrapper-center, .wrapper-welcome{width:90%;}
	#gal_container .sold img{max-width: 325px;}

}

@media screen and (max-width:1330px){
	
	
	.logo{left: 1%;}
	

}


@media screen and (max-width:1240px){
	
	.cat-left{width: 90%;display: block; float: none; text-align: center; margin: 5px auto;}
	.cat-left h2{text-align: center; margin-bottom: 20px; font-size: 20px;}
	.cat-left h2 span{color: #fff; font-size: 25px;}
	
	.cat-right{width: 90%; display: block; float: none; text-align: center; margin:  0 auto;}
}

@media screen and (max-width:1120px){

	.location-box{display: block; margin: 0 auto;}
	.location-box-inner{max-width: 100%;  margin: 10px auto;}
	.location-right p{font-size: 14px;}
	
	.footer-divider{margin-top: -100px;}
}


@media screen and (max-width:900px){
	#manu {max-width: 150px; margin: 5px 0;}

	.footer-divider{margin-top: -80px;}
	
	
.mobile-spacer{padding: 5% 0; height: 200px; margin-bottom: -100px}
	
	.contact-left{width: 100%; margin-bottom: 10px;}
	.contact-right{width: 100%;}
	
	.formfield{width: 45% !important;}
	
	

}

@media screen and (max-width:800px){
#gal_container .sold img {max-width: 300px;}
}

@media screen and (max-width:725px){
#gal_container .sold img {max-width: 100%;}
}

@media screen and (max-width:649px){
	
.logo img{max-width: 100px;}
	
.desktop-hero{display: none;}
.mobile-hero{display: block;}
.hero-divider{height: 100px; margin-top: -85px;}
	
.cat-right{width: 100%;}
.btn-8{width: 160px;}
.btn-8 h2{font-size: 14px;}
.btn{padding: 35px 0;}

.home-locations{height: 600px; background: url(../siteart/home-locations-mobile.jpg) no-repeat center center;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
	background-size: cover; 
}
.location-box{width: 95%;}	
.location-box-inner{display: block; width: 100%;}
.location-left{width: 100%; padding: 0; justify-content: flex-end}
.location-left h2{ font-size: 16px; padding: 5px 0;}
.location-right{text-align: center; justify-content: flex-end; width: 100%; float: none; padding-left: 0; padding: 5px 0;}
.location-right p{text-align: center;}

.light-blue-bg #pad{padding: 0;}
.footer-divider{background-size: 100% 113px; height: 77px;}
	
.wrapper-cat{display: none;}
	
.formfield{width: 100% !important; margin: 10px 0 !important;}
#formpage input{padding: 10px 0;}

	
}

@media screen and (max-width:490px){
	

}