* {margin: 0; padding: 0;}
.clearfix {display: block; clear: both;}
body {background-color: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; font-size: 12px; }
p {font-size: 12px; line-height: 150%; margin: 0 0 10px 0; color: #333;}
a {margin: 0; color: #166C8A; text-decoration: none;}
a:hover {color: #777; text-decoration: underline;}

h1 {font-size: 24px; font-weight: normal; color: #166C8A; letter-spacing: -0.03em; margin: 0 0 5px 0;}
h2 {font-size: 14px; font-weight: normal; color: #333; letter-spacing: 0.00em; padding: 0 0 10px 0;}
h3 {font-size: 14px; font-weight: bold; color: #444; letter-spacing: -0.02em; margin: 0 0 10px 0;}

#wrap {width: 960px; margin: auto; background-color: #eee;}
#logo {float: left;}

#side-bar, #side-bar-home {float: right; width: 198px; margin: 0 5px 5px 5px; padding: 5px 15px 20px 15px; background-color: #fff; border: 1px solid #bbb; border-bottom: 2px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#side-bar-home {margin: 5px;}
#side-bar h2, #side-bar-home h2 {padding-left: 25px; padding-bottom: 3px; padding-right: 0; padding-top: 3px; background-color: #166C8A; color: white; margin: 10px 0 5px 0; -moz-border-radius-topleft: 3px; -webkit-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topright: 3px; background-image: url(images/vignette-side-bar.png); background-position: 0px 0px; background-repeat: repeat-x; border: 1px solid #333;}
#side-bar img, #side-bar-home img {margin: 0px 0 5px 0; border: 1px solid #777;}
.side-box {margin: 0 0 20px 0;}
.side-bar-height {height: 538px;} .capacity-height {height: 650px;}

/* breadcrumbs */
#breadcrumbs {width: 678px; margin: 0 5px 5px 5px; padding: 5px 15px 3px 15px; background-color: #fff; float: left; border: 1px solid #bbb; border-bottom: 2px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#breadcrumbs p {margin: 0;}

/* main content */
#main-content {width: 720px;}
.box {width: 318px; height: 280px; margin: 5px; padding: 5px 15px 20px 15px; background-color: #fff; float: left; border: 1px solid #bbb; border-bottom: 2px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.box h2 {padding-left: 25px; padding-bottom: 3px; padding-right: 0; padding-top: 3px; background-color: #166C8A; color: white; margin: 10px 0 5px 0; -moz-border-radius-topleft: 3px; -webkit-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topright: 3px; background-image: url(images/vignette.png); background-position: 0px 0px; background-repeat: repeat-x; border: 1px solid #333;}
.box img {margin: 0 0 5px 0; border: 1px solid #777;}

#main-area {width: 678px; margin: 5px; padding: 15px; background-color: #fff; float: left; border: 1px solid #bbb; border-bottom: 2px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#main-area h2 {font-weight: bold;} .main-area img {margin-bottom: 120px;}
#main-area p {width: 460px; padding: 0 0 10px 0;}
#main-area a {line-height: 130%; padding: 0 0 10px 0; margin: 10px 0 5px 0;}

/* contact details */
.tel {display: block; font-size: 30px; font-weight: bold; color: #444; line-height: 130%;}
.call {color: #166C8A; font-size: 12px; font-weight: bold; margin: 0 5px 0 0;}
.fax  {color: #333; font-size: 12px;}
.email {color: #333; font-size: 12px;}
.hours {color: #333; font-size: 12px; font-style: italic; font-weight: bold;}
.header-quote {font-size: 15px; font-style: italic; color: #444; line-height: 130%; display: block; height: 50px; padding: 5px 0 0 0;}

/* header detail */
#header {width: 923px; height: 100px; background-color: white; float: left; padding: 10px 10px 10px 15px; margin: 10px 0 0 5px; border: 1px solid #999; border-bottom: 2px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#contact-info {float: right; text-align: right; padding: 5px 5px 10px 10px; width: 260px; font-size: 12px; line-height: 140%;}
#heading {background-position: right top; background-repeat: no-repeat; background-image: url(images/heading.png); float: left; width: 933px; margin: 0px 10px 5px 5px; padding: 5px 0 5px 15px; background-color: #fff; border: 1px solid #bbb; border-bottom: 2px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; /* background-color: #e0edff; */ height: 90px;}
#heading h1 {padding: 5px 0 0 0;}

/* header navigation */
ul.nav {background-image: url(images/vignette-nav.png); background-repeat: repeat-x; width: 933px; border: 1px solid #666; border-bottom: 2px solid #666; margin: 10px 10px 10px 5px; padding: 5px 0 0 15px; background-color: #166C8A; height: 27px; float: left; color: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
ul.nav li {display: inline;}
ul.nav a {float: left; display: block; width: auto; height: 20px; line-height: 20px; border: 1px solid #333; background-color: #166C8A; background-image: url(images/nav-icons.png); background-position: 4px 2px; background-repeat: no-repeat; text-decoration: none;  padding: 0 10px 0 25px; margin: 0 3px 0 0; color: #fff; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
ul.nav a:hover {background-image: url(images/nav-icons-hover.png); background-position: 4px 2px; background-repeat: no-repeat; color: #fff; background-color: #888; border: 1px solid #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none;}
body#home .mh7home, body#capacity .mh7capacity, body#portfolio .mh7portfolio, body#news .mh7news, body#faq .mh7faq, body#links .mh7links, body#contact .mh7contact
{background-image: url(images/nav-icons-hover.png); background-position: 4px 2px; background-repeat: no-repeat; color: #fff; background-color: #888; border: 1px solid #333; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

/* capacity list */
ul.list, ul.faq, ul.news-list {list-style-type: none;}
ul.list li, ul.news-list li {float: left; display: block; width: 140px; margin: 0 15px 10px 0; }
ul.news-list li {width: 140px;} ul.faq {padding: 0 0 0 20px;}

.capacity-block {float: left; width: 630px; display: block; margin: 20px; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc;}
.capacity-block img {float: right; margin: 0; border:0;}
.capacity-block h2 {}

.news-block {padding: 0 0 0 20px;}
.news-block h2 {color: #166c8a; padding: 0 0 5px 0;}
/* .news-block a {font-family: Arial, sans-serif; font-size: 18px; font-weight: normal; text-decoration: none;} */
.news-block a: hover {color: #999;}
.news-block p {}
.news-info {display: block; font-size: 12px; color: #777; padding: 0;}

/* portfolio details */
.portfolio {margin: 35px 0 10px 12px; width: 100%;}
ul.portfolio ul {text-decoration: none;}
ul.portfolio li {float: left; display: inline; width: 216px; margin: 0 5px 10px 5px;}
ul.portfolio img {border: 1px solid #999;}
ul.portfolio a {width: 190px;}
.sample-parts-links a {display: block; margin: 5px 0 0 0; width: 100%; height: 30px;}

/* contact details */
.contact-box {width: 278px; height: 450px; margin: 0 5px 5px 5px; padding: 5px 15px 20px 15px; background-color: #fff; float: left; border: 1px solid #bbb; border-bottom: 2px solid #999; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.contact-box h2 {padding-left: 25px; padding-bottom: 3px; padding-right: 0; padding-top: 3px; background-color: #166C8A; color: white; margin: 10px 0 15px 0; -moz-border-radius-topleft: 3px; -webkit-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topright: 3px; background-image: url(images/vignette.png); background-position: 0px 0px; background-repeat: repeat-x; border: 1px solid #333;}
.contact-box img {margin: 0 0 5px 0; border: 1px solid #777;}

/* contact form details */
form {float: left; width: 270px; margin: 0; padding: 0;}
fieldset {} legend {}
label, input, textarea {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; float: left; clear: left; padding: 0;}
input, textarea {border: 1px solid #999; margin: 0; padding: 3px; margin: 8px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
label {margin: 0;}
input:focus, textarea:focus {background: #c8eef0;}


/* footer details */
#footer {float: left; clear: both; width: 933px; height: 60px; margin: 5px 0 5px 5px; padding: 20px 0 0 15px; background-color: #fff; border: 1px solid #999; border-bottom: 2px solid #777; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-position: right top; background-repeat: no-repeat; background-image: url(images/footer.png);}
#footer img {float: left; margin: 0 5px 20px 0;}

/* misc */
.right {float: right;}
.credit {float: left; font-size: 10px; color: #555; margin: 0 0 0 5px; width: 960px; height: 50px; display: block;} .credit a {font-size: 10px;}
.block a {display: block; width: 100%; margin: 0 0 25px 0;}
.image-right img {float: right;}
#contact-details {float: left; clear: both; margin: 20px 0 10px 0; width: 100%;}
.telephone {font-size: 24px; font-weight: normal; color: #166C8A; letter-spacing: -0.03em; margin: 0 0 5px 0; float: left; width: 100%;} #captcha {float: left; clear: both; width: 250px; margin: 0;} .float {float: left;}
.gap {display: block; height: 15px; clear: both;} .gap-small {display: block; clear: both; height: 15px;} .gap-smaller {display: block; clear: both; height: 10px; width: 100%;}