body { 
background: #181818 url(images/bg-body.jpg) repeat-x 0 0;
margin: 0;
padding: 0;
}

body#subpage {
background: #181818 url(images/bg-body-subpage.jpg) repeat-x 0 0;
}

#google-map {
border: 7px solid #242424 !important;
border: 6px solid #242424; /* FOR IE6  */
height: 350px;
width: 425px;
margin: 20px 0 20px 0;
}

#wp-edit a {
display: block;
font: bold .9em Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
background-color: #0B470F;
border: 3px solid #007200;
margin: 30px 0 30px 0;
padding: 7px;
}


div.call-box img.element,
table#treatments img,
body#subpage div#treatments img,
table#elements img {
float: left;
border: 1px solid #505050;
width: 63px;
height: 63px;
margin: 7px 7px 0 0;
padding: 2px;
}

body#subpage div#treatments img {
margin-left: -75px;
}

table#elements img {
width: 34px;
height: 34px;
margin: 0 0 7px 0;
}

a {
color: #8ab6e2;
text-decoration: none;
border-bottom: 1px dotted #323f4c;
}

body#subpage #content a {

}

hr.hr {
display: none;
}

hr {
width: 100%;
height: 1px;
border: 0;
color: #212121;
background-color: #212121;
margin: 2px 0 15px 0;
padding: 0;
}

/* --------------------------
   FONT COLORS
	 -------------------------- */
table#elements h3 a.wood {
color: #71b73d;
}

table#elements h3 a.fire  {
color: #f9637e;
}

table#elements h3 a.earth {
color: #f4bb3a;
}

table#elements h3 a.metal {
color: #89b6e2;
}

table#elements h3 a.water {
color: #aa98ca;
}

/* END ---------------------- */

#center {
position: relative;
top: 0;
left: 50%;
width: 958px;
margin: 0 0 100px -479px;
overflow: auto !important;
zoom: 1;
}

#logo h1 {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

#logo h1 a {
display: block;
background: #cc425a url(images/bg-facefacts-logo.gif) no-repeat 0 100%;
border-bottom: 0;
text-decoration: none;
width: 222px;
height: 295px;
}

body#subpage #logo h1 a {
height: 200px;
}

#logo h1 i {
display: none;
}

#col-right {
float: right;
width: 711px;
margin-top: 244px;
}

body#subpage #col-right {
margin-top: 135px;
}

/*
-----------------------------------
MAIN NAVIGATION BEGIN
-----------------------------------*/
#nav ul {
list-style: none;
/* margin: 0 0 0 -15px; */
margin: 0;
padding: 0;
}

#nav ul:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

#nav li {
float: left;
border-right: 1px solid #0e0e0e;
border-left: 1px solid #3d3d3d;
line-height: 33px;
width: auto !important;
width: 200px;
height: 33px;
margin: 0;
padding: 0;
}

#nav a {
display:block;
font: 13px Arial, Helvetica, sans-serif;
color: #fff;
line-height: 33px;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
border-bottom: none;
height: 33px;
margin: 0;
padding: 0 15px 0 15px;
}

#nav li.page-item-5 {
border-left: 0;
display: none;
}

#nav li.page-item-7 {
border-right: 0;
}

#nav a:hover,
#nav ul li.current_page_item a,
#nav ul li.current_page_parent a,
#nav ul li.current_page_ancestor a {
background: url(images/bg-nav.gif) repeat-x 0 0;
}

#nav ul li.page-item-3 {
display: none;
visibility: hidden;
border-right: none;
}




/*
-----------------------------------
MAIN NAVIGATION END
-----------------------------------*/

/*
-----------------------------------
SUB NAVIGATION BEGIN
-----------------------------------*/
#subnav {
float: right;
background:  transparent url(images/bg-subnav-bot.gif) no-repeat 0 3px;
width: 246px;
margin: 0 0 0 24px;
padding: 0;
}

#subnav ul {
list-style: none;
background: #151515 url(images/bg-subnav-top.gif) no-repeat 0 100%;
}

#subnav li ul {
font-size: 1em;
background: none;
margin: 0;
padding: 0;
}

#subnav li {
width: 234px;

}

#subnav ul li:first-child a {
border-top: 0;

}

#subnav a {
display: block;
font: 1em Arial, Helvetica, sans-serif;
color: #818181;
border-top: 1px dotted #343434;
border-bottom: none;
background: url(images/bg-arrow-subnav.gif) no-repeat 0 10px;
text-transform: uppercase;
margin-left: 12px;
padding: 7px 0 7px 15px;
}

#subnav a:hover {
color: #fff;
}
 
#subnav li.current_page_item a {
color: #fff;
}

#subnav li ul li a,
#subnav li.current_page_item ul li a {
background: none;
border-top: none;
text-transform: none;
margin-left: 27px;
color: #898989;
padding: 0 0 7px 0;
}

#subnav li ul li a:hover,
#subnav li.current_page_item ul li a:hover {
color: #fff;
}
/*
-----------------------------------
SUB NAVIGATION END
-----------------------------------*/



#content {
clear: both;
margin-top: 16px;
}

