/* PAGE */
body {background: #ddd url('/images/bg.jpg') repeat-x; color: #222; font-family: "helvetica neue", helvetica, arial, sans-serif; font-size: 14px; margin: 0 auto;}
h1, h2, h3, h4, h5, h6 {font-family: "myriad pro", "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;}
.home {font-size: 12px; list-style: none; margin: 0; padding: 0;}
.home li {margin-bottom: 10px;}
.textcenter {text-align: center;}
.fourth {float: left; margin: 20px 4px 0 0; width: 217px;}
.third {float:left; margin-right: 35px; width: 270px;}
.last {margin-right:0;}
.separator {border-top: 1px solid #ddd; margin-top: 18px; padding-top: 18px;}
.button {background: #a20000 url('/images/buttonbg.jpg') repeat-x; border: 1px solid #ff0000; color: #fff; display: inline-block; font-size: 14px; padding: 10px 20px 10px 20px; text-decoration: none;} 
.button2 {background: #a20000 url('/images/buttonbg.jpg') repeat-x; border: 1px solid #ff0000; color: #fff; display: inline-block; font-size: 14px; margin: 5px; padding: 5px 10px 5px 10px; text-decoration: none;} 
.clear {clear: both;}
img.floatleft {float: left; margin-right: 15px;}
img.floatright {float: right; margin-left: 15px;}
#container {background: #fff; margin: 0 auto; padding: 0; width: 960px;}

/* HEADER */
#header {background: url('/images/headerbg.jpg') repeat-x; height: 138px; padding: 0 40px 0 40px; overflow: hidden;}
#logo {float: left; margin: 0;}
#logo a img {border: 0px;}
#callout {float: right; margin: 0;}

/* NAVIGATION */
#navigation {background: #a20000 url('/images/navbg.jpg') repeat-x; color: #fff; height: 45px; margin: 0; padding: 0 20px 0px 20px;}
#navigation ul {display: inline; line-height: 45px; margin: 0; padding: 0; list-style-type: none;}
#navigation li {color: #fff; display: inline; line-height: 45px; margin: 0; padding: 0;}
#navigation li a{color: #fff; padding: 14px 20px 15px 20px; font-size: 14px; text-transform: uppercase; text-decoration: none;}
#navigation li a:hover {background: url('/images/navbg_over.jpg') repeat-x;}

/* SLIDESHOW */
#slideshow {background: #a20000 url('/images/slideshowbg.jpg') repeat-x; color: #fff; height: 320px; margin: 0; padding: 0; width: 960px;}
#slideshow-text {float: left; margin: 40px; overflow: hidden; text-align: center; width: 300px;}
#slideshow-image { padding: 20px 0px 20px 0px; overflow: hidden; width: 560px;}
#slideshow h1 {font-size: 24px; margin: 0 0 20px; padding: 0;}
#slideshow h2 {font-size: 16px; margin: 0 0 16px; padding: 0;}
#slideshow p {font-size: 13px; padding: 0 30px 10px 30px;}


/* CONTENT */
#content {background: #fff; color: #222; margin: 0px; padding: 0 40px 20px 40px;}
#content h1 {font-size: 20px;}
#content h2 {font-size: 16px;}
#content p {color: #222;}
#content a {color: #a20000; text-decoration: none;}
#content a:hover {color: #ff0000; text-decoration: underline;}
#content .photo {background: #fff; border: #ddd solid 1px; margin: 15px; padding: 15px; text-align: center;}
#content .thumbnail {background: #fff; border: #ddd solid 1px; margin: 10px; padding: 10px; text-align: center;}

/* FOOTER */
#footer {color: #999; font-size: 13px; padding: 15px 40px 15px 40px; margin: 20px 0 0 0; text-align: center;}

/* CONTACT PAGE */
form {color: #222; font-size: 14px;}
form .inputtext {border: #ddd solid 1px; margin: 5px 0 20px 0; padding: 5px;}
form .textarea {border: #ddd solid 1px; margin: 5px 0 20px 0; overflow: auto; padding: 5px;}
form .lastfield {margin: 5px 0 0 0;}
#twocolcontact {margin: 0;overflow: hidden;}
#contact_form {background: #ddd; border: #ddd solid 1px; float: left; margin: 0; overflow: hidden; padding: 20px 10px 20px 10px; width: 285px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#rightcolcontact {float: right; margin: 0; overflow: hidden; text-align: center; width: 550px;}
.pricing {background-color: #ddd; border: 1px solid #BDBDBD; display: inline-block; padding: 5px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* PRODUCTS PAGE */
#products p {font-size: 13px;}
#products img.featured {border: 1px solid #ddd;}