/*
MAGIC TOUCH HOME SERVICES (v3.0)

GLOBAL
  =LISTS
  =LINKS
  =HEADERS
  =TYPE AND IMAGES
  =FORMS
  =YOUTUBE  
CUSTOM CLASSES
MAIN LAYOUT
  =HEADER
  =FOOTER
  =CONTENT AREA
  =NAVIGATION
  =AFFILIATES
  =SIDEBAR
  =MISC  
FAQ
LINKS
CHIMNEY CLEANING
CHIMNEY CAPS
CHIMNEY LINER
TESTIMONIALS
DRYER VENT CLEANING
AIR DUCT CLEANING
*/

/* -----------
  GLOBAL 
----------- */
* {
  margin:0;
  padding:0;
  outline:none;
}

body {
  font-size:11px;
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  color:#121212;
  background:#FFFB9A url('../images/bg.png');
  background-attachment:fixed;
  line-height:1.3;
}

/* =LISTS */
ul {
  list-style-type:none;
}

li {
  margin-bottom:7px;
}

ol {
  margin-left:25px;
  list-style-type:decimal-leading-zero;
}

dt {
  font-weight:bold;
  font-size:13px;
  margin-bottom:5px;
}

/* =LINKS */
a:link, a:visited {
  color:#d1141d;
  text-decoration:none;
}

a:hover, a:active {
  text-decoration:underline;
}

.selected a:link, .selected a:visited, .selected a:hover, .selected a:active, .notice {
  color:#8a854f;
  border-bottom:1px dotted #8a854f;
}

.selected a:hover, .selected a:active {
  border-bottom-style:solid;
  text-decoration:none;
}

/* =HEADERS */
h3, h4, h5, h6 {
  color:#000;
}

h3 {
  font-size:20px;
  letter-spacing:2px;
  margin-bottom:25px;
  width:100%;
  background:url('../images/border.gif') left bottom repeat-x;
  padding-bottom:5px;
}

h4, h5 {
  font-size:16px;
}

h4 {
  margin-bottom:12px;
}

h5 {
  font-weight:normal;
}

h6 {
  margin-bottom:10px;
  font-size:11px;
}

/* =TYPE AND IMAGES */
p, dd {
  line-height:1.7;
  margin-bottom:10px;
}

img, a img, fieldset {
  border:0;
}

blockquote {
  font-style:italic;
  font-weight:bold;
  text-align:justify;
  padding-left:65px;
  margin-bottom:10px;
  padding-bottom:10px;
  margin-top:10px;
  background:url('../images/blockquote.gif') left top no-repeat;
}

blockquote p {
  line-height:1.5;
  margin:0;
  font-size:18px;
  padding-top:7px;
}

hr {
  height:1px;
  width:100%;
  border: none;
  background:transparent url('../images/border.gif') left top repeat-x;
  margin-bottom:12px;
  clear:both;
}

/* =FORMS */
input, textarea, select {  
  border:1px solid #ccc;
  padding:2px 0;
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size:11px;
}

fieldset input, fieldset textarea, fieldset select, fieldset label {
  display:block;
}

fieldset input {
  width:350px;
  margin-bottom:10px;
}

fieldset p {
  width:350px;
}

fieldset label {
  font-weight:bold;
  font-size:11px;
  width:347px;
  color:#000;
  background:#f0ecd0;
  padding:2px 0 3px 5px;
}

optgroup {
  font-style:normal;
  padding-bottom:3px;
}

optgroup option {
  background:#efefef;
  padding-left:8px;
}

textarea {
  padding:3px;
  height:100px;
  width:344px;
  margin-bottom:10px; 
}

select {
  width:352px;
  margin-bottom:10px;
}

form {
  margin-top:30px;
  padding-bottom:15px;
}

fieldset hr {
  width:350px;
}

.opera form hr, .ie6 form hr {
  margin-left:-80px;
}

input#reset, input#submit {
  padding:3px;
  font-weight:bold;
  cursor:pointer;
  margin-right:5px;
  background:#d2ceb6;
  border:0;
  color:#000;
}

input#reset:hover, input#submit:hover {
  background:#b0ad99;
}

