

/** PAGE TITLES **/
.static-titles						{ padding:20px 0px; font-size:1.3em; }
.static-titles h1					{ text-transform:uppercase; font-weight:400; }
.static-titles h1 span				{ text-transform:none; font-weight:300; }
.static-titles .static-sub-title	{ padding:0px; margin:0px; }

.static-titles						{ background:#FFFFFF; }
.static-titles h1					{ color:#263581; }
.static-titles h1 span				{ color:#777777; }
.static-sub-title 					{ font-size:1.4em; color:#777777; font-weight:300; }


/** MAIN CONTENT **/
.static-content									{ padding:40px 0px; font-size:1.2em; line-height:1.5em; }
.static-content h2								{ text-transform:uppercase; font-weight:400; }
.static-content h2 span							{ text-transform:none; font-weight:300; }
.static-content h3								{ text-transform:uppercase; font-weight:400; }
.static-content h3 span							{ text-transform:none; font-weight:300; }
.static-content .static-list					{ font-size:1.1em; }
.static-content blockquote						{ margin:20px 0px; padding:20px; text-align:center; font-style:italic; font-size:1.5em; }
hr.dotted										{ margin:20px 0px; padding:0px; }
.static-content .static-col						{ width:47%; }
.static-content .static-left					{ float:left; }
.static-content .static-right					{ float:right; }

.static-content.static-grey						{ background:#FAFAFA; }
.static-content h2								{ color:#263581; }
.static-content h2 span							{ color:#777777; }
.static-content h3								{ color:#263581; }
.static-content h3 span							{ color:#777777; }
.static-content blockquote						{ border:10px solid #EEEEEE; color:#777777; }
hr.dotted										{ border:none; border-bottom:1px dotted #CCCCCC; }

.sales-image 									{ max-width:960px; max-height:403px; width:90%; }



/** STATIC LISTS **/
.static-content .static-list					{ list-style:none; margin:20px 0px; padding:0px; }
.static-content .static-list li					{ display:block; padding:10px; margin:0px 0px 10px 0px; }

.static-content .static-list li					{ border-left:3px solid #2A2A2A; }
.static-content .static-list li:nth-child(odd)	{ background:#FAFAFA; }
.static-content .static-list li span			{ color:#262626; }



/** LINK LISTS **/
.link-list						{ list-style:none; margin:20px 0px; padding:0px; }
.link-list li					{ display:block; margin:0px 0px 5px 0px; }
.link-list li a					{ padding:10px; display:block; text-transform:uppercase; }
.link-list li a:after 			{ content: " \00bb"; }

.link-list li a					{ background:#263581; color:#FFFFFF; }
.link-list li a:hover			{ background:#e94b23; color:#FFFFFF; }



/** STATIC FORMS **/
.static-form-wrapper								{ padding:10px; }
.static-form-wrapper h1								{ text-transform:uppercase; font-weight:400; }
.static-form-wrapper h1 span						{ text-transform:none; font-weight:300; }
.static-form-wrapper .text							{ font-size:1.3em; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.static-form-wrapper .form .form-row .form-label	{ display:none; }
.static-form-wrapper .form .form-half				{ width:48%; clear:none; }
.static-form-wrapper .form .form-half-left			{ float:left; clear:left; }
.static-form-wrapper .form .form-half-right			{ float:right; clear:right; }
.static-form-wrapper .form .form-full				{ display:block; clear:both; width:100%; }
.static-form-wrapper .form .form-textbox input,
.static-form-wrapper .form .form-textbox textarea	{ padding:15px; width:100%; }
.static-form-wrapper .form .styledd,
.static-form-wrapper .form .htmldd					{ padding:10px 15px; width:100%; }
.static-form-wrapper .form .form-textbox textarea	{ min-height:150px; }
.static-form-wrapper .form .form-button-row			{ text-align:right; text-transform:uppercase; }

.static-content.static-grey	.static-form-wrapper	{ background:#FFFFFF; border:1px solid #DDDDDD; }
.static-form-wrapper h1								{ color:#2a2a2a; }
.static-form-wrapper h1 span						{ color:#777777; }
.static-form-wrapper .text							{ color:#777777; border-bottom:1px solid #CCCCCC; }
.static-form-wrapper .form select,
.static-form-wrapper .form .htmldd,
.static-form-wrapper .form .styledd,
.static-form-wrapper .form .form-textbox input,
.static-form-wrapper .form .form-textbox textarea 	{ background:#FFFFFF; border:1px solid #CCCCCC; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }



/** IMAGE BOX **/
.image-box								{ display:inline-block; vertical-align:top; width:33%; text-align:left; }
.image-box .padding						{ margin:10px 10px 30px 10px; position:relative; }
.image-box .image img					{ width:100%; max-width:600px; max-height:440px; }
.image-box .title						{ text-transform:uppercase; padding:15px 15px 0px 15px; font-size:1.3em; }
.image-box .sub-title					{ padding:5px 15px 0px 15px; font-size:1.1em; }
.image-box .text						{ padding:15px; font-size:1em; }
.image-box ul							{ list-style:none; margin:10px 0px; padding:10px 0px; }

.image-box .title						{ color:#263581; }
.image-box .sub-title					{ color:#666666; }

.image-box .padding						{ background:#FAFAFA; -webkit-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); -moz-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); }
.static-grey .image-box .padding		{ background:#FFFFFF; -webkit-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.1); -moz-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.1); box-shadow:0px 5px 10px 0px rgba(150,150,150,0.1); }


/** OFFICE BOX **/
.office-box								{ display:inline-block; vertical-align:top; width:49%; text-align:left; }
.office-box .padding					{ margin:12px 20px 30px; position:relative; }
.office-box .image img					{ width:100%; max-width:600px; max-height:440px; }
.office-box ul							{ list-style:none; margin:10px 0px; padding:10px 0px; }

.office-box .padding					{ background:#FAFAFA; -webkit-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); -moz-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); }



/** IMAGE BOX - FULL WIDTH **/
.image-box.image-box-full							{ display:block; width:100%; text-align:left; }
.image-box.image-box-full .image					{ position:absolute; left:0; top:0; bottom:0; width:300px; }
.image-box.image-box-full .text-wrapper				{ margin:0px 0px 0px 300px; }



/** STEP BOX **/
.step-box							{ display:inline-block; vertical-align:top; width:33%; text-align:center; }
.step-box .padding					{ margin:10px 10px 30px 10px; position:relative; }
.step-box .image					{ text-align:center; }
.step-box .image .step				{ text-transform:uppercase; padding:50px 0px; line-height:2em; font-size:1.5em; }
.step-box .image .step span			{ display:block; font-size:3em; }
.step-box .title					{ text-transform:uppercase; padding:10px; font-size:1.2em; }
.step-box .text						{ padding:20px; }

.step-box .title					{ background:#2A2A2A; color:#FFFFFF; }
.step-box .padding					{ background:#FAFAFA; -webkit-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); -moz-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); box-shadow:0px 5px 10px 0px rgba(150,150,150,0.3); }
.static-grey .step-box .padding		{ background:#FFFFFF; -webkit-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.1); -moz-box-shadow:0px 5px 10px 0px rgba(150,150,150,0.1); box-shadow:0px 5px 10px 0px rgba(150,150,150,0.1); }
.step-box .image					{ background:#FFFFFF url(static/step-bg.jpg) no-repeat 50% 50%; background-size:cover; color:#FFFFFF; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5); }



/** LANDLORD SERVICES **/
.lt-ie9 .landlord-services .static-col						{ height:auto !important; }
.lt-ie9 .landlord-services .static-col.fill-space			{ max-height:250px; height:300px; }



/** PROFESSIONAL AGENTS **/
.ypa-affiliates img		{ width:100%; max-width:660px; max-height:440px; }



/** MEET THE TEAM **/
.meet-the-team .image-box .image		{ height:auto !important; }




/** CONTACT PAGE **/
.vcards .vcard .vcard-details			{ font-size:1.2em; }
.vcards-max660 .vcard .vcard-map		{ float:none; width:100%; }
.vcards-max660 .vcard .vcard-details	{ margin:0px 0px 0px 0px; }



/** RESPONSIVE **/
@media screen and (max-width:900px){
	
	.image-box,
	.step-box			{ width:32%; }

}

@media screen and (max-width:800px){
	
	.image-box,
	.step-box			{ width:49%; }

}

@media screen and (max-width:720px){
	
	.static-titles										{ font-size:1em; }

}

@media screen and (max-width:690px){
	
	.image-box.image-box-full .image					{ position:static; width:100%; height:200px !important; }
	.image-box.image-box-full .text-wrapper				{ margin:0px 0px 0px 0px; }
	.office-box											{ width:100%; }
	
}

@media screen and (max-width:660px){
	
	.static-titles										{ font-size:1em; }
	.static-titles h1									{ font-size:1.6em; }
	.static-content .static-col							{ width:100%; }
	.static-content .static-left,
	.static-content .static-right						{ float:none; clear:both; margin:20px 0px; }
	.static-content .ypa-affiliates						{ height:auto !important; margin:0px 0px 20px 0px; }
	.static-form-wrapper .form .form-half				{ width:100%; clear:both; }
	.static-form-wrapper .form .form-half-left,
	.static-form-wrapper .form .form-half-right			{ float:none; clear:both; }
	.link-list											{ margin:0px 0px; }
	
}

@media screen and (max-width:560px){
	
	.image-box,
	.step-box			{ width:100%; }
	.image-box .padding,
	.step-box .padding	{ height:auto !important; }

}





