/** PAGE TITLES **/
.static-title		{ padding:30px 0px;  text-transform:uppercase; font-size:1.3em; }

.static-title		{ color:#FFFFFF; background:#FFFFFF url(static/static-titles.jpg) no-repeat 50% 50%; background-size:cover; text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.5); }

/** MAIN CONTENT **/
.static-content							{ padding:30px 0px; }
.static-content h2,
.static-content h3						{ text-transform:uppercase; font-size:1.8em; }
.static-content h2 span,
.static-content h3 span					{ display:block; text-transform:none; font-size:0.8em; }
.static-content .static-left			{ float:left; width:65%; font-size:14px; line-height:26px; }
.static-content .static-right			{ float:right; width:30%; }

.static-content h2						{ color:#000000; }
.static-content h3						{ color:#FFC005; }
.static-content h2 span,
.static-content h3 span					{ color:#777777; }

/** TEAM **/
.team-member						{ margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; }
.team-member .image					{ float:left; width:200px; }
.team-member .image img				{ width:100%; max-width:600px; max-height:660px; }
.team-member .text-wrapper			{ margin:0px 0px 0px 250px; }
.team-member .name					{ font-size:1.5em; }
.team-member .name span				{ font-size:1.2em; display:block; }
.team-member .position				{ padding:10px 0px; }
.team-member .email					{ margin:10px 0px 0px 0px; }

.team-member						{ border-top:1px dotted #CCCCCC; }
.team-member .text-wrapper			{ color:#777777; }
.team-member .name					{ color:#777777; }	
.team-member .name span				{ color:#000000; }
.team-member .position				{ color:#777777; }
.team-member .bio					{ color:#777777; }

/** IMAGES **/
.office-interior	{ width:100%; max-width:960px; max-height:640px; margin:20px auto; }

/** RESPONSIVE **/
@media screen and (max-width:700px){
	
	.team-wrapper 							{ margin-bottom:40px; }
	.team-member .image						{ float:none; width:auto; text-align:center; }
	.team-member .text-wrapper				{ margin:0; }
	
}

@media screen and (max-width:660px){
	
	.static-content .static-left			{ float:left; width:65%; }
	.static-content .static-right			{ float:right; width:30%; }
	
}

@media screen and (max-width:480px){
	
	.static-content .static-left,
	.static-content .static-right			{ float:none; width:auto; }
	
}
