body {text-align:center; margin:0; padding:0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1em}
p, .vcard {margin-bottom:1em; line-height:1.5em}
#content li {line-height:1.5em}
#content ul {margin-bottom:1em}
h1 {font-size:1.825em; margin-bottom:1.1em; font-weight:normal; color:#303030}
h2 {font-size:1.675em; font-weight:normal; line-height:28px; color:#303030; background:url(../images/product-heading-bckg.jpg) 0 0 no-repeat; margin-left:-6px; padding-left:6px}


img {display:block; border:none}
a:hover {text-decoration:none; border-bottom:1px solid #000}
ul.nav {list-style:none; margin:0; padding:0}
ul.nav a {text-decoration:none}
ul.nav a:hover, #header a:hover {border:none; border:0}

ul.leveled li, #vcard .fn {font-size:1.25em; font-weight:bold; color:#303030; line-height:1.5em}
#contact-details {margin-top:1em}
ul.leveled li li {font-size:0.8em; font-weight:normal; color:#000}
ul.leveled ul {margin-bottom:1em; list-style:disc inside}

#map {margin:10px 0 0 12px; clear:left}
#map:hover {border:none}

.list-heading {font-weight:bold; width:75%; border-bottom:1px solid #666; margin-bottom:0.25em}
.p-section {clear:both; margin:0.5em 0; font-weight:bold; color:#393939}

#out-wrapper {width:682px; margin:0 auto; padding:0 10px; text-align:left; background:url(../images/out-wrapper.jpg) top left repeat-y #fff; color:#000}

#in-wrapper {width:682px; background-position:bottom left; background-repeat:no-repeat; background:url(../images/in-wrapper.jpg) bottom left repeat-y #fff; color:#000} 
body.about_us #in-wrapper {background-image:url(/images/in-wrapper-about_us.jpg)}
body.services #in-wrapper {background-image:url(/images/in-wrapper-services.jpg)}
body.contact_us #in-wrapper {background-image:url(/images/in-wrapper-contact_us.jpg)}



#right-col {font-size:0.75em; line-height:1.5em; position:relative; float:right; width:138px; padding:24px 6px 20px 6px; margin-left:6px; color:#fff; font-weight:bold}
#right-col img {margin:-24px -6px -20px -6px}


#content {position:relative; font-size:0.6875em; float:right; width:396px; padding:24px 12px 20px 12px; padding-bottom:0; margin-left:6px; min-height:396px; height:auto !important; height:396px}
body.home #content {background:url(/images/content-homepage.jpg) bottom left no-repeat}
#content a {color:#620F16}
#content a:hover {color:#000}


.cols {overflow:hidden; margin-right:-12px}
.col {float:left; margin-right:12px}
.cols2of2 {width:408px}
.cols2of3 {width:272px}
.cols2of2 .col {width:192px}
.cols2of3 .col {width:124px}


#products-1 {background: url(../images/products-1.jpg) top right no-repeat transparent}
#products-2 {background: url(../images/products-2.jpg) top right no-repeat transparent}


#side-nav {float:right; width:100px}

#footer {font-size:0.625em; line-height:1.5em; width:702px; margin:0 auto; padding:20px 0 26px 0; text-align:center; background:url(../images/wrap.jpg) bottom left no-repeat #fff; color:#000}
#footer a {color:#A01A25}
#footer a:hover {color:#000}

#header {width:682px; margin:10px auto 0 auto; padding:20px 10px 15px 10px; text-align:left; background:url(../images/wrap.jpg) top left repeat-y #fff; color:#000}

#logo {margin:5px 0 10px 0}
#logo a {display:block; width:293px; height:60px; cursor:pointer}

#main-nav {position:relative; font-size:0.625em; line-height:1.5em; width:576px; padding-left:106px; background:url(../images/main-nav.jpg) bottom left no-repeat #B52E3C; color:#fff}
#main-nav li {display:block; float:left}
#main-nav a {color:#fff; text-transform:uppercase; font-weight:bold; padding:4px 12px; display:block; float:left}
#main-nav a.active {background:#E698A2; color:#000}
#main-nav a:hover {background-color:#AA2B38; color:#fff}

#side-nav {font-size:0.625em; line-height:1.5em; padding-top:20px; padding-bottom:20px; margin:0}
#side-nav li {float:left}
#side-nav a {display:block; padding:4px 6px; width:88px; margin-bottom:4px; text-align:right; color:#fff; text-transform:uppercase; font-weight:bold}
#side-nav a.active {background:#aaa; color:#000}
#side-nav a:hover {background-color: #777778; color:#fff}





#main-nav:after, #in-wrapper:after, #vcard:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main-nav, #in-wrapper, #vcard {display: inline-block;}

/* Hides from IE-mac \*/
* html #main-nav, * html #in-wrapper, * html #vcard {height: 1%;}
#main-nav, #in-wrapper, #vcard {display: block;}
/* End hide from IE-mac */