a,b,body,div,h1,h2,h3,h4,h5,h6,hr,html,i,img,li,ol,p,span,tbody,td,tfoot,th,thead,tr,u,ul{border:0;margin: 0;padding: 0;}
html,body{ height:100%;}
body{
    width:100%;
    color:#363833;
    background-color: #e3e3e3;
    font-family:'Avenir W01',"Helvetica Neue", "Helvetica", Arial, Sans-Serif;
	font-size:16px;
    -webkit-font-smoothing: antialiased;
}

p{
	line-height:1.6em;margin-top:0;margin-bottom:1.2em;
}
ul{margin-left: 50px;}
h1, h2, h3, h4,h5{margin-bottom:0.5em;
	line-height:120%;font-weight:normal;
}

h1{font-size:3em;margin-top:0px;font-weight: 900;}
h2{font-size:1.5em;}
h3{font-size:1.2em;font-weight: 900;}
h4{font-size:1.1em;font-weight: 900;}
h5{font-size:1em;font-weight: 900;}

a{color:#D4AF37;text-decoration:none;}


#body_home #page_body{
	border-top: 10px solid #f1ecdb;
}
.body_nothome .page_body{
	padding-top: 30px;
}
.body_nothome .page_body p{
	font-weight: 100;
}

#hero_frame{
	position:relative;width:100%;
}
#body_home #hero_frame{	height:508px;}
#body_home #hero_frame .page_frame{background: url('images/Fearless-photo.jpg') no-repeat center;
height: 508px;
}


#hero2_frame{
	position:relative;width:100%;
}
#body_home #hero2_frame{	height:508px;}
#body_home #hero2_frame .page_frame{background: url('images/home-hero2.jpg') no-repeat center;
height: 508px;
}

#text_frame h1{font-size: 3em;margin-bottom: 10px;}
#text_frame p{font-size: 1.2em;margin-top:0; }
#body_home #text_frame{
	color: white;
	width: 60%;
	padding-top: 367px;
	text-align: right;
	padding-left: 120px;
}
#body_home #text_frame *{text-shadow: 0px 0px 7px #34345c;}

#container{
position: relative;
width: 1200px;
margin: 0 auto;
}

.page_frame{
    margin:0px auto;position:relative;
}

.page_full{
	width: 90%;padding: 0 5%;
}

.page_quarter{
	position: relative;
	width: 250px;
}
.page_wide{
	position: relative;
	width: 420px;
}
.page_half{
	position: relative;
	width: 500px;
}
.page_narrow{
	position: relative;
	width: 375px;
}
.introSection{
	min-height: 366px;
	overflow: hidden;
}
.half_img{
	position: absolute;top: 0;bottom: 0;right: 0;
}
.page_content{
	position: relative;
	width:750px;
}
.body_nothome .page_content{
	position: relative;
	width: 600px;
}

.page_sidebar{
	position: relative;
    width:335px;
}

.page_sidebar img{max-width:100%;}
.page_content img{max-width:100%;}

/* 3-column layouts only */

.page_tricol_left_double{
	/* width of first 2 columns */
	float:left;width:750px;margin-right:0px;
}
.page_tricol_right{
	float:right;width:220px;margin-left:30px;
}
.page_tricol_left{
	float:left;width:220px;margin-right:30px;
	text-align:right;
}
.page_tricol_content{
	/* middle column */
	float:right;width:500px;
}

.page_tricol_right img{max-width:100%;}
.page_tricol_left img{max-width:100%;}
.page_tricol_content img{max-width:100%;}

/* NAV */
#nav_frame{position: relative;height:107px;background-color:#000000;
}
#nav{
    position:relative;
}
ul.nav{
	position: relative;
	z-index:100;
	margin:0px;padding:0px;
	list-style:none;
	height: 50px;
	line-height: 50px;
	float: right;
	margin-top: 57px;

	}
