/*
CSS - Burrendah Plumbing
*/

@import url('nav.css');

* {
	padding: 0;
	margin: 0;
}/* this will reset all elements to margin/padding = 0 */

body {
	background: #b1cde0;
}

div#container {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 740px;
	background: #fff;
	overflow: hidden;
}

img {border: none;}

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**************************
	HEADER
**************************/
div#header {
	width: 740px;
	height: 130px;
	background: url(../images/core/header-background.png) top left no-repeat;
}

div#header img.header-logo {
	width: 308px;
	height: 114px;
	margin: 8px 0 0 0;
}



/**************************
	LEFTBOX
**************************/
div#leftbox {
	width: 247px;
	float: left;
	border-left: 1px solid #8b8f93;
	padding-bottom: 32767px; /* equal-height columns - http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	margin-bottom: -32767px;
}

div#leftbox blockquote {	
	background: url(../images/core/quote.gif) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #226997;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin: 34px 0 34px 0;
	padding: 10px 0 0 0;
	height: 91px;
}

div#leftbox blockquote em {font-size: 18px; color: #a71f1f;}

div#leftbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3a3736;
	text-decoration: underline;
	margin: 30px 10px -15px 0;
	text-align: right;
}

div#leftbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	text-align: right;
	margin: 0 10px 10px 0;
}

div#leftbox p a, div#leftbox p a:visited {color: #226997; font-weight: bold; text-decoration: none;}
div#leftbox p a:hover  {color: #226997; font-weight: bold; text-decoration: underline;}

div#leftbox img.webbasic {
	margin: 40px 10px 40px 0;
	float: right;
}




/**************************
	CONTENTBOX
**************************/
div#contentbox {
	width: 491px;
	background: #fff;
	float: right;
	border-right: 1px solid #8b8f93;
	padding-bottom: 32767px; /* equal-height columns - http://www.positioniseverything.net/articles/onetruelayout/equalheight */
	margin-bottom: -32767px;
}

div#contentbox div#contentbox-top {
	width: 491px;
	height: 192px;
	background: #94b8d1;
}

div#contentbox div.content {
	width: 450px;
	margin: 37px 0 0 12px;
}

div#contentbox div.content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #226997;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #901e1e;
}

div#contentbox div.content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #901D20;
	margin: 0 0 -7px 0;
}

div#contentbox div.content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	line-height: 16px;
	margin: 10px 0 10px 2px;
}

div#contentbox div.content hr {
	height: 0;
	color: #eaeaea;
	background: #eaeaea;
	border: 1px solid #eaeaea;
	width: 70%;
	margin: 20px auto;
	clear: both;
}

div#contentbox div.content ul.list li {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	line-height: 16px;
}

div#contentbox div.content img.img_right {float: right; margin-right: 10px; clear: right;}
div#contentbox div.content img.img_left {float: left; margin: 0 10px 10px 0;}

div#contentbox div.content p a, div#leftbox p a:visited {color: #226997; font-weight: bold; text-decoration: underline;}
div#contentbox div.content p a:hover  {color: #226997; font-weight: bold; text-decoration: none;}

div#contentbox div.content p.pdf {background: url(../images/core/icon-pdf.gif) center left no-repeat; padding-left: 20px;}


/**************************
	FOOTER
**************************/
div#footer {
	clear: both;
	background: url(../images/core/footer-bg.jpg) top left no-repeat;
	width: 740px;
	height: 58px;
	margin: 0 auto;
}

div#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3a3736;
	line-height: 16px;
	padding: 5px 0 5px 10px;
}

div#footer a {color: #3a3736; text-decoration: underline;}
div#footer a:hover {color:#3a3736; text-decoration: none;}