/*
   -------------------------
	Rescue Plumbing Website
	Structure CSS Document
	28th July, 2008
	Hamish Dean
   -------------------------
*/

/* -- Layout Stuff -- */
html {
	background:url(../images/layout/site_background.jpg) no-repeat center top #5299cf;
}
body {
	font-size:58%; /* Base font size */
	font-family:Arial, Helvetica, sans-serif;
}
div.masterWrapper {
	width:976px;
	margin:0 auto;
}
div.masterWrapper div.headerWrapper div.topMostText {
	height:54px;
	background:url(../images/layout/topmost_text.png) no-repeat center center transparent;
}
div.masterWrapper div.headerWrapper div.siteHeader {
	width:664px;
	margin:0 auto;
	height:184px;
	cursor:pointer;
	background:url(../images/layout/site_header.png) no-repeat center center transparent;
}
div.masterWrapper div.headerWrapper div.siteSubHeader {
	height:112px;
	background:url(../images/layout/site_sub_header.png) no-repeat center center transparent;
}
div.masterWrapper div.contentWrapper div.contactPhone {
	height:75px;
	background:url(../images/layout/main_phone_number.png) no-repeat center center transparent;
}
div.masterWrapper div.contentWrapper div.sendEmail {
	height:40px;
	text-align:center;
	margin-bottom:20px;
}
div.masterWrapper div.contentWrapper div.contactUsText {
	height:50px;
	margin-bottom:20px;
	background:url(../images/layout/contact_us_text.png) no-repeat center center transparent;
}
div.masterWrapper div.contentWrapper div.leftColumn {
	width:256px;
	float:left;
	background:url(../images/layout/content_column_separator.png) no-repeat center right transparent;
}
div.masterWrapper div.contentWrapper div.centerColumn {
	width:464px;
	height:230px;
	float:left;
	margin-bottom:10px;
	background:url(../images/layout/center_column_content.png) no-repeat center center transparent;
}
div.masterWrapper div.contentWrapper div.rightColumn {
	width:256px;
	float:left;
	background:url(../images/layout/content_column_separator.png) no-repeat center left transparent;
}
div.masterWrapper div.contentWrapper div.photoReel {
	width:100%;
	height:177px;
	clear:left;
	margin-bottom:20px;
	background:url(../images/layout/home_photo_reel.jpg) no-repeat center center transparent;
}
div.masterWrapper div.formWrapper {
	width:640px;
	margin:0 auto;
	padding-bottom:30px;
}
div.masterWrapper div.formWrapper div.leftColumn,
div.masterWrapper div.formWrapper div.rightColumn {
	width:300px;
	float:left;
	background:none;
}
div.masterWrapper div.formWrapper div.rightColumn {
	margin-left:34px;
}
div.masterWrapper div.formWrapper div.leftColumn li,
div.masterWrapper div.formWrapper div.rightColumn li {
	margin-bottom:15px;
	height:50px;
}
div.masterWrapper div.formWrapper div.leftColumn li span,
div.masterWrapper div.formWrapper div.rightColumn li span {
	color:#FFF;
	font-size:1.3em;
}
div.masterWrapper div.footerWrapper {
	border-top:1px solid #7bcce7;
	padding:4px 0 0 0;
}
div.masterWrapper div.footerWrapper li {
	float:left;
	width:320px;
	margin-left:5px;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	padding-bottom:10px;
}
div.masterWrapper div.footerWrapper li a:link,
div.masterWrapper div.footerWrapper li a:visited {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/links/blue.gif) bottom repeat-x;
}
div.masterWrapper div.footerWrapper li a:hover {
	background:url(../images/links/white.gif) bottom repeat-x;
}
div.masterWrapper div.footerWrapper ul li.first {
	margin-left:0;
}
div.masterWrapper div.headerWrapper div.topMostText h2,
div.masterWrapper div.headerWrapper div.siteHeader h1,
div.masterWrapper div.headerWrapper div.siteSubHeader p,
div.masterWrapper div.contentWrapper div.contactPhone p,
div.masterWrapper div.contentWrapper div.contactUsText p,
div.masterWrapper div.contentWrapper div.centerColumn p,
div.masterWrapper div.contentWrapper div.centerColumn h4 {
	text-indent:-8000px; /* Negative indentation for IR */
}

/* -- Lists -- */
ul.dropletsLeft,
ul.dropletsRight {
	color:#FFF;
	font-size:1.35em;
	font-family:Helvetica, Arial, sans-serif;
}
ul.dropletsLeft li,
ul.dropletsRight li {
	height:25px;
}
ul.dropletsLeft li {
	padding:4px 0 0 30px;
	margin:0 0 2px 0;
	text-align:left;
	background:url(../images/bullets/water_droplets.png) no-repeat center left transparent;
}
ul.dropletsRight li {
	padding:4px 30px 0 0;
	margin:0 0 2px 0;
	text-align:right;
	background:url(../images/bullets/water_droplets.png) no-repeat center right transparent;
}

/* -- Form Post Messages -- */
div.formPostSuccess {
	padding:5px 10px;
	color:#94BC0A;
	font-size:1.2em;
	font-weight:bold;
	background-color:#FAFFDD;
	border:1px dashed #94BC0A;
	margin-bottom:20px;
	text-align:center;
}
div.formPostErrors {
	padding:5px 10px;
	color:#CC0000;
	font-size:1.2em;
	font-weight:bold;
	background-color:#FFE8F0;
	border:1px dashed #CC0000;
	margin-bottom:20px;
	text-align:center;
}

/* -- Site Messages -- */
div.bigWhiteMessage {
	font-size:2.4em;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-family:Helvetica, Tahoma, Arial, sans-serif;
	padding:20px 10px 40px 10px;
}
div.bigWhiteMessage a:link,
div.bigWhiteMessage a:visited {
	text-decoration:underline;
	color:#FFF;
}
div.bigWhiteMessage a:hover {
	color:#003366;
}