ul.nav li{
	float:left;
	zoom:1;
	line-height:1em;margin-top:0px;margin-bottom:0px;
	}
ul.nav > li{
	padding:0;
	}
#nav a{
	display: block;
	float: left;
	line-height: 35px;
	padding: 0px 10px;
	text-decoration: none;
	color: #ffffff;
	font-weight: 900;
	font-size: 15px;
	text-transform: uppercase;
}

#nav li:last-child a{padding-right: 0;}
#nav a:hover, #nav a.current{
    color:#f1ecdb;
}
#sub_nav{height: 37px;background: #f1ecdb;line-height: 37px;font-size: 15px;}
#body_home #sub_nav{background-color: white;}

#phone{float: right;padding-left: 26px;background: url('images/phone-gold.png') no-repeat left 7px;
font-weight: 300;margin-right: 20px;color: #D4AF37;
}
#email{float: right;padding-left: 26px;background: url('images/mail-gold1.png') no-repeat left 10px;
font-weight: 300;margin-right: 20px;
}
#loc{float: right;padding-left: 17px;background: url('images/pin.png') no-repeat left 8px;
font-weight: 300;margin-right: 20px;
}
#search{float: right;padding-left: 21px;background: url('images/search-gold.png') no-repeat left 10px;
font-weight: 300;
}

#phone2{padding-left: 22px;background: url('images/phone-gold.png') no-repeat left 0px;
font-weight: 300;margin-bottom: 15px;
}
#email2{padding-left: 26px;background: url('images/mail-gold1.png') no-repeat left 2px;
font-weight: 300;margin-bottom: 15px;
}
#mobile_nav{display: none;}

#top_foot{
	position: relative;
	background: #D4AF37;
	height: 62px;
	line-height: 62px;
	color: white;
	font-size: .9em;
}
#top_foot a {color: white;}
#contact_footer{height: 100%;padding: 0 30px; float: left;}
#contact_footer a{padding-left: 10px;background: url('images/whiteArrow.png') no-repeat left center;
}
#search_footer{height: 100%;padding: 0 30px; float: left;}
#search_footer a {padding-left: 10px;background: url('images/whiteArrow.png') no-repeat left center;
}
#remax { float: left;padding:0 26px;background:#000000;height: 100%;}
#phone3{padding:0 26px;background:#000000;font-weight: 300;height: 100%;float:left;}
#phone3 span{padding: 3px 0 3px 26px;background: url('images/phone2-gold.png') no-repeat left -1px;
font-weight: 300;height: 100%;
}

#email3{padding:0 26px;font-weight: 300;height: 100%;float:left;background-color:  #000000;}
#email3 a{padding: 3px 0 3px 26px;background: url('images/gold-email.png') no-repeat left 3px ;
}

#facebook {margin-left: 20px;height: 60px;}
#facebook a {
padding: 3px 0 3px 26px;
background: url('images/facebook.png') no-repeat left -1px;
font-weight: 300;
height: 100%;
}
#twitter {margin-left: 20px;height: 60px;}
#twitter a {
padding: 3px 0 3px 26px;
background: url('images/twitter.png') no-repeat left -1px;
font-weight: 300;
height: 100%;
}

#linkedin {margin-left: 20px;height: 60px;}
#linkedin a {
padding: 3px 0 3px 26px;
background: url('images/Linked-in-IN.png') no-repeat left -1px;
font-weight: 300;
height: 100%;
}


#footer{
    clear:both;margin-top:50px;padding-bottom:200px;
}
#footer .page_frame{
    border-top:0 solid #444;
    height:100px;padding-top:12px;text-align:center;color:#444;font-size:0.85em;
}
#bizango{
    width:180px;height:12px;padding-bottom:33px;font-size:10px;color:#222;display:block;margin:0px auto 25px;
    background-image:url('images/bizango-black.png');
background-repeat:no-repeat;background-position:center bottom;
}

/* REQUIRED FOR CMS */

