/* HTML DEFINITIONS */
body { font: 12px/14px Arial, Helvetica, sans-serif; background: #f8f2db; color:#434343; height: 100%; padding: 0; margin: 0; text-align: left; border-top: solid #000 7px;}

td { vertical-align: top; }
p { margin-bottom: 12px; }
h1 { text-indent: -9999px; font-size: 0; margin: 0; padding: 0; }
h2 { text-indent: -9999px; font-size: 0; margin: 0; padding: 0; }
h3 { font-size: 14px; line-height: 18px; color: #de7633; }

 /*base links*/
a { text-decoration: underline; outline: none; }
a:link { color: #de7633; }
a:visited { color: #85471f; }
a:hover { color: #ffa870; text-decoration: none; }
a:active { color: #ffa870; }

 /* CUSTOM */
.clear { clear: both; }
.last { border-right: none !important; margin-right: 0 !important; }
 
/* GENERAL DEFINITIONS */


.logo { float: left; padding: 0; margin: 6px 0 0 0;  }
.logo a { display: block; width: 167px; height: 80px; text-decoration: none; }
.services-headline { float: right; margin-right: 10px; }
.header-cnt { background: url(../img/backgrounds/header-cnt-bg.jpg) 0 0 repeat-x; }
.content-cnt { background: url(../img/backgrounds/content-cnt-bg.jpg) 0 0 repeat; padding: 35px 0 35px 0; }
.content { background: #ffffff url(../img/backgrounds/content-bg.jpg) 0 0 no-repeat; }
.home .content-cnt { background: url(../img/backgrounds/content-cnt-bg.jpg) 0 0 repeat; padding: 35px 0 15px 0; }
.home .content { background: transparent url(../img/backgrounds/home-content-bg.png) 0 0 no-repeat; height: 355px; }
.footer { border-top: solid 1px #fcf9ef;  padding-top: 20px; padding-bottom: 10px; color: #dfd6b6; }

.banner { height: 70px; width: 500px; }
.home .banner { height: 0; width: 0; background: none; }
.about .banner { background: url(../img/banners/about.gif) 0 0 no-repeat; }
.services .banner { background: url(../img/banners/services.gif) 0 0 no-repeat; }
.contact .banner { background: url(../img/banners/contacts.gif) 0 0 no-repeat; }
.projects .banner { background: url(../img/banners/projects.gif) 0 0 no-repeat; }
.thankyou .banner { background: url(../img/banners/thanks.gif) 0 0 no-repeat; }

.indent-1 { padding: 60px 125px 60px 125px; }

.main-menu { margin: 0 0 0 276px; padding: 10px 0 0 60px; height: 46px; width: 540px; background: url(../img/main-menu-bg.jpg) no-repeat }

.main-menu li {display: block; color: #fff; font-size: 1.1em; height: 39px; float: left;}
.main-menu li {display: block; color: #fff; font-size: 1.4em; height: 39px; float: left;  margin-right: 20px;}
.main-menu li a {display: block; height: 39px; text-decoration: none; font-weight: bold; }

.home #mm_home a, .about #mm_about a, .services #mm_services a, .projects #mm_projects a, .contact #mm_contact a { color: #ffa870; }

/* INTRO */


/* BOTTOM */

div#bottom {background:  #f8f2db;}

ul#boxes { margin: 0 auto; width: 825px; border-bottom: solid 1px #dfd6b6; padding:10px 0 20px 0;}
ul#boxes li {display: block; float: left; height: 200px; text-indent: -9999px;}
.box-services {  width: 266px; background: url(../img/backgrounds/box_services.png) no-repeat; }
.box-projects {  width: 282px; background: url(../img/backgrounds/box_projects.png) no-repeat; }
.box-questions { width: 277px; background: url(../img/backgrounds/box_questions.png) no-repeat; }

ul#boxes li a {display: block; height: 200px; text-decoration: none;}

.footer .footer-menu { margin: 20px auto 10px auto; padding: 0;}
.footer .footer-menu li { display: inline; padding: 0 5px; border-right: solid 1px #dfd6b6; font-size: 14px; }
.footer .footer-menu li a { text-decoration: none; }
.footer .footer-menu li a:hover { text-decoration: underline; }
.footer .footer-menu p {margin: 0; padding: 0;}
.footer .copyright { margin: 0 auto 10px auto; color: #de7633; }
.footer .powered-by { margin: 0 auto 20px auto; color: #de7633; }

/* PAGE DEFINITIONS */

/* HOME PAGE */
.home .indent-1 { padding: 40px 0 0px 386px; }
.home h2 {padding: 0; margin: 0; background: url(../img/title_intro.gif) no-repeat; width: 400px; height: 61px; text-indent: -9999px;}
.home p.introduction { width: 350px; margin: 10px 0 10px 0; font-size: 1.2em;}
.home p.link {font-weight: bold; font-size: 1.3em; background: url(../img/bullet_intro.gif) no-repeat; padding: 0 0 0 25px; line-height: 1.5em; margin: 0;}
.home p.link a { text-decoration: none; }
.home p.link a:hover { text-decoration: underline; }

/* ABOUT PAGE */
.about ul.remodeling-services { margin-bottom: 14px; list-style: none; }
.about ul.remodeling-services li { list-style: none inside url(../img/bullet2.gif); padding-left: 30px; }

/* SERVICES PAGE */
.services .service { margin-bottom: 25px; }
.services .service.last { margin-bottom: 0; }
.services .service h3 { display: inline; }
.services .service img { float: right; height: 135px; width: 175px; background: #fff; padding: 4px; border: solid 1px #eeeeee; margin: 0 0 0 40px; }
.services .service p { margin-bottom: 0; }

/* PROJECTS PAGE */
.projects .gallery { background: #fff; padding: 4px; border: solid 1px #eeeeee; margin: 10px 20px; margin-left: 0px; float: left;}
.services .service h3 { display: inline; }
.services .gallery img { float: right; height: 135px; width: 175px; background: #fff; padding: 4px; border: solid 1px #eeeeee; margin: 0 0 0 20px; }
.services .service.last { }

/* CONTACT PAGE */
.contact .contact-form { border: 1px solid #f6f1d4; background-color: #fffadc; padding: 40px; }
.contact input[type="text"], .contact textarea { width: 310px; margin-bottom: 15px; }
.contact label { font-weight: bold; padding: 0 20px 0 40px; }
.contact textarea { width: 310px; height: 155px; }
.contact .big { font-size: 16px; color: #434343; }
.contact .address { margin-bottom: 14px; }
.contact h3 { color:#434343; }
.contact .space { height: 6px;}
