@charset "utf-8";
/* 	
	Project: Project Name
	Author:	Scott Barkman
*/

/*
font-family: 'Alegreya', serif;
font-family: 'Dancing Script', cursive;
*/
/*
	Main Colors
*/

.blue{
	color:#0054a4 !important	
}
.red{
	color:#7c2931 !important;
}
.white{
	color:#fff !important;	
}

.script{ font-family: Dancing Script,cursive; }
.serif{ font-family: Alegreya, serif;}
/*------ global ------*/ 
* {margin:0; padding:0;}

body{width:100%;/*text-shadow: #000 0 0 0*/}

.full{width:100%; display:block;}
.fixed{width:960px; display:block; margin:auto;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}
.clear{display:block; clear:both;}

/*------ columns ------*/
.content{ width: 940px; padding: 0px 20px; margin-left: auto;margin-right: auto; position: relative;}

.col1{ width: 543px; float: left; border-right: 1px solid #ccc; padding: 0px 20px;}
.col2{ width: 316px; margin-left: -1px; float: left; border-left: 1px solid #ccc; padding: 0px 20px;}
.col3{ width: 314px; float: left;}

#maincontent{margin-top: 200px;margin-bottom: 30px;}
.column_header{background:#444444; padding: 10px; color:#fff; text-transform: uppercase; font-size: 18px; font-weight: 700;}
.blog_widget{ padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.widget_content{padding:15px 10px 5px 10px;}
.widget_content small{font-size: 10px; color:#666;}
.widget_content a small{font-size: 10px;}
.newsletter_signup{margin-bottom: 10px;}
.newsletter_signup .input{width: 100%;padding: 4px 7px; clear:none;}
.newsletter_signup label{clear:none;}
/*------ headers ------*/
#sticky_header {width: 100%; position: fixed; top: 0; z-index: 20;}
#header{background:#333; height: 50px; width: 100%; font-family: Alegreya, serif; font-weight: 700; font-size: 14px;}
#header a{color:#fff;}
#header .content {background: #333;}

#subheader{width: 100%; height: 100px; border-bottom: 1px solid #003567; background:#0054a4; position: relative; z-index: 1}
#subheaderwrapper{ width: 100%; height: 101px;}
#subheaderwrapper .content{  height: 100px; background: #0054a4;}

#call_to_action {position: absolute; top: 50px; right: 50px; width: 290px; height: 100px; z-index: 3; background: url('../images/call_to_action.png') no-repeat;}
#call_to_action:hover {background: url('../images/call_to_action_hover.png') no-repeat;}

#logo{background: url('../images/logo_frame.png') no-repeat; width: 345px; height: 132px; margin-left: -10px; position: absolute;}
#logo_home{background:url('../images/logo_frame_home.png') no-repeat; width: 345px; height: 132px; margin-left: -10px; position: absolute; top: 2px;}
#logo.new_year{background: url('../images/logo_frame2015.png') no-repeat;}
#logo_home.new_year{background:url('../images/logo_frame_home2015.png') no-repeat;}
#logo_home .script,
#logo .script{color:#a7a9ac;display: block; text-align: center; position: relative; top: 80px; font-size: 16px;}
#logo_home .serif,
#logo .serif{color:#333; display: block; text-align: center; position: relative; top: 80px; font-size: 16px; font-weight: 700;}

.header_title{position: absolute; top: 75px; float: right; right: 350px; height: 70px; z-index: 100;}
.header_title span{color:#fff;}
.header_title .script{font-size: 24px;display: block; text-align:center; font-weight:normal;}
.header_title .script span{background-color:#0054A4; padding: 0px 15px;}
.header_title .serif{display:block; clear:both; font-size: 18px; border-top: 1px solid #407fbb; padding-top: 7px; margin-top: -13px; text-transform:uppercase; font-weight:normal; min-width:100px; text-align:center;}
/*------ nav ---------*/

#backdoor a{ display: block; padding: 15px 20px 16px 20px; background:#7c2931; color:#fff; text-transform:uppercase; margin-left: 10px; letter-spacing:-0.05em;}
#backdoor a:hover{background: #0054a4;}

#nav ul{ list-style: none; margin: 0px; margin-right: 4px; float:left;}
#nav ul li{ float: left; display:inline-block; margin: 0px 5px 0px 0px;}
#nav ul li a{ padding: 5px 7px; text-transform:uppercase;	font-family:Alegreya,serif; letter-spacing:-0.05em;}
#nav ul li.active a,
#nav ul li a:hover{background: #0054a4;}

/*---- properties -----*/
.properties{position: relative; clear:both; padding-bottom: 30px; margin-top: 15px;}
.propertybox{width: 295px; height: 220px; background:#fff;border:1px solid #ccc; padding: 10px; float: left; margin-left: -1px; margin-top: -1px; cursor: pointer;overflow:hidden; position: absolute;}
.property_video{width: 20px; height: 20px; background: url('../images/videoicon.jpg') no-repeat; position: absolute; top: 45px; right: 6px;}
.propertybox h2{margin-bottom: 0px;}
.propertybox h4{margin-bottom: 0px; font-weight: bold;}
.address,.courtesy{font-size: 14px; color:#333;}
.distance{font-variant: small-caps; font-size: 14px;margin-top: -2px; margin-bottom: 2px;display: block;}
.propertybox .description{width: 200px; padding-left: 10px; border-left: 1px solid #ccc; color:#333; margin-top: 20px; height: 149px; overflow: hidden; text-overflow:ellipsis;
    -o-text-overflow: ellipsis;  
        -ms-text-overflow: ellipsis;display: block; }
.property_bar .title{margin-top: 15px;}
.property_bar .title h2{font-size:18px; line-height: 14px; margin-bottom:5px; font-weight: bold; font-family:Alegreya, Serif}

.title small{font-size: 14px;}
.title h1, 
.title h2 {margin-bottom: 5px;}
.photogallery{ position: relative; overflow: hidden;}
.photocontainer{overflow: hidden; position: absolute;}
.largethumb{width: 293px; height: 163px; overflow: hidden;}

.medthumb_v{width: 163px; height: 163px; overflow: hidden;}
.medthumb_v_sm{width:145px; height: 163px; overflow: hidden;}

.medthumb_h{width:293px; height: 80px; overflow: hidden;}
.smallthumb_w{width:145px; height: 80px; overflow: hidden;}
.smallthumb{width:127px; height: 80px; overflow: hidden;}
.smallthumb img{min-width:127px; min-height: 80px;}
.details{padding-top: 15px; font-size: 16px;}
.detail{background: url('../images/detail_sprite.png') no-repeat; width: 28px; height: 28px; padding-left: 40px; font-weight: bold; padding-top: 2px;}
.detail_sqft{background-position: 0px 0px;}
.detail_beds{background-position: 0px -30px;}
.detail_baths{background-position: 0px -60px;}
.detail_cars{background-position: 0px -90px;}
.detail_fires{background-position: 0px -120px;}

.back_listings{ background: url('../images/listings_back.jpg') no-repeat top left; display: block; width: 150px; height: 95px; } 
.back_listings:hover{background-position: 0px -96px;}

.tabs{margin-top: 15px; margin-left: 40px; width: 525px;}
.sidebar{margin-top: 20px;}

.col1.testimonials iframe, .col1.testimonials video, .col1.testimonials object, .col1.testimonials embed {width: 100%; height: 300px;}

#test_text, #test_vid {display: inline-block; position: relative; top: 1px; margin-right: 5px; padding: 5px 8px; border: 1px solid #ccc; border-bottom: 1px solid #fff;}
#test_text.in_active, #test_vid.in_active {border-bottom: 1px solid #ccc;}

ul.simpleTabsNavigation {margin: 0; padding: 0;}
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; margin-right: 3px; margin-left: 2px; padding:0; }
ul.simpleTabsNavigation li a { border:1px solid #ccc; padding:3px 6px; background:#fff; color: #0054a4; font-family: Alegreya, serif; font-weight: 700; font-size:14px; text-decoration:none; }
ul.simpleTabsNavigation li a:hover { background-color:#F6F6F6; }
ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; }
div.simpleTabsContent { border:1px solid #ccc; padding:5px 15px 15px; margin-top:3px; display:none; }
div.simpleTabsContent.currentTab { display:block; }

.testimonial_content {padding-top: 10px;}
.testimonial_content iframe, .testimonial_content video, .testimonial_content object, .testimonial_content embed {width: 100%; height: 200px;}
.testimonial_content .from {padding-top: 10px; color: #aaa; font-family: Dancing Script,cursive; font-size: 18px; }

.sold{background: url("../images/sold.png") no-repeat; width: 157px; height:123px; position: absolute; right: 80px; top: 90px; z-index: 2}
.sold_left{background: url("../images/sold.png") no-repeat;}
.getintouch{font-size: 24px; text-align: center; background: #0054a4; color:#fff !important; display: block; width: 275px; height: 65px; padding-top: 12px;}
.getintouch .serif{display: block; font-size: 18px;  padding-top: 10px;text-transform:uppercase; border-top: 1px solid #4080bb; width: 211px; margin-left: auto; margin-right: auto;}
.getintouch .script{margin-bottom: -13px; display:block;}
.getintouch .script span{ background: #0054a4; padding: 0px 10px;}
.getintouch:hover .script{color:#f75460;}

.youtube{width: 275px; margin-top: 5px;}
#newslettersub{display:block;width:20px; background: url('../images/youtubesubscribe.png') no-repeat; padding-left: 102px; font-size:14px; line-height:24px; color:#333; padding: 0px 0px 0px 102px; border: none;}
#youtubesub{display:block;width:20px; background: url('../images/youtubesubscribe.png') no-repeat; padding-left: 102px; font-size:14px; line-height:24px; color:#333}
#youtubesub span,
#newslettersub span{display: block; float: right;text-align: center; width: 34px;}
.widget_description{padding: 10px 5px; color:#cccccc;}

.pager{text-align:center; margin-left: auto; margin-right: auto;}
.pager a{ font-size: 1px; text-indent:-9999px; background: url('../images/pagersprite.png') top left; height: 8px; width: 8px; margin-right: 5px; display:inline-block;}
.pager a.activeSlide{background-position: bottom left;}

#mapcontainer{height: 400px; width:525px; display: block;}
#panocontainer{height: 400px; width: 525px; display: block;}

#printlisting{background: url('../images/thislisting-sprite.jpg') no-repeat 0px 0px; width:111px; height: 69px; display:block; margin-top: 20px; margin-bottom: 20px; margin-right: 25px; margin-left: 15px;}
#sharelisting{background: url('../images/thislisting-sprite.jpg') no-repeat -111px 0px; width:111px; height: 69px; display:block; margin-top: 20px; margin-bottom: 20px;}
#printlisting:hover{background-position: 0px -69px;}
#sharelisting:hover{background-position: -111px -69px;}

.newsletter{padding: 15px 0px 10px 0px;}
.newsletter img{padding:2px; border: 1px solid #ccc;}
#newslettercarousel .newsletter {padding-top:0px;}
#newslettercarousel .newsletter img{ border: none !important;}

.facebook_button{width: 60px; text-align: right; overflow: hidden; height:62px; margin-top: 12px;}
form{display:block; padding-bottom: 20px; display:block;}
label{float: left; clear:left; font-size: 14px; color:#666; margin-top: 10px;}
.input{padding: 5px 7px; border: 1px solid #ccc; font-size: 13px; color:#333; width: 200px; float: left; clear: left;}
.submit{border: 1px solid #ccc; padding: 5px 15px; background: #fff; cursor: pointer; font-size: 12px; color:#666}
.submit:hover{ background: #0054A4; color:#fff;}
.select{float: left; clear: left; width: 215px; border: 1px solid #CCC; height: 25px;}
.textarea{padding: 5px 7px; border: 1px solid #ccc; font-size: 13px; color:#333; width: 200px; height: 100px; float: left; clear: left;}

.remove_padding p { padding: 0px; margin: 0px; }
.remove_padding td { vertical-align:middle; padding: 2px; }

/*---- footer ------*/
#bluebar .col1,
#bluebar .col2,
#bluebar .col3{width: 287px !important; border: none;}
#footer{color:#ccc; color:#666; font-size: 10px;}
#footer .social{height: 20px; margin: 10px auto; width: 100px; margin-top:20px;}
#footer .social ul{margin: 0px; padding: 0px; display: inline-block;}
#footer .social ul li{float: left;  margin-right: 4px;}
#footer .social ul li a{background: url('../images/socialsprite.png') no-repeat; width: 16px; height: 16px; display: block;}
#footer .social ul li a.social_facebook{background-position: 0px 0px;}
#footer .social ul li a.social_twitter{background-position: -20px 0px;}
#footer .social ul li a.social_youtube{background-position: -40px 0px;}
#footer .social ul li a.social_linkedin{background-position: -59px 0px;}
#footer .social ul li a.social_googleplus{background-position: -78px 0px;}
#footer .social ul li a:hover{background-position-y: -16px;}

#footer_nav p{text-align:center; padding: 15px 0px 0px 0px; }
#footer_nav a {margin: 0px 10px }
#bluebar .content p,
#footer .content p{text-align: center; line-height: 18px;}
#bluebar ul li a,
#footer_nav p a{ padding: 5px; text-transform: uppercase; color:#333; font-family: 'Alegreya', serif; font-size: 14px; font-weight: 700;}
#footer_nav p a:hover{color:#0054A4;}

/*------ teaser ------*/
#brentmacintosh{background: url("../images/brent_macintosh.png") no-repeat; width: 473px; height: 493px; position: absolute; top: -95px; right: 0; z-index: 10;}
#teaser{ height: 398px; width: 100%; margin-top: 148px; position: relative; border-bottom:1px solid #999;}
#teaser .slideshow{height: 398px; margin-left: auto; margin-right: auto; position: absolute; overflow: hidden; min-width: 1000px; width: 100%; z-index: 0}
#teaser .slideshow div{height: 400px;}
#teaser .slideshow .image{text-align: center; min-width: 1000px; width: 100%; position: relative; position: absolute;}
.teaser_blue{background: url('../images/teaser_blue_bg.png'); padding: 7px 20px; float: left; font-size: 18px; color:#fff}
.teaser_white{background: url('../images/teaser_white_bg.png'); padding: 7px 20px; clear: both; float: left; font-size: 24px; color:#0054a4;}
.slideshow div .content{padding-top: 240px;}
#teaser #teasershadow{background: url('../images/teaser_shadow.png') repeat-x; height: 87px; width: 100%; position: absolute; bottom: 0px; z-index: 1;}
#teaser #teaserleft{background: url('../images/teaser_arrows.png') no-repeat; height: 400px; width: 184px; position: absolute; left: 0px; z-index: 2; cursor: pointer;}
#teaser #teaserright{background: url('../images/teaser_arrows.png') 184px 0px; height: 400px; width: 184px; position: absolute; right: 0px; z-index: 2; cursor: pointer;}
.template_main{background: url('../images/blue_grad.png'); padding: 5px 7px; font-size: 16px; color:#fff;}
.template_sub{background: url('../images/white_grad.png'); padding: 5px 7px; font-size: 16px;}

/*------ bluebar -------*/
#bluebar{background: #0054a4; height: 150px;}
#bluebar .content .col2{width:304px;}
#bluebar div a{display: block; height: 100%; text-align: center; padding: 74px 0px 38px 15px; color:#fff; margin-left: auto; margin-right: auto; position:relative;}
#bluebar div a .script{display:block;font-size: 24px; margin-bottom: -13px;}
#bluebar div a .script span{padding: 0px 10px; background: #0054A4;}
#bluebar div a .serif{display: block; font-size: 18px;  padding-top: 10px; text-transform:uppercase; border-top: 1px solid #4080bb;}

#bluewhat .icon{background: url('../images/bluesprite.png') no-repeat -22px 0px; width: 32px; height: 25px; top: 32px; left: 70px; position:absolute; display:block;}
#bluelearn .icon{background: url('../images/bluesprite.png') no-repeat -29px -24px; width: 35px; height: 30px; top: 29px; left: 70px; position:absolute; display:block;}
#bluecontact .icon{background: url('../images/bluesprite.png') no-repeat -24px -53px; width: 35px; height: 25px; top: 32px; left: 82px; position:absolute; display:block;}
#bluesearch .icon{background: url('../images/bluesprite.png') no-repeat 0px -78px; width: 75px; height: 25px; top: 32px; left: 37px; position:absolute; display:block;}

#bluebar{border-bottom: 1px solid #999999; border-top: 1px solid #003466;}
#bluebar div #bluewhat:hover .icon{background-position: -97px 0px;}
#bluebar div #bluelearn:hover .icon{background-position: -104px -24px;}
#bluebar div #bluecontact:hover .icon{background-position: -99px -53px;}
#bluebar div #bluesearch:hover .icon{background-position: -75px -78px;}

/*---- stay connected ----- */
.stayconnected_script{background: url('../images/staying_connected.jpg'); width: 178px; height: 54px; left:285px; top: 15px; position: absolute;}
#stayconnected {background:#333; border-top: 1px solid #000}
#stayconnected .content{padding:40px;}
#stayconnected .col1, #stayconnected .col2, #stayconnected .col3{ width: 312px; border: none;margin: 45px 1px 0px 0px; padding: 0px;}
#stayconnected .col3{margin-right: 0px;}

/*------ weather----------- */
.weather{position: absolute; top: 50px; right: 50px; width: 290px; z-index:3}
.weather_temp{color:#fff; font-size: 24px; font-variant: small-caps;}
.weather_cond{color:#fff; font-size: 16px; font-weight: normal; font-variant: small-caps;}
.weather_city{color:#ccc; font-size: 12px; font-weight: normal; font-variant: small-caps;}

/*------ error messages ------ */
.error{ border: 1px solid #f00; padding: 6px 35px; background: #ffdcdc url('../images/cross-circle-frame.png') no-repeat 10px;}
.success{ border: 1px solid #039a16; padding: 6px 35px; background: #c9f6ce url('../images/tick-circle-frame.png') no-repeat 10px;}
.alert{	padding-top: 10px; padding: 10px 0px; border: 1px solid #ccc; border-top: none; margin-bottom: 20px; background-color:#eee; color:#333;}
.alert p{ padding: 1px 15px;}

.backdoor_item{padding: 10px;}
.backdoor_item:nth-child(odd){background: #fafafa;}
hr.dotted{border: none; border-bottom: 1px dotted #ccc; background: #fff;}

/*------ clearFix ------*/
.clearFix:after { content: "."; display: block; clear: both;  visibility: hidden; line-height: 0;  height: 0;}
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }

/*------ sticky footer ------*/
#footer{background:#cccccc;}
*{margin: 0;}
html, body {height: 100%;}
#wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -315px;}
#footer, .push{height: 315px;}
.truncate{white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
    -o-text-overflow: ellipsis;  
        -ms-text-overflow: ellipsis;
         display: block; 
         font-size: inherit }
	
.widget_content h2 small{color:#999; font-size: 10px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-variant:normal;}
.widget_content a small{color:#fff; font-size: 10px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-variant:normal;}
.widget_content h2{width:292px;}
.widget_content .truncate {line-height:21px;}

.bio_info label{width: 47px; font-size: 12px; padding: 0px; clear: none; float: left; margin: none; margin: 0px; color:#333;}

.bio_list {position: relative; float: left; width: 160px; margin: 20px 20px 0 0;}
.bio_list .bio_list_image {display: block; position: relative; overflow: hidden; width: 160px; height: 190px;}
.bio_list p {padding: 8px 12px; background: #0054a4;}
.bio_list p a {color: #fff;}

@media screen and (max-width: 1024px) {
	#brentmacintosh {
		width: 442px;
		right: 8px;
	}
	.slideshow div .content {
		margin-left: 110px;
	}
	#teaser #teaserright {
		z-index: 200;
	}
	#stayconnected .content {
		padding: 40px 30px;
	}
}