body,html,p,h1,h2,h3,h4,ul,li{padding:0px;margin:0px;}


a{text-decoration:underline; color:#32302e;}
a:hover{text-decoration:none; color:#9e6b56;}

.required{color:#FF0000;}
.bold{font-weight:bold;}

body { font-family: Tahoma, Arial, Helvetica, SansSerif; color:#32302e; font-size:12px; line-height:normal; background:#eed9d1 url(../images/bg.jpg) repeat-x top;}
h1{font-size:20px;font-weight:normal;}
h2{font-size:18px;font-weight:normal;}
h3{font-size:14px;font-weight:normal;}
h4{font-size:12px;font-weight:normal;}

#wrapper{width:880px; margin:0px auto; background:url(../images/bg-wrapper.jpg) no-repeat top;}
#wrap{ width:780px; margin:0px auto; background:#f8f2e7;}

/*banner start*/
#banner-area{height:377px; background:url(../images/img1.jpg) no-repeat top; position:relative;}
#logo{ position:absolute; margin:20px 0 0 126px;}
#logo img{ border:none;}

/*inner-banner start*/
#banner-area-in{/*height:375px;*/}

/*navigation start*/
#nav{height:35px; background:#d0a18e url(../images/bg-nav.jpg) repeat-y top center ; border-top:#a66e56 solid 3px; border-bottom:#a66e56 solid 3px; }
#nav ul{ list-style:none; margin-left:134px;}
#nav li {float:left; text-indent:-5000px; height:35px; padding:0 23px; background:url(../images/nav-line.gif) no-repeat right top;}
#nav li a{ height:35px;}
#nav li.last{ background:none;}
.welcome a{ background:url(../images/welcome.gif) no-repeat; background-position:0px 10px; text-indent:-1500px; width:78px; display:block; border:none; outline:none;}
.welcome a:hover{ background:url(../images/welcome-h.gif) no-repeat; background-position:0px 10px;}
.services a{background:url(../images/services.gif) no-repeat; background-position: 0px 10px; width:66px; display:block; outline:none;}
.services a:hover{background:url(../images/services-h.gif) no-repeat; background-position: 0px 10px; }
.testimonials a{background:url(../images/testimonials.gif) no-repeat; background-position: 0px 10px; width:96px; display:block; outline:none;}
.testimonials a:hover{background:url(../images/testimonials-h.gif) no-repeat; background-position: 0px 10px;}

.contact a{background:url(../images/contact.gif) no-repeat; background-position: 0px 10px; width:96px; display:block; outline:none;}
.contact a:hover{background:url(../images/contact-h.gif) no-repeat; background-position: 0px 10px;}


/*body-text start*/
#body-text, #body-text-in{ background:#f8f2e7; padding:25px 10px;}
#body-text{height:599px;}
#body-text-in{ margin:0 20px 0px 20px; }

.fixed{ height:280px;}

/*inner pages*/


#body-text p{ text-align:left; line-height:20px; margin:0 20px;}
.text-welcome, .text-service, .text-testimonials, .text-contact{ display:block; width:531px; height:39px; text-indent:-1500px; text-align:left; }
.text-welcome{margin:0 20px 20px 20px; }

#body-text h1.text-welcome{background:url(../images/Welcome-hartman.gif) no-repeat 0 2px;}

#body-text-in h1.text-service{ background:url(../images/Services-hartman.gif) no-repeat 0 2px;}
#body-text-in h1.text-testimonials{ background:url(../images/testimonials-hartman.gif) no-repeat 0 2px;}
#body-text-in h1.text-contact{ background:url(../images/contact-us.gif) no-repeat 0 2px;}

.comp-name{ color:#d1a390}

#home-disp{ list-style:none; background:url(../images/hp-bg-ul.jpg) no-repeat top; padding:20px 0px 0px 25px; height:190px; margin:10px 0 0 0;}
#home-disp li{ width:212px; margin-right:36px; float:left; }
#home-disp li.last{ margin-right:0px;}

#home-disp li img{ border:solid 1px #fff;}
#home-disp li h2{ height:25px; margin-top:35px;}

#home-disp li h2.hd-service{ background:url(../images/hd-service.gif) no-repeat top left; text-indent:-1500px;}
#home-disp li h2.hd-quality{background:url(../images/hd-quality.gif) no-repeat top left; text-indent:-1500px;}
#home-disp li h2.hd-test{background:url(../images/hd-test.gif) no-repeat top left; text-indent:-1500px;}

#home-disp li p{ line-height:20px; margin:10px 0 0 0;}

/*Inner pages*/
.link-list{list-style:none; margin-left:30px; margin-top:10px;}
.link-list li{background:url(../images/ico-list.gif) no-repeat 0px 8px; padding-left:20px; line-height:25px; font-size:14px;}
.link-list li a{ color:#8e3e25; font-weight:bold; text-decoration:none;}
.link-list li a:hover{ color:#32302e; font-weight:bold;}




.body-list{ list-style:none; margin:5px 30px;}
.body-list li{background:url(../images/body-list.gif) no-repeat 0px 5px; padding-left:20px;}
#body-text-in h2{ color:#8e3e25; font-weight:bold; margin:25px 0px 10px 0px; border-bottom:#a66e56 solid 1px; padding-bottom:6px;}
#body-text-in h3{ color:#8e3e25; font-weight:bold; margin:25px 20px 10px 0px; padding-bottom:5px;}
#body-text-in p{ text-align:left; line-height:20px; margin:0 0 5px 0; line-height:20px;}

.test-list{ list-style:none;}
.test-list li{border-bottom:#a66e56 solid 1px; padding-bottom:5px;}
.test-list li li{ border-bottom:none;}
.test-list li.test-last{border-bottom:none;}

.top{ float:right; }
.top a{background-color:#d1a390; padding:2px 3px; color:#fff; font-weight:bold; text-decoration:none;}
.top a:hover{ background-color:#a66e56;}

.thumb-disp{ list-style:none; height:160px; margin-top:10px;}
.thumb-disp li{ width:212px; margin-left:37px; float:left;}
.thumb-disp li.first{ margin-left:0px;}
.thumb-disp li img{ border:solid 3px #d1a390;}

/*contact*/
#mail{ width:200px; float:right; text-align:left;  height:100px; line-height:20px;}
#phone{ width:200px; float:left; text-align:left; margin-left:65px; border-right:solid 1px #d1a390; height:100px; line-height:20px;}
#add{ width:200px; float:left; text-align:left; border-right:solid 1px #d1a390; height:100px; line-height:20px;}
.con-details{ color:#d1a390}
.mail a{ color:#32302e; font-weight:normal; text-decoration:none; line-height:20px;}
.mail a:hover{ color:#8e3e25;}

#mail h3, #phone h3, #add h3{ color:#8e3e25; font-weight:bold; margin:0px; padding-bottom:5px;}
/*footer start*/
#footer{height:90px; background:#d0a18e url(../images/bg-nav.jpg) repeat-y top center ; border-top:#a66e56 solid 3px; color:#fff;}
#footer p{ margin:6px; line-height:160%; text-align:center;}

#footer a{color:#ffffff; text-decoration:none;}
#footer a:hover{color:#000000; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
/* End hide from IE-mac */