/************************************************************************

	Site:		http://www.watfordplumbers.com

	Company:		Toasted Pixel		[sandra@toastedpixel.org]
	
	Designer/Author: Sandra Barkhuizen

Listing Order:
==============

1 - UNIVERSAL STYLES
2 - STRUCTURE
3 - HEADER
4 - NAVIGATION
5 - FOOTER
6 - FORM

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
html, body { padding:0; margin:0;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height: 130%; }
body { background:url(../images/body.jpg) no-repeat center top #1eabe0;}
* {margin: 0;padding: 0;}
a { color:#c50005; /*text-shadow: 3px 3px 3px #fff; */}
a:hover { color:#333;}
.clear { margin:0; padding:0; clear:both; }
img { border:0;}

/***********************************************************************
	2 - STRUCTURE
************************************************************************/
#wrapper { width:900px; margin:0 auto;  }
#heading { width:422px; float:left;}
#content { margin-top:4em; background-color:#21ade0; }
#contentLeft { width:198px; float:left; background:url(../images/leftTop.gif) no-repeat; margin-top:17em;}
#contentLeft a { color:#0973ba; padding:1em; }
#leftBottom { background:url(../images/leftBottom.gif) no-repeat bottom; display:block; width:198px; height:12px;}

#contentLeft ul { margin:0 2em 2em 3em;}
#contentLeft li { color:#FFF; margin:0 0 .5em 0;}
#contentLeft a { font-weight:bold; margin-left:1.25em; color:#c50005;}
#contentRight { width:662px; float:right; background:url(../images/contentBack.gif) repeat-y; margin-top:8px;}
#contentBackground {  background:url(../images/contentHeader.gif) no-repeat top;}
#contentRight h1 { padding:1.15em 1.75em; color:#0973ba;font-size:30px; }
#contentRight ul { list-style:circle; color:#FFF; margin:0 0 1em 5em; font-size:14px;}
#contentRight li { margin-bottom:.5em;}
#contentRight p { padding:0 3.5em; margin-bottom:1em; color:#fff; font-size:14px;}
#contentBottom { background:url(../images/contentBottom.gif); height:16px;}
#projects { background:url(../images/projectBackground.jpg) no-repeat; width:569px; height:164px; display:block; margin:3em 0 3em 4em;}
#projects img { margin:1.25em 0 0 1em;}
#home { width:90px;}
#aboutUs { width:80px;}
#plumbing { width:65px;}
#gas { width:90px;}
#contact { width:75px;}
.red {color:#c50005; font-size:11px; font-weight:normal;}
/***********************************************************************
	3 - HEADING
************************************************************************/
h1#logoImage {	width: 422px; height: 95px; background:url(../images/logo.png);	text-indent: -9999px; }
#contentLeft h3 { color:#0973ba; font-size:28px; margin:.75em 0 1em .75em}
#contentRight h2 { color:#FFF; font-size:30px; padding:.5em 0 0 1.6em; display:block; }
/***********************************************************************
	4 - NAVIGATION
************************************************************************/
#navigation { width:451px; float:right;}
#navigation ul { margin:0; padding:0; list-style:none;}
#navigation li { text-align:center; float:left;  }	
#navigation li a {display:block;  color:#0973ba; text-decoration:none; text-align:center; margin:7em 0 0 0; font-style:italic;}
#navigation li a:hover { color:#c50005; }
/***********************************************************************
	5 - FOOTER
************************************************************************/
#footer { background:url(../images/footer.jpg) no-repeat top #fff; height:147px;}
#innerFooter { width:700px; margin:0 0 0 18em; text-align:center;}
#innerFooter a { color:#FFF;}
#innerFooter a:hover { text-decoration:none;}
#innerFooter p { color:#FFF; padding:2em 0 1em 0; }

/***********************************************************************
	6 - FORM
************************************************************************/
#form p { margin:0; padding:0; clear:both;}
#form form { color:#FFF; margin:3em 4em; padding:2em; border:2px solid #fff; background-color:#4fc5ee;}
#form legend { margin:1em 0 0 0; font-size:24px; color:#c50005;  }
#form fieldset { border:0;}
#form input { width: 315px;}
#form label { float:left; width:170px; margin:0 0 1em 0; display:block; font-weight:bold;}
#form .submit, #form .reset {  background-color:#c50005; width:155px; color:#FFF; padding:.5em; border:0; margin-top:1em; }
#form .submit { margin-left:12.75em;}