/* =YOUTUBE */
object {
  width:220px;
  height:185px;
}

/* ----------------
  CUSTOM CLASSES 
---------------- */
.float_right, .image_box_right {
  float:right;
}

.float_left, .image_box_left {
  float:left;
}

.clear {
  clear: both; 
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; 
}

.ie .clearfix {
  height: 1%; 
}

/* ----------------
  MAIN LAYOUT
---------------- */
#container {
  width:942px;
  margin:0 auto;  
  z-index:10;
  position:relative;
  top:65px;
  background:#fcfaeb;
  background:url('../images/container_bg.png') left top repeat-y;  
}

* html #container {
  position:static;
  margin-top:65px;
}

/* =HEADER */
#header, #footer {
  width:936px; 
  margin:0 auto; 
  background:#EBE278;
}

#header {  
  height:127px; 
  background:url('../images/header.png') left top repeat-x;
  border-bottom:20px solid #fcf8da;
  position:relative;  
}

.safari #header, .safari #footer {
  border-color:#fdf9cd;
}

.ie6 #header {
  border-bottom:0;
}

#header a, #affiliates a {
  border:0;
  padding:0;
}

#header h1, #header h2 {
  text-indent:-999em;
  background-position:left top;
  background-repeat:no-repeat;
}

#header h1 {
  position:relative;
  top:-53px;
  margin-left:16px;
}

* html #header h1 {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/logo.png');
}

html>body #header h1 {
  background-image:url('../images/logo.png');  
}

#header h2 {
  position:absolute;
  top:26px;
  right:16px;  
  width:411px;
  height:80px;
}

* html #header h2 {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/slogan.png');  
}

html>body #header h2 {
  background-image:url('../images/slogan.png');
}

#header h1, #header h1 a {
  display:block;
  width:344px;
  height:154px;
}

/* =FOOTER */
#footer {
  clear:both;
  border-top:20px solid #fcf8da;
  height:175px;
  background:url('../images/footer.png') left top no-repeat;
}

#footer p {
  margin-bottom:0;
  float:left;
  margin-left:20px;
  margin-top:139px;
}

/* =CONTENT AREA */ 
#navigation, #sidebar, #content {
  float:left;
}

#content {
  width:430px;
  margin-left:42px;
}

.ie6 #content {
  width:425px;
}

#content img {
  border:2px solid #d7d3b1;
}

.ie6 #content span {
  border:2px solid #d7d3b1;
}

#content img.float_right {
  margin:10px 0 10px 10px;
}

#content img.float_left {
  margin:10px 10px 10px 0;
}

/* =NAVIGATION */
#navigation {
  width:157px;
  margin-left:23px;
}

.ie6 #navigation {
  margin-left:13px;
}

#navigation h4 {
  background:url('../images/wand.gif') right 2px no-repeat;
  width:125px;
}

.ie #navigation h4, .linux #navigation h4 {
  width:135px;
}

#navigation a {
  font-weight:bold;
  font-size:14px;
}

#navigation ul {
  background:url('../images/border.gif') left bottom repeat-x;
  padding-bottom:13px;
  margin-bottom:15px;
}

.linux #navigation ul li a {
  font-size:13px;
}

#navigation ul#return_home {
  background:none;
}

/* =AFFILIATES */
#affiliates {
  margin-left:50px;
}

#affiliates img {
  margin-right:15px;
}

/* =SIDEBAR */
#sidebar {
  width:220px;
  margin-left:45px;
}

.ie6 #sidebar {
  margin-left:37px;
}

#sidebar table {
  width:222px;
  border-collapse:collapse;
  margin-bottom:30px;
  font-weight:bold;
}

.ie #sidebar table {
  font-size:10px;
}

#sidebar table td {
  padding:2px 4px;
}

#sidebar table td.number {
  color:#d1141d;
  font-size:12px;
  text-align:right;
}

.ie #sidebar table td.number {
  font-size:11px;
}

#sidebar table tr.odd {
  background:#f0ecd0;
}

#sidebar h4 {
  background: url('../images/phone.gif') right 4px no-repeat;
  width:220px;
  font-weight:normal;
}