#content h1 {
font: 120% Arial, Helvetica, sans-serif;
color: #8ab6e2;
background: url(images/bg-content-h1.gif) no-repeat 0 1px;
/* margin: 24px 0 0 0; */
margin: 0;
padding: 4px 0 0 25px;
}

#content h2,
#content h2 a {
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
color: #71b83d;
margin: 10px 0 5px 0;
padding: 0;
}

#content h3 {
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
color: #fff;
margin: 0 0 5px 0;
padding: 0;
}

#content p,
#content ul {
font: 80% Verdana, Arial, Helvetica, sans-serif;
color: #dfdfdf;
line-height: 160%;
margin: 10px 0 10px 0;
padding: 0;
}


#resources h2 {
border-top: 1px dotted #2f2f2f;
margin-bottom: -5px;
padding-top: 12px;
}



table#treatments,
table#elements {
border-collapse: collapse;
margin-bottom: 12px;
margin-top: 7px;
}

table#elements {
margin-top: 0;
}

table#treatments td,
table#elements td {
vertical-align: top;
padding-right: 12px;
}

table#treatments td + td {
/* border-left: 1px solid #303030; */
padding: 0 0 0 10px;
}

table#elements td {
width: 33%;
padding-bottom: 12px;
}

table#treatments p,
table#elements p {
margin: 0;
padding: 0;
}

table#elements tr {
margin-top: 12px;
}

table#elements p,
table#elements h3 a {
padding-left: 48px;
}

table#treatments a,
table#elements a {
display: block;
color: #dfdfdf;
border-bottom: none;
}

table#elements em {
font-size: .8em;
/* line-height: .8em; */
color: #a4a3a3;
}

table#elements tr {
border-bottom: 12px solid #181818;
}


table#treatments h2 a {
font-size: 100%;
color: #71b83d;
}

table#elements h3 a {
font-size: 100%;
font-weight: bold;
color: #fff;
/* margin-left: 48px; */
}

/*
table#elements td p a {
font: 80% Verdana, Arial, Helvetica, sans-serif;
color: #a4a3a3;
line-height: 140%;
margin-left: 48px;
}
*/

img.element-chart {
margin: 12px 0 0 65px;
}

ul#inbalance {
float: left;
list-style: inside disc;
width: 200px;
/* margin: 0 0 48px 0; */
}

ul#imbalance {
float: right;
list-style: inside disc;
width: 200px;
/* margin: 0 0 48px 35px; */

}

ul#imbalance h2,
ul#inbalance h2 {
font-size: 100%;
}

div#products {
clear:both;
padding: 3px 0 0 170px;
/* width: 300px; */
}

div#products.wood {
background: url(images/product-wood.jpg) no-repeat 0 14px;
}

div#products.fire {
background: url(images/product-fire.jpg) no-repeat 0 14px;
}

div#products.earth {
background: url(images/product-earth.jpg) no-repeat 0 14px;
}

div#products.metal {
background: url(images/product-metal.jpg) no-repeat 0 14px;
}

div#products.water {
background: url(images/product-water.jpg) no-repeat 0 14px;
}

/*
div#products p {
overflow: auto;
zoom: 1;
}
*/

/*
div#products p:first-child {
margin-top: 12px;
}
*/

div#products p + p {
border-bottom: 1px dotted #2f2f2f;
padding-bottom: 12px;
}

div#products p span {
display: block;
font: bold 100% Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0 5px 0;
padding: 0;
}

div#products.wood p span {
color: #71b83d;
}

div#products.fire p span {
color: #fa647e;
}

div#products.earth p span {
color: #FFC43D;
}

div#products.metal p span {
color: #89B6E2;
}

div#products.water p span {
color: #AA98CA;
}


body#subpage div#treatments p,
body#subpage div#treatments ul {
margin-left: 75px;
}

#col-left {
width: 222px;
margin-top: 307px;
}

body#subpage #col-left {
margin-top: 212px;
}

div.call-box {
border: 1px solid #292929;
background-color: #1d1d1d;
margin: 12px 0 4px 0;
padding: 2px;
zoom: 1;
}

	div.appointment {
	height: 75px;
	}

div.call-box img {
border: 1px solid #fff;
width: 214px;
height: 45px;
}

	div.appointment img {
	float: left;
	border: 0;
	padding: 12px;
	width: 46px;
	height: 46px;
	}
	
		div.appointment img:hover + h1 a {
		color: #fff;
		}

div.call-box img.element {
margin-left: 10px;
}

div.call-box h1 {
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
color: #c8c8c8;
margin: 0;
padding: 5px 10px 5px 10px;
}

		div.appointment h1 {
		float: right;
		border: 0;
		color: #f5c54a;
		width: 140px;
		padding: 20px 0 0 0;
		cursor: pointer;
		}
		
			div.appointment a:hover h1 {
			color: #fff;
			}

div.call-box p {
font: 80% Verdana, Arial, Helvetica, sans-serif;
line-height: 140%;
color: #a4a3a3;
margin: 0;
padding: 0 10px 10px 10px;
}