.help{
    padding:10px;background-color:#444;color:#eee;border:1px dotted #999;
}
.help p a{
    color:#ddd;text-decoration:underline;
}

/*bookshelf pages */

.bookshelfrow {
    background-image: url('images/bookshelf.png');
    background-repeat: no-repeat;
    background-position: 0px 261px;
}
.book_on_shelf {position:relative;float:left;width:205px;margin:30px 22px 20px 22px;height:430px;}
.book_on_shelf_img_holder{height:252px;width:100%;}
.book_on_shelf img{
	max-width: 100%;height:240px;display:block;margin:0px auto;box-shadow:1px 5px 7px rgba(0,0,0,.5);
}

/* bells and whistles */

img.illustration{
    display:block;margin:0px;margin-bottom:20px;
}
#logo{
    display:block;
    float: left;
    width:380px;height:107px;text-decoration:none;
    background-image:url('images/Youarethegift-header.jpg');
background-position:center;background-repeat:no-repeat;
}
/*.quote p:before{
	content: "\201C";
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 10px;
	vertical-align: -0.4em;
	font-family: Georgia, Times, "Times New Roman", serif;
}
.quote p:after{
	content: "\201D";
	font-size: 2em;
	line-height: 0.1em;
	margin-left: 5px;
	vertical-align: -0.4em;
	font-family: Georgia, Times, "Times New Roman", serif;
}*/

#bizango_superform .superform_field{
	padding:2%;border:1px solid #444;
	font-family:Arial,Helvetica, Sans-Serif;font-size:13px;line-height:18px;width:170px;
	margin-bottom: 10px;margin-left:20px;background-color:#f5f5f7;border:1px solid #f1ecdb;
	color:#bbb;padding:6px;
	display:block;
}
.input   input.superform_field{margin-left: 0!important;}
#bizango_superform #superform_submit{
 border:1px solid transparent;padding:6px;margin:0px;width:100px;
 background:#5275a5;color:#fff;
}
#bizango_superform label.error { background-color:#C42B40; color:#fff; vertical-align: top; display:block;}

.left_label{width: 200px; text-align: right;}
h3.form{ text-align: center;font-weight: 100;border-bottom:1px solid #f1ecdb;margin-bottom: 15px;}
#newsflash{
	padding:20px;color:#c6c2c2;margin-top:30px;margin-bottom:20px;
}
#newsflash a{color:#dd2325}
#newsflash h2, #newsflash h1{color:#eee}

div.circle {
	border-radius: 100px;
	height: 126px;
	width: 126px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-size: cover;
	border:5px solid #e0e1e4;
	background-image:url('images/default.jpg');
}

img.content_image{
	clear:left;display:block;float:left;margin:10px 20px 20px 0px;
}
.introText p:first-of-type{
	margin-bottom: 0;
}
.introText h1:first-of-type{
	margin-bottom: 10px;
}

.jlPhoto{
position: absolute;
right: 100px;
bottom: -35px;
z-index: 1;
}
.getstartedphoto{position:absolute;top: 13px;left: -12px;z-index: 1;}
.getstarted{margin-left: 128px;}


#body_neighborhoods img.illustration{
	width: 100%;
}
#body_contact .sidebarBG{display: none;} 
/* collection list items */

.collection_list_item{
	clear:both;margin-bottom:30px;
}
p.collection_list_item_readmore{text-align:left;clear:both;}

#body_home #nav_home,#body_home #nh{display:none;}

.baImg{
	position: relative;
	width: 100%;
	height: 240px;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 60px;
}
.baImg.landscape{background-size:cover;}
.baImg.portrait{background-size: auto 100%;}
.baCaption{
	position: absolute;
	text-align: right;
	right: auto;
	left: -210px;
	top: 0;
	width: 190px;
}

/* EXPANDABLE BUY BUTTON WITH TOGGLE-ABLE LINKS */
#buy_button_container{
	position: relative;
	} /* parent element for expandable buy button */

