/** STATIC TITLES **/
.static-titles {
	padding: 20px 0px;
}

.static-titles h1 {
	text-transform: uppercase;
}

.static-titles .sub-title {
	font-size: 1.3em;
	color: #FFFFFF;
}

.static-titles {
	border-bottom: 5px solid #E51837;
	background: #FFFFFF url(backgrounds/derry-landscape.jpg) no-repeat 50% 46%;
}

.static-titles h1 {
	color: #E51837;
}



/** GENERAL **/
.static-wrapper {
	padding: 60px 0px;
	font-size: 1.3em;
}

.static-wrapper .static-left {
	float: left;
	width: 65%;
}

.static-wrapper .static-right {
	float: right;
	width: 30%;
}

.static-wrapper .static-centre {
	width: 100%;
}

.static-wrapper h1,
.static-wrapper h2,
.static-wrapper h3 {
	color: #E51837;
}

.static-list li {
	color: #E51837;
}

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

.servicesImage {
	max-wdith: 880px;
	max-height: 587px;
	width: 100%;
}



/** STATIC FORMS **/
.static-wrapper form {
	padding: 20px;
	margin: 0px 0px 30px 0px;
}

.static-wrapper form .styledd {
	width: 100%;
}

.static-wrapper form {
	background: #EFEFEF;
	border: 1px solid #CCCCCC;
}

.static-wrapper form .styledd {
	background: #FFFFFF;
}



/** BACK TO TOP **/
.bttop {
	display: block;
	margin: 20px 0px;
	padding: 0px 0px 20px 0px;
}

.bttop {
	border-bottom: 1px dotted #CCCCCC;
}



/** MORTGAGES **/
.MortgageCard {
	text-align: center;
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 40px 0px;
}

.MortgageCard-logo {
	margin: 0px 0px 20px 0px;
}

.MortgageCard-logo img {
	display: block;
	width: 100%;
	max-width: 260px;
	height: auto;
	margin: 0px auto;
}

.MortgageCard strong,
.MortgageCard a {
	display: block;
}

.MortgageCard a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: lowercase;
	margin: 10px 0px 0px 0px;
}



/** RESPONSIVE **/
@media screen and (max-width:768px) {

	.static-wrapper .static-left,
	.static-wrapper .static-right {
		float: none;
		width: 100%;
	}
}