a.link-box {
display: block;
border: 2px solid #2f2f2f;
border-bottom: 2px solid #2f2f2f;
background: #242424 url(images/bg-link-box.gif) no-repeat 100% 8px;
font: bold 70% Verdana, Arial, Helvetica, sans-serif;
color: #fa647e;
text-decoration: none;
text-align: right;
padding: 6px 24px 6px 0;
}

#col-right a.link-box {
margin-bottom: 24px;
}

body#subpage #col-right a.link-box,
body#subpage #col-right p a.link-box {
margin: 25px 0 25px 0;
}

p a.link-box {
font-size: 90%;
}

a.link-box span {
float: left;
font-weight: normal;
color: #a4a3a3;
padding-left: 8px;
}

a.link-box:hover {
border: 2px solid #414141;
background-color: #2f2f2f;
}

#header {
position: absolute;
top: 23px;
left: 222px;
width: 736px;
height: 220px;
}

body#subpage #header {
height: 111px;
}

body#subpage #header span.hmpg-lg {
display: none;
}

body#homepage #header span.subpg-sm {
display: none;
}

#utility-nav {
position: absolute;
top: 0;
left: 222px;
width: 736px;
text-align: right;
}

#utility-nav ul {
list-style: none;
margin: 2px 0 0 0;
padding: 0;
}

#utility-nav li {
display: inline;
font: 8px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding: 0 5px 0 7px;
}

#utility-nav li + li {
border-left: 1px solid #fff;
}

#utility-nav a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
}


/* --------------------------
   TESTIMONIAL PAGE
	 -------------------------- */
div#testimonials p {
background: url(images/bg-quotes.gif) no-repeat 0 0;
margin-bottom: 25px;
padding-left: 65px;
}

div#testimonials h1 + p {
margin-top: 20px;
}

div#testimonials p em {
display: block;
color: #666;
}


/* --------------------------
   CONTACT FORM
	 -------------------------- */
	 
fieldset {
border: none;
margin: 0;
padding: 0;
} 

fieldset p {
color: #fff;
}
	 
.form-input {
margin-bottom: 12px;
}

div.form-label label,
.wpcf7-list-item {
font: 80% Verdana, Arial, Helvetica, sans-serif;
color: #dfdfdf;
}

form div.first-child {
margin-top: 12px;
}

div.form-submit input {
cursor: pointer;
border: 2px solid #38444f;
padding: 5px;
background-color: #333;
color: #fff;
margin: 25px 0 25px 0;
width: 150px;
}

div.form-input input,
textarea {
font: .8em verdana, arial;
background: #fff url(images/bg-forms.gif) repeat-x 0 0;
border: 2px solid #38444f;
color: #333;
width: 275px;
padding: 4px;
margin-top: 5px;
}

div.contact-services input {
border: none;
width: auto;
}

.wpcf7-response-output {
color:#fff;
font-family: Verdana, Arial;
}

span.wpcf7-list-item {
display: block;
margin: 6px 0 6px 0;
}

span.wpcf7-list-item input {
background-image: none;
background-color: #fff;
border: 0;
}

span.wpcf7-list-item-label {
color: #898989
}

ul.addressfield {
list-style: none;
}

ul.addressfield label {
font: 80% Verdana, Arial, Helvetica, sans-serif;
color: #dfdfdf;
width: 100px;
}

ul.addressfield input {
width: 150px;
}

/* --------------------------
   ELEMENT LANDING PAGE
	 -------------------------- */
ul#element-landing {
list-style: none;
width: 450px;
margin: 0;
padding: 0;
}

ul#element-landing:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

ul#element-landing li {
float: left;
}

ul#element-landing a {
display: block;
border: none;
width: 138px;
height: 78px;
margin: 0 0 12px 12px;
}

ul#element-landing span {
display: none;
}

ul#element-landing li.wood a {
background: url(images/element-landing-wood.gif) no-repeat 0 0;
margin-left:0;
}

ul#element-landing li.fire a {
background: url(images/element-landing-fire.gif) no-repeat 0 0;
}
ul#element-landing li.earth a {
background: url(images/element-landing-earth.gif) no-repeat 0 0;
}

ul#element-landing li.metal a {
background: url(images/element-landing-metal.gif) no-repeat 0 0;
margin-left:0;
}

ul#element-landing li.water a {
background: url(images/element-landing-water.gif) no-repeat 0 0;
}

/* --------------------------
   FOOTER
	 -------------------------- */
#footer {
clear: both;
background-color: #ffc43d;
border-top: 2px solid #fff;
height: 45px;
}

#footer ul {
position: relative;
top: 0;
left: 50%;
list-style: none;
width: 958px;
margin: 0 0 0 -479px;
padding: 14px 0;
}

#footer lh,
#footer li {
display: inline;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #8a6613;
padding: 0 10px 0 10px;
}

#footer li + li {
border-left: 1px solid #8a6613;
}

#footer lh {
padding-right: 25px;
}

#footer ul li a {
border-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #8a6613;
text-decoration: none;
text-transform: uppercase;
}

#footer li#ben-agoes a {
color: #c08e1f;
text-transform: lowercase;
margin-left: 100px;
}

#footer li#ben-agoes {
border: none;
}