/*   
Theme Name: House Healers Home Improvement
Theme URI: http://www.ineedahousehealer.com
Description: House Healers Home Improvement 
Author: Simon Jones
Author URI: http://www.sdjentertainment.com
Version: 1.0
*/

@charset "UTF-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
body{ background:url(images/bg02.jpg) top left repeat; font-family: "Trebuchet MS", "Helvetica CY", Arial; font-size: 100%; }

.clear{ clear: both;}
.hide { display: none;}
.text-center{ text-align: center;}
.right{ float: right; width: auto}
.left{ float: left; width: auto;}

#wood{ width: 940px; height: auto; padding: 5px 0px; margin: 10px auto; background:url(images/bg.jpg) top left repeat; }
#wrapper{ width: 900px; height: auto; margin: 20px auto; background: #e1e1e1;}

#header{ height: 176px; width: 900px; background: url(images/mainImage.jpg) bottom left no-repeat; }

#header ul li#email a{ background: url(images/email.gif) top left no-repeat; width: 192px; height: 25px; display: block;}
#header ul li#email a:hover{ background: url(images/email.gif) bottom left no-repeat;}

#header ul li#phone { background: url(images/phone.gif) top left no-repeat; float: right; width: 98px; height: 15px; display: block;}
#header ul li#phone{ background: url(images/phone.gif) bottom left no-repeat;}

/*	Header Contact	*/
#header-contact{}
#header-contact ul{ list-style-type: none; float: right; margin: 5px 10px 0; height: 60px; width: auto;}
#header-contact ul li{ text-align: right; font-size: .8em; }
#header-contact ul li a{color: #e87246; text-decoration: none;}
#header-contact ul li a:hover{text-decoration: underline;}

#househealers a{ width: 80px; height: 80px; position: relative; background:#000000; display: block; float: right; margin-top: 80px;}
#asseen a{ background: url(images/asseen.png) top left no-repeat; width: 173px; height: 76px; display: block; position: absolute; margin: 90px 0 0 680px;}
/*	Header Logo	*/

#header-logo a{ width: 417px; height: 120px; display: block; float: left; margin: 30px 0 0 10px;}
#main-content{ width: 900px; background:url(images/maincontent-top.gif) top left repeat-x;}

/*	Nav	*/
 
#nav {  background: url(images/nav-bg.gif) top left no-repeat; width: 856px; height:68px; margin: 0 auto;}

#nav ul{  padding: 0; margin: 0; margin-left: 14px; list-style-type: none; font-family: "Gill Sans", Helvetica, Arial; position: static; }
#nav ul li{ float: left;}
#nav ul li a{ width: 155px; display: block; background: url(images/nav-hover.gif) top right no-repeat; margin-right: 13px; padding-top: 40px; color: #41403f; text-transform: uppercase; text-decoration:none;}
#nav ul li a:hover{ color: #c20000; background: url(images/nav-hover.gif) bottom right no-repeat;}
#nav ul li.current_page_item a { color: #c20000; background: url(images/nav-hover.gif) bottom right no-repeat; }
/*


#nav ul li a:hover{ color: #c20000; background: url(images/nav-hover.gif) bottom right no-repeat;}

#nav ul li.current_page_item a { color: #c20000; background: url(images/nav-hover.gif) bottom right no-repeat; }
*/

/*	Generic	*/

h2.main-title{ border-left: #e87246 thick solid; color: #41403f; padding: 2px 0 2px 10px; font-family: Abadi MT Condensed Light, Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: 500;}
p{ padding: 10px 10px 0px 10px; font-size: .8em; line-height: 18px; color: #6b6a69;}



/*	Content	*/
#content { width: 570px; height: auto; float: right; margin: 20px 20px 0 0; }
#content a{color: #e87246; text-decoration: none;}
#content a:hover{text-decoration: underline;}


.content-section{ background: #FFFFFF; border: #CCCCCC thin solid; border-bottom: #c8c8cc thick solid; padding-bottom: 20px; margin-bottom: 20px;}
.content-section ul{ list-style-type: none; padding: 10px; margin-left: 20px;}
.content-section ul li{ color: #6b6a69; font-size: .8em; padding: 2px 0;}


.content-section a img{ border: none; margin-right: 20px;}

.content-section ul#hammer li{ background: url(images/hammer.gif) center left no-repeat; padding-left: 20px;}
.content-section ul#wrench li{ background: url(images/wrench.gif) center left no-repeat; padding-left: 20px;}



#project-elm { margin-left: 10px;}

/*	sidebar	*/

#sidebar{ width: 270px; height:auto;  float: left; margin: 20px 0 20px 20px;}
#sidebar ul{ list-style-type: none; padding: 0 20px; margin-top: 10px;}
#sidebar ul li{color: #6b6a69; font-size: .8em; font-size: .8em; margin-bottom: 3px;}
#sidebar a{color: #e87246; text-decoration: none;}
#sidebar ul li a:hover{ text-decoration: underline;}




/*	What We do	*/
 .whatwedo{ background: #FFFFFF; border: #CCCCCC thin solid; border-bottom: #c8c8cc thick solid; margin-bottom: 20px; padding-bottom: 20px;}
 
 /*	WE WORK WITH	*/

#weworkwith{ background: #FFFFFF; border: #CCCCCC thin solid; border-bottom: #c8c8cc thick solid; margin-bottom: 20px; padding-bottom: 20px;}
#weworkwith ul{}
#weworkwith ul li{}
#weworkwith ul li a{ width: 100px; height: 60px; float: left; margin-bottom: 5px;}

#weworkwith ul li#envirocentre a{background: url(images/envirocentre.gif) top left no-repeat; display: block;}
#weworkwith ul li#fireplace a{ background: url(images/fireplacecentre.gif) top left no-repeat; display: block;}
#weworkwith ul li#orleanshomecomfort a{ background: url(images/orleanshc.gif) top left no-repeat; display: block;}
#weworkwith ul li#powertek a{ background: url(images/power-tek.gif) top left no-repeat; display: block;}
#weworkwith ul li#jester a{ background: url(images/jester.gif) top left no-repeat; display: block;}

/*	Footer	*/

#footer { width: 900px; height: 50px; margin: -20px auto; background: #c20000; margin-bottom: 20px;}
#footer p{ width: auto; text-align: center;  color: #FFFFFF; font-size: .5em;}

#footer a{color: #e87246; text-decoration: none;}