#buy_button{
	background-color:#222;color:#eee; padding:10px 20px;
	text-decoration:none;
	display:block;
}

#buy_button.buy_button_open{}/* open state for clickable part of the button */

#buy_button_container .buy_button_hidden{
	background-color:#222;color:#eee;
	padding:10px 20px;
	display:none;
}

#buy_button_container .buy_button_hidden p a{
	color:#eee;
	display:block;text-decoration:none;
	padding:10px 10px;
}

/* Breadcrumbs in Collections */

#breadcrumbs {}
#breadcrumbs ul {
	margin:0;
	padding:0;
	display:inline-block;
	}
#breadcrumbs li {
	font-size:1em;
	list-style:none;
	display:inline-block;
	}
#breadcrumbs a {
	color:#000000;
	}
#breadcrumbs a:after {
	content:"\203A";
	padding-left:5px;
	}
#breadcrumbs a:hover {
	text-decoration:none;
}

.blog_post_content img{margin:10px;}
.quoteholder{clear:both;border-bottom:1px solid #ebecef;padding-bottom: 0px;padding-top: 10px;}
.quoteholder p{line-height: 1.3em;margin-bottom: 10px;}
.quote_pic{float:left;width:20%;padding-right:2%}
.quote_quote{float:left;width:45%;padding-right:5%}
.quote_data{float:left;width:24%;}
.body_nothome .page_content_reviews{width:100%}
.quote_data p{margin:0px 0px 10px 0px;padding:0px;font-size:13px;}


/* helpers-> clearfix */
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.fl{float: left;}
.fr{float: right;}
.pl10{padding-left: 10px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr30{padding-right: 30px;}
.pr{padding-right:100px;}
.pl{padding-left: 100px;}
.pb40{padding-bottom: 40px;}
.mrNeg{margin-right: -100px}
.m0a{margin:0 auto;}
.mt25{margin-top: 25px;}
.pt40{padding-top: 40px;}
.pt60{padding-top: 60px !important;}
.p50{padding: 50px;}
.pl0{padding-left: 0;}
.mb0,.mb0 p{margin-bottom: 0;}
.slim{font-weight: 300;}
.clear{clear:both;}
.ltGrayBG{background: #f9f9fa;}
.whiteBG{background: white;}
.sidebarBG{background:white url('images/sidebar.gif') no-repeat left 169px;
}
.tAc{text-align: center;}
.tAr{text-align: right;}
.grayText{color:#959595;}
.goldText,.goldText a{color:#d4af37;}

.redText,.redText a{color: #b42758;}
.smFont{font-size: .8em;}
.arrowRight{padding-right: 10px;background: url('images/arrowright-gold.png') no-repeat right center;
}
.arrowLeft{padding-left: 10px;background: url('images/arrowright-gold.png') no-repeat left center;
}
.arrowRightRed{padding-right: 10px;background: url('images/arrowrightred.png') no-repeat 191px center;
}
.arrowRightGold{padding-right: 10px;background: url('images/arrowright-gold.png') no-repeat 191px center;
}

/*the top queries only deal with skinny-ing up the edges*/
@media only screen and (max-width:1220px) and (min-width:1081px) {
	body{
	overflow-x: hidden;
	}
	.pl{
	    padding-left:50px;
	}
	.pr{
	    padding-right:50px;
	}
	.mrNeg{margin-right: -50px}
	#container{width: 1100px;}
	#body_home #text_frame {padding-left: 20px;}
}

@media only screen and (max-width:1080px) and (min-width:1021px) {
	body{
	overflow-x: hidden;
	}
	.pl{
	    padding-left:10px;
	}
	.pr{
	    padding-right:10px;
	}
	.mrNeg{margin-right: -10px}
	#container{width: 1020px;}
	#body_home #text_frame {padding-left: 10px;}
}

@media only screen and (max-width:1020px){
	.pl{
	    padding-left:0px;
	}
	.pr{
	    padding-right:0px;
	}
	.mrNeg{margin-right: 0px}
	#container{width: 1000px;}
	#body_home #text_frame {padding-left: 5px;padding-top: 307px;width: 45%;}
	.jlPhoto {left:500px;right: auto;
	}
}

/*- Mobile Styles */
@media only screen and (max-width: 700px){
	#nav,#sub_nav{display:none;}
	#nav_frame{height: 152px;}

	#mobile_nav{
		display: block;
		text-align: right;
		padding-right:10%;
		height: 45px;
		line-height: 45px;
		cursor: pointer;
		width: 90%;
		position: relative;
		z-index: 100;
		background: #D4AF37;
	}
	#mobile_nav .icon{
		position: relative;
		font-size: 1.4em;
		float: right;
		padding-left: 5px;
		color: white;
	}
	#mobile_nav .nav{
		position: absolute; 
		width: 100%;
		top:45px;
		margin-top: 0;
	}
	#mobile_nav .nav li{
		float: none;
		height: 25px;
		line-height: 25px;
		background-color:#f1ecdb;
		padding:6px 5%;
	}
	#logo{float: none;max-width: 100%;background-size: contain;}
	.half_img{height: 200px;position: relative;}
	.jlPhoto {position: absolute;right: 0;left: 0;margin: 0 auto;top:248px;}
	#body_home #text_frame {width: 90%;padding: 53px 5% 0 5%;}
	.quote{padding: 20px 40px;}
	.introSection{height: auto;}
	#text_frame h1 {font-size: 2em;text-align: center;}
	#text_frame p{text-align: center;}
	#body_home #hero_frame .page_frame {background: url('images/Fearless-photo-MOB.jpg') no-repeat center;
height: 508px;
}

	.fl,.fr{float: none;}
	.p50 {padding: 20px 0;}
	.getstarted{text-align: right;}
	#top_foot{height: auto;}
	#email3,#phone3,#remax,#search_footer,#contact_footer{float: none;}
	#search_footer{background: #D4AF37;}
	.getstartedphoto{position:absolute;top: 13px;left: 35px;z-index: 1;}
	.page_tricol_right img.illustration{width: 50%; margin: 10px auto;}
	.collection_list_item{margin-bottom: 10px;}
	.page_tricol_left_double,.page_frame,#container,.page_narrow{
		float:none;width: 100%;margin: 0;
	}
	.page_ba,.page_tricol_right,.page_tricol_left,.page_tricol_content,.page_content,.page_sidebar,.body_nothome .page_content,.page_half,.page_quarter,.page_wide,.body_nothome .page_content_reviews{
		width: 90%!important;margin:0;padding: 0 5%;
	}
	.mobPB20{padding-bottom: 20px;}
	.mobPB50{padding-bottom: 50px;}
	#footer{padding-bottom: 50px;}
	.page_tricol_left{
		text-align: left;
	}
	.page_tricol_left img{
		display: block;
		margin: 0 auto;
	}

	.baCaption {
	  position: absolute;
	  text-align:left;
	  right: auto;
	  left:5%;
	  top:10px;
	  width:auto;
	  color: white;
	  text-shadow:1px 1px 4px black;
	}
	.pr50{padding-right: 0}

	.quote_pic{float:right;width:30%;padding:0px 5%}
	.quote_quote{float:none;width:80%;padding:0px 5%}
	.quote_data{float:none;width:80%;padding:5% 5%;text-align:center;}
	.quote_data p , .quote_data div {display:inline;padding-right:10px;}
	.quote_quote .tAr{text-align:center;}

/*a,b,body,div,h1,h2,h3,h4,h5,h6,hr,html,i,img,li,ol,p,span,tbody,td,tfoot,th,thead,tr,u,ul{border:1px solid red;}*/


}
.small{font-size:.8em
	
}