﻿/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/




/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Heebo', sans-serif !important;
    margin: 0;
	padding:0;
	background:#fff;
	color:#000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Heebo', sans-serif;
	margin: 0;
	font-weight:700;
	}
	h1 {font-size: 40px;font-weight:800;line-height:1em;padding-bottom:1%;}
	h2 {font-size: 36px;}
	h3 {font-size: 32px;}
	h4 {font-size: 24px;}
	h5 {font-size: 18px;}

p {
    font-family: 'Heebo', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	font-weight:500;
	}
strong{	font-family: 'Heebo', sans-serif;font-weight:800;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #ababab;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#cf1e2b; padding:2px 0;font-size:15px;color:#fff;width:100%;border-bottom:1px solid #fff;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar ul{list-style:none;margin:0 auto;padding:0;}
.topbar ul li{float:left;padding:7px 20px 7px 0;color:#fff;font-weight:700;}
.topbar ul li:last-child{float:right;}
.topbar ul li span{color:#000;}
.topbar a{color:#fff !important;border:none !important;text-decoration:none !important;}
.topbar a:hover{color:#e3e3e3 !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}

header{width:100%;margin:0;padding:10px 0;background:url("../siteart/dust_scratches.jpg") repeat;position:relative;-moz-box-shadow:0 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.4);box-shadow:0 5px 5px rgba(0,0,0,0.4);}

.headerwrap{width:96%;max-width:1620px;margin:0 auto;}
.headlogo{float:left;width:30%;padding-top:15px;}
.headright{float:right;width:70%;text-align:right;margin-top:40px;}
.headright img,.headtext{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:0 1%;}
.headtext{text-align:left;}
.headtext h4{color:#505050;line-height:1.2em;}
.headtext h4 span{display:block;font-weight:800;}
.headtext h3{font-family: 'Kaushan Script', cursive;color:#cf1e2b;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1620px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1680px;margin:0 auto;}
.cf{background:#fff;}
.internal{padding:2% 0 8% 0;}

/*===================== 
	slideshow styles 
=======================*/
.heroslider{padding:5px 0 0 0;}
.slideblock{position:relative;}
.slidetitler{position:absolute;background:rgba(0,0,0,0.8);padding:2% 4%;bottom:10%;right:0;width:25%;text-align:right;}
.slidetitler h1{color:#fff;padding:0;line-height:1.2em;}
.slidetitler h3{color:#fff;font-family: 'Kaushan Script', cursive;font-weight:400;line-height:1.2em;}
.slidetitler p{color:#e3e3e3;}
.slidebutton{width:80% !important;margin-right:0 !important;}
.slidebutton:hover{background:#fff !important;}
.slidebutton:hover p{color:#cf1e2b !important;}

/*===================== 
	linkbox styles 
=======================*/
.quicklinks{position:absolute;top:4%;right:5%;width:25%;z-index:9999;text-align:center;}
.linkbox{display:block;width:100%;height:160px;margin:4% auto;position:relative;text-align:center;overflow:hidden;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5);box-shadow:5px 5px 5px rgba(0,0,0,0.5);}
.linkbox:hover > img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-moz-transition:0.5s all ease;-webkit-transition:0.5 all ease;-ms-transition:0.5 all ease;-o-transition:0.5 all ease;transition:0.5 all ease;}
.linkbox:hover .linktitle{text-shadow:2px 2px 2px #000;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}
.linktitle{position:absolute;width:90%;left:5%;right:5%;top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.linktitle h3, .linktitle h4{color:#fff;padding:0;line-height:1.2em;text-shadow:2px 2px 2px #000;}
.linktitle h4{font-weight:normal;color:#fff;}

/*===================== 
	welcome styles 
=======================*/
.padit{padding:3% 0;}
.welcomeleft{width:60%;float:left;}
.welcomelogo,.welcomeheading{display:inline-block;zoom: 1;*display: inline;vertical-align: middle;}
.welcomelogo{width:20%;margin-right:1%;}
.welcomeheading{width:78%;}
.welcome h3{color:#555;padding:0;font-weight:normal;line-height:1em;}
.welcome h1{color:#cf1e2b;}
.welcome{background:#fff;}
.linkbutton{width:25%;margin-right:2%;background:#cf1e2b;padding:6px 0;text-align:center;display:inline-block;zoom: 1;*display: inline;}
.linkbutton p{color:#fff;padding:0 !important;font-family: 'Kaushan Script', cursive;}
.linkbutton:hover{cursor:pointer;background:#000;}
.linkbutton:hover p{color:#ccc;}
.welcomeright{width:38%;margin-left:2%;float:right;}
.welcomeright img{-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.4);-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.4);box-shadow:4px 4px 4px rgba(0,0,0,0.4);}

/*===================== 
	contact / map styles 
=======================*/
.contactblock{}
.contactleft{float:left;width:23%;padding:5px 0 5px 5%;background:#000;position:relative}
.contactleft:after{
    content: " ";
    position: absolute;
    display: block;
    width: 100px;
    height: 100%;
    top: 0;
    right: -80px;
    z-index: 1;
    background: #000;
    transform-origin: bottom left;
    -ms-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);
}	
.contactleft h4,.contactleft p{color:#fff;}
.contactleft h4{font-family: 'Kaushan Script', cursive;}
.contactleft p{padding:0;}
.contactleft p span{color:#cf1e2b;margin-left:5%;}
.contactright{float:right;padding-right:5%;margin-top: 15px;}
.contactright h3{color:#cf1e2b;padding:0;}
.contactright h3 span{color:#000;}
.mapped iframe{height:470px;border-top:5px solid #000 !important;}

/*===================== 
	about styles 
=======================*/
.listed{margin:0 auto;text-align:center;}
.thirds{display:inline-block;zoom: 1;*display: inline;width:30%;margin:1%;text-align:left;vertical-align:top;}
.thirds ul li{color:#fff;margin:2px 0;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
input{
	font-family: 'Heebo', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

select{
	font-family: 'Heebo', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

textarea{
	font-family: 'Heebo', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

.half{float:left;width:48%;margin-right:2%;}
#contactform strong{color:#333;}
.commentbox{width:98%;color:#333;}
#secure{width:50%;margin:0 auto;color:#333;}
.sendbutton{background:#cf1e2b;color:#fff;padding:8px 0;font-weight:800;border:none;text-transform: uppercase;font-size:18px;margin-bottom:8%;}
.sendbutton:hover{cursor:pointer;background:#ccc;color:#666;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}

/*===================== 
	layout styles 
=======================*/
.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}
.pagetitle{color:#cf1e2b;line-height:1em;}

/*===================== 
	inventory styles 
=======================*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content .listings-wrapper h1{font-size:22px !important;font-family: 'Heebo', sans-serif !important;font-weight:800 !important;}
.hosted-content .listings-wrapper h2{font-size:20px !important;font-family: 'Heebo', sans-serif !important;font-weight:800 !important;}
.hosted-content .listings-wrapper h3{font-size:18px !important;font-family: 'Heebo', sans-serif !important;font-weight:800 !important;}
.hosted-content .listings-wrapper .listing-boxed .listing-boxed-details h2{font-family: 'Heebo', sans-serif !important;font-weight:bold;}
.hosted-content .listing-boxed-description{font-size:12px !important;font-family: 'Heebo', sans-serif !important;font-weight:500 !important;}
.hosted-content .listing-boxed .listing-boxed-specs .listing-boxed-spec{font-family: 'Heebo', sans-serif !important;font-size:14px !important;font-weight:500 !important;}
.hosted-content .listings-wrapper .bold{font-family: 'Heebo', sans-serif !important;font-weight:700 !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{font-family: 'Heebo', sans-serif !important;font-weight:700 !important;}
.hosted-content .divider h3{font-family: 'Heebo', sans-serif !important;font-size:20px !important;font-weight:700 !important;}
.hosted-content .cf h1{font-family: 'Heebo', sans-serif !important;font-size:26px !important;font-weight:700 !important;line-height:1.2em !important;}
.hosted-content .information-box h3{font-family: 'Heebo', sans-serif !important;font-size:24px !important;font-weight:700 !important;}
.hosted-content .listing-prices span{font-family: 'Heebo', sans-serif !important;font-size:24px !important;font-weight:700 !important;}
.hosted-content .listing-prices .listing-price-label{font-family: 'Heebo', sans-serif !important;font-size:18px !important;font-weight:700 !important;}

.hosted-content .btn{background:url(../siteart/navback.jpg) repeat !important;}
.hosted-content .btn:hover{background:#000 !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}
.hosted-content .listings-wrapper .hosted-theme .btn:hover{color:#ccc !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}
.hosted-content .listings-wrapper .bold{font-family: 'Heebo', sans-serif !important;font-weight:700 !important;}

.hosted-content .attachment-search{max-width:none !important;}
.hosted-content #wide_col{max-width:none !important;}
.hosted-content .attachment-search .checkbox{width:15px;}
.currency-capital-price-container{display:none;}

.legal p{font-size:11px;}

/*===================== 
	location styles 
=======================*/
#locationwrap{padding-bottom:0;}
.locationleft{width:55%;float:left;}
.locationright{width:38%;margin-left:7%;float:right;position:relative;min-height:350px;}
.locationright img{position:absolute;top:0px;}

/*===================== 
	footer styles 
=======================*/
.pagebottom{background:url("../siteart/little_pluses_@2X.jpg") repeat;text-align:center;position:relative;padding:50px 0 20px 0;}
.pagebottom a:hover{color:#ccc;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}
.footerlogo{position:absolute;top:-90px;width:20%;right:40%;left:40%;}
.bottomlinks{margin:15px 0;}
.bottomlinks a{padding:10px;color:#fff;font-weight:600;text-decoration:none !important;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ccc;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #283891;
		}

.footertext {
	font-size:11px; 
	color:#fff;
	}

.smallfootertext {
	font-size:10px; 
	color:#fff;
	}

.divfooter {
	text-align:center; 
	margin:0 auto;
	width:80%;
	}

.detail-wrapper .detail-watchlist-lnk-wrapper{
	height: 0% !important;
}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1680px) {
	h1 {font-size: 32px;}
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
    p {font-size: 16px;}    
    .welcomelogo{width:25%;}
    .welcomeheading{width:73%;}
    .contactleft{width:30%;padding-left:2%;}
    .mapped iframe{height:420px;}
}

@media screen and (max-width: 1450px) {
    .slidetitler{padding:2%;width:30%;}
    .mapped iframe{height:300px;}
    .footerlogo{top:-70px;}

    #contactform strong{font-size:14px;}
    #secure{width:80%;font-size:14px;}
    .sendbutton{font-size:16px;}
}

@media screen and (max-width: 1280px) {
    .wrapper,.headerwrap{width:92%;}
    .slidetitler{width:35%;}
    .padit{padding:5% 0;}
    .linkbutton{width:35%;}
    .contactleft{padding-left:4%;width:35%;}
}

@media screen and (max-width: 1100px) {
    .topbar{font-size:14px;}
    .headright img{max-width:180px;}
    .slidetitler{width:33%;}
    .contactleft{width:45%;}
    .footerlogo{top:-50px;}   
    
    .internal{padding:4% 0 8% 0;}
}

@media screen and (max-width: 1000px) {
    .headlogo{width:40%;}
    .headright{width:60%;}
    .headright img{max-width:150px;}
    .slidetitler{position:relative;width:96%;background:#000;text-align:center;bottom:auto;display:block;margin-top:-5px;}
    .slidetitler h3,.slidetitler p{padding-bottom:1%;}
    .linkbutton{width:40%;}
    .mapped iframe{height:220px;}
    .footerlogo{width:26%;left:37%;right:37%;top:-60px;}
}

@media screen and (max-width: 800px) {
    .topbar{font-size:12px;}
    .topbar .wrapper{width:96%;}
    .topbar ul{float:none;text-align:center;margin:0 auto;}
    .topbar ul li,.topbar ul li:last-child{float:none;display:inline-block;zoom: 1;*display: inline;margin:0 4px;padding:5px 0;}
    .topbar i{margin-right:0;}
    .headright{margin-top:65px;}
    .headright img{display:none;}
    .welcomeleft{width:100%;text-align:center;margin:0 auto;float:none;}
    .welcomelogo,.welcomeright{display:none;}
    .linkbutton{margin:1%;}
    .welcomeheading{width:100%;}
    .contactleft{width:50%;}
    .contactleft::after{width:80px;}
    .contactright{padding-right:4%;}
    .footerlogo{top:-40px;}
    .divfooter{width:92%;}
    .bottomlinks a{padding:5px;font-size:14px;}

    .pagetitle{text-align:center;}   
    .half{margin:0 1%;text-align:left;}
    .commentbox{margin:0 auto;text-align:left;}
}

@media screen and (max-width: 700px) {
    .headright{margin-top:55px;}
    .contactleft{width:40%;}
    .contactleft p span{display:block;margin-left:0;}
    .contactright{margin-top:25px;}
    .mapped iframe{height:250px;}
    .footerlogo{width:30%;left:35%;right:35%;}
    
    .internal{padding:6% 0 8% 0;}
    
    .half,.commentbox{text-align:left;}
}

@media screen and (max-width: 600px) {
	h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
    p {font-size: 15px;}   
    .topbar ul li{padding:3px 0;}
    .topbar ul li:last-child{display:block;margin:0 auto;padding:3px 0;}
    .headlogo{padding-top:0;float:none;display:block;margin:0 auto;width:60%;}
    .headright{float:none;display:block;margin:0 auto;text-align:center;width:100%;}
    .headtext{text-align:center;}
    .headtext h4{font-size:16px;}
    .headtext h3{font-size:18px;}
    .linkbutton{width:45%;}
    .pagebottom{padding-top:35px;}
    
    .internal{padding:30px 0;}
    
    .half,.commentbox{width:100%;margin:0 auto;float:none;display:block;}
    .sendbutton{font-size:15px;}    
}

@media screen and (max-width: 480px){
    .slidetitler{width:92%;padding:4%;}
    .contactleft{width:96%;padding:5px 2%;text-align:center;float:none;display:block;}
    .contactleft::after{display:none;}
    .contactright{margin:0 auto;float:none;padding:5px 0;text-align:center;display:block;}
    .footerlogo{width:40%;left:30%;right:30%;}    
    
    #secure{width:100%;}
}

@media screen and (max-width: 400px){
	h1 {font-size: 24px;}
	h2 {font-size: 20px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-size: 15px;}
    p {font-size: 14px;}     
    .topbar{font-size:9px;}
    .topbar .wrapper{width:98%;}
    .headlogo{float:left;}
    .headright{display:none;}
    .slidebutton{width:96% !important;}
    .linkbutton{width:96%;}
    .footerlogo{width:50%;left:25%;right:25%;}
    .bottomlinks a{display:block;margin:0 auto;}
}


