@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0; }

html {font-size: 62.5%; }

body {color: #333; margin: 0; padding: 0; font-family: Helvetica, Arial, Verdana; background: url(../images/body-bg.jpg) repeat-x #544d45; text-align: center; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; }

p {font-size: .900em; line-height: 1.8em; margin: 0 0 10px 0; }

h1 {font-size: 1.6em; line-height: 1.3em; color: #80561b; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }

h2 {font-size: 1.4em; line-height: 1.6em; color: #fff; font-family: Helvetica, Arial, Verdana; }

h3 {font-size: 1.3em; line-height: 1.8em; font-weight: bold; color: #80561b; font-family: Georgia, "Times New Roman", Times, serif; }

a {color: #333333; text-decoration: none; font-weight: bold; }

a:hover {color: #ccc; text-decoration: none; font-weight: bold; }




/* begin styling */

#container {margin: 0 auto; padding: 0; text-align: left; width: 900px; background-color: #fff; position: relative; overflow: hidden; }

#container {margin-top: -1px; padding-top: 1px; }

#header {height: 112px; background: url(../images/coalmont-nav.png) no-repeat; margin: 0 0 5px 0; padding: 0; width: 100%; overflow: hidden; }

/*#header ul#home  {position: absolute; left: 60px; top: 30px; }

#header ul#home li  {display: inline; }

#header ul#home li a  {float: left; height: 0pt; overflow: hidden; margin: 0; padding: 25px 0; text-indent: -9000px; }*/


ul#nav {width: 700px; height: 112px; font-size: 90%; margin: 0 0 0 200px; text-indent: -9000px; }

ul#nav a {padding: 0; }

#nav li {display: inline; }

#nav li a  {
   background-image: url(../images/coalmont-nav.png);
   background-repeat: no-repeat;
   float: left;
   height: 0;
   overflow: hidden;
   padding-top: 112px;
}

#nav li#home a   {
   background-position: 200px 0pt;
   width: 145px;
}

#nav li#about a  {
   background-position: 345px 0pt;
   width: 135px;
}

#nav li#products a {
   background-position: 480px 0pt;
   width: 143px;
}

#nav li#services a   {
   background-position: 623px 0pt;
   width: 133px;
}

#nav li#contact a  {
   background-position: 756px 0pt;
   width: 143px;
}



#nav li#home a:hover  {
   background-position: -200px -112px;
}

#nav li#about a:hover  {
   background-position: -345px -112px;
}

#nav li#products a:hover  {
   background-position: -480px -112px;
}

#nav li#services a:hover  {
   background-position: -623px -112px;
}

#nav li#contact a:hover  {
   background-position: -756px -112px;
}




#nav li#home a.current  {
   background-position: -200px -224px;
}

#nav li#about a.current  {
   background-position: -345px -224px;
}

#nav li#products a.current  {
   background-position: -480px -224px;
}

#nav li#services a.current  {
   background-position: -623px -224px;
}

#nav li#contact a.current  {
   background-position: -756px -224px;
}



ul#nav {letter-spacing: .1em; }






/* home */


#main {float: left; margin: 0 0 0 7.5px; padding: 250px 0 20px 0; position: relative; width: 883px; background: url(../images/main-pic4.jpg) no-repeat transparent; }

#testimonial {position: absolute; right: 15px; top: 50px; background: url(../images/thought-bubble.png) no-repeat; width: 390px; height: 182px; color: #fff; }

#testimonial p {padding: 15px 25px 0px 25px; }

.right {float: right; margin: -20px 10px 0 0; line-height: 1.3em; }

.bold {font-weight: bold; }

#content {float: left; background-color: transparent; margin: 0; padding: 0; }

.homeContent {width: 209px; float: left; background-color: #d1cfcc; margin: 35px 10px 0 0; }

.homeContentTwo {padding: 0 0 0 20px; margin: 1px 20px 0 0; float: left; width: 380px; } 

.homeContentTwo a {font-size: .9em; }

.homeContentTwo ul {text-align: right; margin: 25px 0 0 0; }

.homeContentText {padding: 5px 10px 15px 15px; margin: 0; width: 180px; height: 190px; }

.homeContentText p, .homeContentText h3 {padding: 0 5px; }

.homeContentTwoText {padding: 5px 0 15px 20px; margin: 0; width: 325px; }

a.more  {color: #333333; text-decoration: underline; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }

a:hover.more {color: #999; }


/* interior */


#mainInterior {float: left; margin: 0; padding: 10px 0px 10px 20px; position: relative; width: 880px; }

#pageName {float: left; margin: 0; padding: 0 0 5px 0; position: relative; }

#vertMenu  {float: left; margin: 0 15px 0 0; padding: 0; width: 200px; }

#vertMenu ul {margin: 0; padding: 0; background-color: #d1cfcc; }

#vertMenu li {margin: 0; padding: 0; text-indent: 4px; color: #333; border-top: solid 1px #fff; }

#vertMenu a {font-weight: normal; display: block; padding: 4px 0; }

#vertMenu a:hover {font-weight: bold; color: #fff; background: url(../images/vertical-menu-rollover.jpg) repeat-x; }

#vertMenu a.current {font-weight: bold; color: #fff; background: url(../images/vertical-menu-rollover.jpg) repeat-x; /*text-indent: 10px;*/ }

#contentInterior {float: left; margin: 0; padding: 0; width: 650px; min-height: 450px; height: auto !important; height: 450px;  }

.imgsInterior {float: left; margin: 0; padding: 0; }

.contentInteriorText {float: left; margin: 15px 0 0 0; padding: 0; width: 640px; }

.contentInteriorText p {padding: 0 10px 0 0; }

.contentInteriorText li {padding: 4px 0; }

#headerBar {background: url(../images/header-bar.gif) no-repeat 100% 0% #80561b; margin: 0 0 10px 0; padding: 0 0 0 10px; }

.team {color: #000; font-weight: bold; }

.brownText {color: #80561b; font-weight: bold; } 

.contentInteriorBios {float: left; margin: 0; padding: 0 0 15px 20px; width: 450px; }





/* footer */

#footer {float: left; margin: 0; padding: 0; height: 38px; width: 100%; text-align: center; font-size: .850em; color: #fff; background: url(../images/footer.jpg) repeat-x #fff; display: inline; overflow: hidden; }

#footer p {padding: 10px 0 0 0; }




/* contact */


#contactArea {width: 350px; height: 400px; margin: 5px 50px 20px 0; position: relative; float: left; }
#contactArea p {margin: 0 0 .25em 0; }
#contactArea input, #contactArea textarea {padding: 5px; width: 200px; font-family: Helvetica, sans-serif; font-size: 1em; margin: 0px 0px 10px 0px; border: 1px solid #ccc;  }

#contactArea textarea {height: 55px; resize: none; }

#contactArea textarea:focus, #contactArea input:focus {border: 2px solid #900; padding: 4px; }

#contactArea input.submit-button {width: 75px; float: right; cursor: pointer; font-size: 1em; font-weight: bold; }

#contactArea p {clear: both; }
#contactArea label {width: 70px; float: left; }
#contactArea label.error {display: block; float: none; color: red; vertical-align: top; width: auto; padding-left: 93px; margin-top: -5px; padding-bottom: 12px; }
#contactArea em {color: red; font-weight: bold; padding-right: 1em; vertical-align: top; width: 12px; float: left; }