/** GENERAL **/
hr.dotted		{ border-top:none; border-bottom:1px dotted #CCCCCC; margin:20px 0px; padding:0px; }



/** STATIC HEADER **/
.static-header				{ position:relative; padding:30px 0px; font-size:1.3em; background:#F9F9F9; }
.static-header h1			{ font-size:2.3em; font-weight:400; color:#1f3d73; margin:0px 0px 15px 0px; }
.static-header p			{ max-width:70%; }
.static-header h1,
.static-header p			{ position:relative; z-index:2; color:#1f3d73; }
.static-header .gradiant	{ position:absolute; left:0; right:0; bottom:0; width:100%; z-index:1; height:191px; border-bottom:2px solid #872234; }


/** STATIC CONTENT **/
.static-intro		{ padding:30px 0px; font-size:1.1em; line-height:1.6em; }
.static-content		{ margin:40px 0px 0px 0px; }
.static-content h3	{ margin:40px 0px 0px 0px; padding:0px 0px 10px 0px; }

.static-intro		{ border-bottom:1px dotted #CCCCCC; }
.static-content h3	{ border-bottom:1px dotted #CCCCCC; }



/** STATIC LIST **/
.static-list 			{ font-size:1.1em; line-height:1.6em; }

.static-list li			{ color:#1f3d73;; }
.static-list li span	{ color:#777777; }



/** STATIC BANNERS **/
.static-banner		{ width:100%; max-width:960px; max-height:300px; margin:20px auto; }



/** STATIC FORM **/
.static-form							{ padding:20px 0px; margin:40px 0px 0px 0px; }
.static-form .form-left					{ float:left; }
.static-form .form-right				{ float:right; }
.static-form .form-left,
.static-form .form-right				{ width:48%; }
.static-form .form-row-strech .styledd,
.form .form-textbox input,
.form .form-textbox textarea			{ width:100%; }

.static-form							{ background:#F9F9F9; }
.static-form h3							{ color:#872234; }
.static-form .form-row-strech .styledd	{ background:#FFFFFF; }



/** MEET THE TEAM **/
.team-member								{ margin:20px; padding:20px 0px 0px 0px; float:left; width:45%; }
.team-member .image							{ display:none;float:left; width:250px; }
.team-member .image img						{ width:100%; max-width:600px; max-height:844px; }
.team-member .text-wrapper .name			{ font-size:1.8em; }
.team-member .text-wrapper .position		{ font-size:1.3em; padding:0px 0px 10px 0px; }
.team-member .text-wrapper .bio				{ padding:20px 0px; line-height:1.6em; }
.team-member .text-wrapper .email			{ display:inline-block; }

.team-member								{ border-top:1px solid #EFEFEF; }
.team-member .image							{ border:5px solid #EFEFEF; }
.team-member .text-wrapper .name			{ color:#1f3d73; }
.team-member .text-wrapper .position		{ border-bottom:5px solid #872234; }



/** STEPS **/
.step-box							{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; clear:both; }
.step-box .image					{ float:left; width:300px; position:relative; }
.lt-ie9 .step-box .image			{ height:auto !important; max-height:200px; }
.step-box .image .step				{ position:absolute; bottom:0; left:0; right:0; padding:10px; }
.step-box .image .step span			{ display:block; font-size:1.5em; text-transform:uppercase; }
.step-box .text-wrapper				{ margin:0px 0px 0px 320px; line-height:1.6em; padding:0px 20px; }
.lt-ie9 .step-box .text-wrapper		{ height:auto !important; }

.step-box							{ border-bottom:1px solid #EFEFEF; }
.step-box .image .step				{ background:rgb(23,50,68); background:rgba(23,50,68,0.9); color:#FFFFFF; }
.step-box .image .step span			{ color:#F8CF0D; }



/** MORTGAGES **/
.mortgage-logo		{ float:right; width:100%; max-width:144px; max-height:144px; }

/** CONTACT **/
.vcard .vcard-details 	{ font-size:1em; }



/** RESPONSIVE **/
@media screen and (max-width:830px){
	.team-member	{ width:40%; }
}

@media screen and (max-width:600px){
	
	.static-header				{ font-size:1em; }
	.static-header p			{ max-width:100%; }
	.step-box .image			{ float:none; width:100%; height:150px; }
	.step-box .text-wrapper		{ margin:0px 0px 0px 0px; padding:0px 0px; height:auto !important; }
	.team-member				{ width:100%; margin:20px 0px; }
	/*(.team-member .image			{ float:left; width:150px; }
	.team-member .text-wrapper	{ margin:0px 0px 0px 200px; }*/

}

@media screen and (max-width:550px){
	
	.static-form .form-left		{ float:none; }
	.static-form .form-right	{ float:none; }
	.static-form .form-left,
	.static-form .form-right	{ width:100%; }
	.static-list 				{ font-size:1em; line-height:1.6em; }

}

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

	.mortgage-logo								{ display:block; float:none; width:100%; max-width:144px; max-height:144px; margin:20px auto; }
	/*.team-member .image							{ float:none; width:96%; margin:0px auto; clear:both; }
	.team-member .text-wrapper					{ margin:20px 0px 0px 0px; }
	.team-member .text-wrapper .name			{ font-size:1.4em; }
	.team-member .text-wrapper .position		{ font-size:1.1em; }*/

}

@media screen and (max-width:450px){
	
	.static-header			{ text-align:center; }
	.static-header h1		{ font-size:1.5em; }
	
}