/** 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; }
.static-header h1			{ font-size:2.3em; font-weight:400; color:#FFFFFF; text-shadow:0 0 3px rgba(0,0,0,1); margin:0px 0px 15px 0px; }
.static-header p			{ max-width:70%; }
.static-header h1,
.static-header p			{ position:relative; z-index:2; }
.static-header .gradiant	{ position:absolute; left:0; right:0; bottom:0; width:100%; z-index:1; height:191px; }

.static-header				{ color:#FFFFFF; background:#209CDA url(backgrounds/bg-03.jpg) no-repeat 50% 30%; border-bottom:5px solid #F8CF0D; background-size:cover; }
.static-header .gradiant	{ background:transparent url(backgrounds/static-gradiant.png) 50% 100% repeat-x; }



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

.static-intro		{ background:#F9F9F9; border-bottom:1px solid #CCCCCC; }

.movemadeimage							{ float:left; margin:10px 0px 40px 0px; }
.movemadeimage img						{ width:100%; max-width:960px; max-height:355px; }


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

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



/** 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	{ width:100%; }

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



/** MEET THE TEAM **/
.team-member								{ display:block; clear:both; margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; }
.team-member .image							{ float:left; width:250px; }
.team-member .image img						{ width:100%; max-width:600px; max-height:844px; }
.team-member .text-wrapper					{ margin:0px 0px 0px 300px; }
.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:#209CDA; }
.team-member .text-wrapper .position		{ border-bottom:5px solid #F8CF0D; }



/** 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; }



/** RESPONSIVE **/
@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 .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; }

}