/*Capricorn Plumbing Ltd Screen CSS*/

* {
	padding: 0;
	margin: 0;
}

body {
	font: 12px/19px "Verdana",Arial, sans;
	color: #666666;
	background: #ffffff;	
}

p {
	margin-bottom: 10px;
	padding: 0px 27px 5px 27px;
}




/*Layout Divs*/

div#wrapper { /* Drop-back Shadow & Site Wrapper */
	width: 750px;
	margin: 0 auto;
	padding: 0 16px 0 8px;
	position: relative;
	background-color: #fff;
}


div#content_wrapper_background {
	width: 750px;
	background: url(../images/capricorn_watermarked.jpg) 100% 100% no-repeat;
}

div#content_wrapper {
	width: 750px;
	font: 11px/16px "Verdana",Arial, sans;
	background: url(../images/content_background.jpg) left top no-repeat;
}

div#content {
	font: 11px/16px "Verdana",Arial, sans;
	width: 500px;
	padding: 20px 5px 5px 27px;
}

div#content_wrapper h3, div#content_wrapper h3 {
	font: bold 16px/19px "Verdana",Arial, sans;
	padding: 20px 0px 5px 27px;
	margin-bottom: 10px;
}

div#content_wrapper h4, div#content_wrapper h4 {
	font: bold 14px/16px "Verdana",Arial, sans;
	padding: 10px 0px 5px 27px;
	margin-bottom: 10px;
}

div#content_wrapper ul, div#content_wrapper ul {
	font: 11px/19px "Verdana",Arial, sans;
	padding: 0px 0px 5px 57px;
}

div#quote {
	font: italic 11px/16px "Verdana",Arial, sans;
	width: 500px;
	padding: 20px 5px 5px 27px;
}

div#quote p {
margin: 0px;
padding: 0px; }

div#benefits {
	background: url(../images/benefits.jpg) left top no-repeat;
	width: 444px;
	height: 82px;
	margin: 20px 0px 0px 0px;
}

div#benefits ul {
	display: none;
}

div#extra {
	font: 11px/12px "Verdana",Arial, sans;
	width: 500px;
	padding: 5px 5px 10px 27px;
}

/* --- BEFORE & AFTER --- */

div#wrapper div#content_wrapper_background div#content_wrapper div#gallery_small {
	float:left;	
	width:290px;
	display: inline-block;
	padding-left:25px; }

div#wrapper div#content_wrapper_background div#content_wrapper div#gallery_small a {
	margin:3px;
	float:left;
	display: inline; }

div#wrapper div#content_wrapper_background div#content_wrapper div#gallery_small img {
	border: none; }

div#wrapper div#content_wrapper_background div#content_wrapper div#gallery_large {
	float:left;
	display: inline-block;
	padding-bottom:20px;
	padding-top:3px;
	width:380px;
	text-align: center; }

/* --- OTHER ELEMENTS --- */

h1#headings {
	background: url(../images/logo.jpg) no-repeat left;
	left: 12px;
	width: 222px;
	height: 82px;
	text-indent: -5000px;
	margin-left: 9px;
}

h3#heading {
	background: url(../images/quality_h3.jpg) left no-repeat;
	width: 345px;
	height: 21px;
	text-indent: -5000px;
	margin: 12px 0px 0px 27px;
}


div#top { /* Top Div */
	width: 750px;
	background: url(../images/trustmarks.jpg) 378px 31px no-repeat;
}


ul#nav {
	width: 750px;
	height: 26px;
	margin-top: 8px;
	background: #0055a5;
}

ul#nav li {
	float: left;
	list-style: none;
	border-right: 1px solid #fff;
	height: 26px;
	width: 106px;
}

ul#nav li.last {
	border: none;
	width: 108px;
}

ul#nav li a {
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: center;
	padding: 3px 0 4px 0;
}

ul#nav li a:hover {
	background: #2479ca;
}

div#header {
	background: url(../images/header.jpg) left top no-repeat;
	width: 750px;
	height: 170px;
	clear: left;
}

div#header h2 {
	display: none;
}

div#footer {
	background: url(../images/footer_background.jpg) top no-repeat;
	color: #fff;
	font: 12px "Verdana",Arial, sans;
	background-color: #0055a5;
	clear: both;
	height: 40px;
	padding: 52px 0px 0px 27px;
}

div#footer_links {
	color: #fff;
	float:  right;
	margin: -12px 20px 0px 0px;
}


div#footer span {
	font: bold 12px "Verdana",Arial, sans;
	color: #999999;
}

div#footer a {
	color: #fff;
}

div#copyright {
text-align: center;
font-size: 10px; }

div#copyright a {
	color: #333333;
}

/*Classes*/

.creditcards {
	float:  right;
	margin: 20px 20px 20px 20px;
}

.imgBeforeAfterLandscape {
	float:  left;
	margin: 0px 16px 0px 0px;
	border: 1px #adb3b6 solid; }

.imgBeforeAfterPortrait {
	float:  left;
	margin: 0px 10px 0px 0px;
	border: 1px #adb3b6 solid; }

.clear {
clear: both; }