@charset "UTF-8";

/*
    DuraGuard Inc. Style Sheet
    By Todd Temple: http://t2graphicdesign.com
	Date Modified: 02-24-2017
*/
@import url('https://fonts.googleapis.com/css?family=Kanit');

h4 {font-family:'Kanit',sans-serif;color:#cd2c36;font-size:20px;font-style:italic;border-bottom:1px solid #dddeda;padding-bottom:0;margin-bottom:15px;width:100%;}
* { padding: 0; margin: 0; }
body, html { margin: 0; padding: 0; height: 100%; }
body { background: url(../i/gfx_bkg.jpg) repeat 0 0; font: Verdana, Arial, Helvetica, sans-serif; color: #666; }
#wrapper { margin: 20px auto; padding: 0; width: 960px; position: relative; }
#header { width: 960px; height: 71px; margin: 0; display: block; clear: both; padding: 0; background: url(../i/gfx_nav.png) no-repeat 0 0; }
h1.logo { text-indent: -9999px; float: left; padding: 0; display: block; height: 88px; width: 246px; margin: 0; padding: 26px 0 0 54px; }
h1.logo a, h1.logo a:link, h1.logo a:visited { display: block; height: 88px; width: 246px; background: url(../i/gfx_logo.png) no-repeat 0 0; overflow: hidden; z-index: 99; }
#nav { width: 577px; height: 71px; margin: 0 0 0 82px; padding: 0; list-style: none; overflow: hidden; float: left; }
#nav li { float: left; text-indent: -9999px; display: inline; }
#nav li a, #nav li a:link, #nav li a:visited 	{ text-decoration: none; display: block; color: #000; font: 14px/16px Helvetica, Arial, sans-serif; font-weight: 400; padding: 0; margin: 0; }
#nav li a:hover { color: red; background: url(../i/rollover.png) no-repeat 50% 0; }
#nav li.home a, #nav li.products a, #nav li.services a, #nav li.about a, #nav li.contact a, #nav li.home a:hover, #nav li.products a:hover, #nav li.services a:hover, #nav li.about a:hover, #nav li.contact a:hover { background: url(../i/gfx_nav.png) no-repeat; height: 71px; }
#nav li.home a { background-position: 76px -71px; width: 76px; }
#nav li.products a { background-position: 152px -71px; width: 97px; }
#nav li.services a { background-position: 249px -71px; width: 97px; }
#nav li.about a { background-position: 346px -71px; width: 100px; }
#nav li.contact a { background-position: 446px -71px; width: 111px; }
#nav li.home a:hover, #home #nav li.home a { background-position: -382px -71px; width: 76px; }
#nav li.products a:hover, #products #nav li.products a { background-position: -458px -71px; width: 97px; }
#nav li.services a:hover, #services #nav li.services a { background-position: -555px -71px; width: 97px; }
#nav li.about a:hover, #about #nav li.about a	{ background-position: -652px -71px; width: 100px; }
#nav li.contact a:hover, #contact #nav li.contact a 	{ background-position: -752px -71px; width: 111px; }
#banner h2 { width: 960px; height: 386px; display: block; background: url(../i/gfx_banner.jpg) no-repeat 0 0; text-indent: -9999px; }
#products #banner h2, #services #banner h2, #about #banner h2, #contact #banner h2 { width: 960px; height: 134px; display: block; background: url(../i/gfx_banner_alt.jpg) no-repeat 0 0; text-indent: -9999px; }
#main	{ width: 856px; overflow: hidden; padding: 26px 0 0 104px; clear: both; background-color: #FFF; }
#main p, #left p, #right p, #main ul, #left ul, #right ul { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 0 0 16px; }
#left td, #right td	{ font: 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 4px; }
#right ul { list-style-image: url(../i/gfx_bullet.gif); padding: 0 0 16px 20px; }
#main a, #left a, #right a, #main ul a, #left ul a, #right ul a { color: #666; text-decoration: underline; }
#main a:hover, #left a:hover, #right a:hover, #main ul a:hover, #left ul a:hover, #right ul a:hover { color: #C33; text-decoration: underline; }
#left  { width: 495px; float: left; margin: 0 41px 0 0; }
#right 	{ width: 260px; float: left; }
h3  { margin: 0 0 16px; }
h3.customized { width: 495px; background: url(../i/gfx_header_customized.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
h3.products { width: 495px; background: url(../i/gfx_header_products.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
h3.services { width: 495px; background: url(../i/gfx_header_services.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
h3.about { width: 495px; background: url(../i/gfx_header_about.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
h3.contact { width: 495px; background: url(../i/gfx_header_contact.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
h3.examples { width: 260px; background: url(../i/gfx_header_examples.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
h3.hours	{ width: 260px; background: url(../i/gfx_header_hours.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
h3.directions { width: 260px; background: url(../i/gfx_header_directions.gif) no-repeat 0 0; height: 32px; text-indent: -9999px; }
a.button { font-weight: bold; color: #000 !important; }
a.button:before, a.brochure:before { content:"\00BB"; padding-right: 8px; }
a.button:hover { color: #096 !important; }
.floatLeft { float: left; padding: 0 20px 20px 0; }
.floatRight { float: right; padding: 0 0 20px 20px; }
#footer { background: url(../i/gfx_bkg_footer.gif) no-repeat 0 0; background-color: #C33; width: 760px; height: 28px; color: #FFF; padding: 26px 100px; overflow: hidden; }
#footer p	{ font: 11px/16px Helvetica, Arial, sans-serif; }
#footer span { padding: 0 10px; }
#footer a	{ color: #FFF; text-decoration: none; }
#footer a:hover { color: #CCC; text-decoration: underline; }
.return { border: 1px solid #333; background-color: #C30; color: #FFF; display: inline; float: right; width: 33%; padding: 4px; text-align: center; text-transform: uppercase; font: bold 10px/12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.return a { color: #FFF !important; text-decoration: none !important; }
.return a:hover { color: #000 !important; text-decoration: none !important; }
#brochure { width: 100%; background-color: #fff; margin: 0 auto; }
.brochure { display: block; background-color: #666; color: #fff !important; padding: 12px 12px 12px 12px; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; text-decoration: none; text-transform: uppercase; text-align: center; width: 30%; border-radius: 25px; margin: 0 auto; text-shadow: 1px 1px 4px #000; }
a.brochure:hover { color: #fff !important; background-color: #0d2773; padding: 11px 12px 13px 12px; }
#request { width: 100%; background-color: #fff; margin: 0 auto; padding: 25px 0; }
#request-form { width: 80%; background-color: #e6e7e2; border: 1px solid #cd2d37; padding: 25px; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }