

/** PAGE TITLES **/
.static-titles						{ padding:40px 0px 40px 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:#00a0ee; }
.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; line-height:1.4em; }
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:#00a0ee; }
.static-content h2 span							{ color:#777777; }
.static-content h3								{ color:#00a0ee; }
.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%; }

.residential-list			{ list-style-type: none;}
.about-quote						{ color:#00a0ee !important; }

.sell-01						{ background:#2A2A2A url(../style/static/sales-03.jpg) no-repeat 100% 80%; text-align:center; }
.sell-01 .title-top,
.sell-01 .title-middle,
.sell-01 .title-bottom			{ display:block; float:none; width:100%; color:#FFF; }

.sell-01 .title-top						{ font-size:3em; padding:40px 0px 0px 0px; }
.sell-01 .title-middle				{ font-size:1.3em; padding:40px 0px 0px 0px; }
.sell-01 .title-middle-big		{ font-size:4.3em; }
.sell-01 .title-bottom				{ font-size:3em; padding:40px 0px 0px 0px; }



/** 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 #00a0ee; }
.static-content .static-list li:nth-child(odd)	{ background:#FAFAFA; }
.static-content .static-list li span			{ color:#262626; }
.static-content .static-list li span.blue		{ color:#00a0ee; }



/** 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:#00a0ee; color:#FFFFFF; }
.link-list li a:hover			{ background:#48baf1; 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-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; }

.form .form-row .form-field-error .textbox,
.form .form-row .form-field-error textarea,
.form .styledd.form-field-error 					{ border:1px solid #00a0ee !important; }



/** 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:#00a0ee; }
.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; }

.developments-page 																							{  }
.developments-page .square 																			{ display:inline-block; vertical-align:top; width:45%; padding:15px; margin:8px; background:#EFEFEF; color:#777777; }
.developments-page .square .square-spacing 											{ padding:20px; text-align:center; }
.developments-page .square .square-spacing img									{ width:100%; max-width:580px; max-height:435px; }
.developments-page .square .square-spacing .developImage img		{ width:100%; max-width:580px; max-height:435px; }


/** 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%; }
	.sell-01 .title-top						{ padding:70px 0px 0px 0px; }

}

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

	.static-titles										{ font-size:1em; }
	.sell-01 .title-bottom						{ font-size:2.8em; }

}

@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; }
	.sell-01 .title-top						{ padding:40px 0px 0px 0px; }
	.sell-01								{ height:240px !important; }

}

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

	.image-box,
	.step-box			{ width:100%; }
	.image-box .padding,
	.step-box .padding	{ height:auto !important; }

}
@media screen and (max-width:330px){
	.sell-01 .title-top						{ font-size:2.7em; }
	.sell-01 .title-bottom				{ font-size:2.5em; }
}