/* =MISC */
#mission_statement {
  font-size:14px;
}

#top {
  display:block;
  float:right;
  margin-right:20px;
  margin-top:140px;
  font-weight:bold;
}

.image_box_left, .image_box_right {
  background:#f0ecd0;
  width:209px;
  margin-bottom:10px;
}

.image_box_left label, .image_box_right label {
  font-weight:normal;
  text-align:justify;
  padding:0 5px 5px;
  display:block;
  font-size:10px;
}

.news {
  font-size:11px;
}

.news h5 {
  font-weight:bold;
  margin-bottom:5px;
}

.news .info {
  font-size:10px;
  font-style:italic;
  text-align:justify;
  margin-bottom:20px;
}

.news li a {
  display:block;
}

.news li {
  background:url('../images/border.gif') left bottom repeat-x;
  padding-bottom:10px;
  margin-bottom:10px;
}

/* ----------------
  FAQ
---------------- */
.faq ol {
  width:365px;
}

.faq ol.special {
  list-style-type:lower-latin;
  margin-bottom:15px;
  padding-top:10px;
}

.faq dd {
  margin-bottom:20px;
}

.faq dd a.toc {
  font-size:8px;
  display:block;
  text-align:right;
  margin-top:10px;
}

/* ----------------
  LINKS
---------------- */

.links ul li {
  margin-bottom:25px;
}

.links li p {
  margin-bottom:0;
}

.links li h4 {
  margin-bottom:5px;
  font-size:13px;
}

/* ----------------
  CHIMNEY CLEANING
---------------- */

.chimney_cleaning #step1 label, .chimney_cleaning #step2 label {
  height:105px;
}

.chimney_cleaning #step5 label, .chimney_cleaning #step6 label,
.chimney_cleaning #step9 label, .chimney_cleaning #step10 label {
  height:50px;
}

.chimney_cleaning #step7 label, .chimney_cleaning #step8 label {
  height:90px;
}

/* --------------------
  DRYER VENT CLEANING
-------------------- */

.dryer_cleaning #step1 label, .dryer_cleaning #step2 label {
  height:50px;
}

.dryer_cleaning #step3 label, .dryer_cleaning #step4 label {
  height:40px;
}

.dryer_cleaning #step5 label, .dryer_cleaning #step6 label {
  height:25px;
}

.dryer_cleaning #step7 label, .dryer_cleaning #step8 label {
  height:90px;
}

.dryer_cleaning #step9 label, .dryer_cleaning #step10 label {
  height:65px;
}

.dryer_cleaning ul {
  list-style-type:disc;
  margin-left:15px;
  width:360px;
  margin-bottom:10px;
}

/* ----------------
  CHIMNEY CAPS
---------------- */
.caps .image_box_left {
  float:none;
  width:100%;
  clear:both;
}

.caps .image_box_left img {
  float:left;
  margin-right:10px;
}

.caps .image_box_left h5 {
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
}

.caps object, .air_duct object {
  width:425px;
  height:355px;
}

.caps br {
  display:none;
}

.opera .caps br {
  display:block;
}

/* ----------------
  CHIMNEY LINER
---------------- */
.liners h5 {
  font-size:13px;
  font-weight:bold;
}

.liners ol {
  margin-bottom:15px;
  list-style-type:decimal;
  margin-left:20px;
}


/* ----------------
  TESTIMONIALS
---------------- */

#testimonials h4 {
  margin-bottom:6px;
}

#testimonials .post-footer {
  text-indent:-999em;
  background:url('../images/border.gif') left bottom repeat-x;
  height:2px;
  width:430px;
  margin-top:15px;
  margin-left:-60px;
}

#testimonials .post {
  padding-left:60px;
  margin-bottom:15px;
  background:url('../images/blockquote.gif') left top no-repeat;
}

/* ----------------
  AIR DUCT CLEANING
---------------- */
.air_duct #step2 label, .air_duct #step1 label {
  height:40px;
}

.air_duct #step3 label, .air_duct #step4 label {
  height:65px;
}

#sale img {
  width: 97px;
  height: 82px;
  float: right;
  margin: 10px 0 0 0;
  border: none;
  }