﻿body
{
    background: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
a img
{
    border: none;
}
#wrap
{
    width: 920px;
    margin: 20px auto 0px auto;
    background: white;
    padding: 0;
    border: solid 1px #999999;
}
.clear
{
    visibility: hidden;
    clear: both;
}
/************************* Header ******************/

#header
{
    width: 920px;
    height: 143px;
    margin: 0;
    padding: 0;
}
#header #banner
{
    background: url(images-design/header.jpg) no-repeat top right;
    height: 112px;
    width: 739px;
    float: right;
}
#header img
{
    float: left;
}

/************************* Navigation ******************/

#navigation
{
    background: url(images-design/nav.jpg) no-repeat top right;
    height: 31px;
    width: 739px;
    float: right;
    margin-top: -31px;
}
#navigation ul
{
    margin: 0;
    padding-top: 5px;
}
#navigation ul li
{
    display: inline;
    list-style-type: none;
}
#navigation ul li a
{
    color: Black;
    text-decoration: none;
    margin: 0 8px 0 8px;
    font-weight: bold;
}
#navigation ul li a:hover
{
    text-decoration: underline;
}
#navigation ul li a.sn_item_pressed
{
    text-decoration: underline;
}
/************************* Content ******************/

.content
{
    width: 380px;
    float: left;
    margin: 1em;
}
.contentWide
{
    width: 703px;
    float: left;
    margin: 1em;
}
.imgLeft
{
    float: left;
    margin: 1em;
}

.imgLeftBord
{
    float: left;
    margin: 1em;
    border: solid 2px #BA033B;
    padding: 4px;
}
.imgRight
{
    float: right;
    margin: 1em;
}
.imgRightBord
{
    float: right;
    margin: 1em;
    border: solid 2px #BA033B;
    padding: 4px;
}
.imgCenter
{
    display: block;
    margin: 1em;
}

#tagline
{
    background: url(images-design/tag-bg.jpg) repeat-y;
    color: White;
    padding: 7px 30px;
    margin: 0;
}
#slideshow
{
    width: 594px;
    height: 369px;
    background: url(images-content/slide1.jpg) no-repeat;
    margin: 0 0 10px 0;
    float: left;
}
.interiorTitle
{
    width: 384px;
    height: 188px;
    background: url(images-design/lightblue.jpg) repeat-x;
    padding: 1em;
    float: left;
    margin-top: 1px;
}
.interiorTitle h2
{
    margin: 0;
    color: White;
    font-size: 1.4em;
}
.interiorTitle p
{
    margin: 0;
    color: White;
}
#interiorImg, .interiorImg
{
    float: right;
    margin: 0 0 1em 0;
}
.videos
{
    width: 713px;
}
.renew
{
    background: url(images-design/renewTitle.jpg) repeat-x;
}
.restruc
{
    background: url(images-design/restrucTitle.jpg) repeat-x;
}
.stabil
{
    background: url(images-design/stabilTitle.jpg) repeat-x;
}
.coating
{
    background: url(images-design/coatingTitle.jpg) repeat-x;
}
.milling
{
    background: url(images-design/millingTitle.jpg) repeat-x;
}
.reclaim
{
    background: url(images-design/reclaimTitle.jpg) repeat-x;
}
.videoMicro
{
    margin: 20px 0px 0px 80px;
}
.caption
{
    text-align: center;
    float: left;
    display: block;
    width: 33%;
}
.caption img
{
    vertical-align: bottom;
}
.info
{
    text-align: center;
    font-style: italic;
    font-size: smaller;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.caption1
{
    text-align: center;
    float: left;
    display: block;
    width: 35%;
}

/************************* Sidebars ******************/

.sidebarMenu
{
    float: left;
    display: block;
    width: 181px;
    background: #f2f2f2;
}
.sidebarMenu h4
{
    color: Black;
    text-decoration: none;
    margin-left: 5px;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}
.sidebarMenu ul
{
    margin: 0;
    padding-top: 5px;
    list-style-type: none;
    margin-left: -40px;
}
.sidebarMenu ul li
{
    background-color: #2e2d2d;
    border-bottom: 2px solid #808080;
    padding: 5px;
}
.sidebarMenu ul li a
{
    color: white;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
}
.sidebarMenu ul li#renew
{
    background: url(images-design/renewblue.jpg) repeat-y;
    width: 181px;
    padding: 0;
}
.sidebarMenu ul li#renew a
{
    padding: 5px;
}
.sidebarMenu ul li#renew ul li
{
    background: #c7dde3;
    border-bottom: none;
}
.sidebarMenu ul li#renew ul li a
{
    color: #4c78a4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}
.sidebarMenu ul li#restruc
{
    background: url(images-design/restrucbrown.jpg) repeat-y;
    width: 181px;
    padding: 0;
}
.sidebarMenu ul li#restruc a
{
    padding: 5px;
}
.sidebarMenu ul li#restruc ul li
{
    background: #ddd1d2;
    border-bottom: none;
}
.sidebarMenu ul li#restruc ul li a
{
    color: #4c78a4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}
.sidebarMenu ul li#stabil
{
    background: url(images-design/stabilpurple.jpg) repeat-y;
    width: 181px;
    padding: 0;
}
.sidebarMenu ul li#stabil a
{
    padding: 5px;
}
.sidebarMenu ul li#stabil ul li
{
    background: #dcd8d9;
    border-bottom: none;
}
.sidebarMenu ul li#stabil ul li a
{
    color: #4c78a4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}
.sidebarMenu ul li#coating
{
    background: url(images-design/coatinggreen.jpg) repeat-y;
    width: 181px;
    padding: 0;
}
.sidebarMenu ul li#coating a
{
    padding: 5px;
}
.sidebarMenu ul li#coating ul li
{
    background: #dadcda;
    border-bottom: none;
}
.sidebarMenu ul li#coating ul li a
{
    color: #4c78a4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}
.sidebarMenu ul li#milling
{
    background: url(images-design/millingbrown.jpg) repeat-y;
    width: 181px;
    padding: 0;
}
.sidebarMenu ul li#milling a
{
    padding: 5px;
}
.sidebarMenu ul li#milling ul li
{
    background: #dfd8d5;
    border-bottom: none;
}
.sidebarMenu ul li#milling ul li a
{
    color: #4c78a4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}
.sidebarMenu ul li#reclaim
{
    background: url(images-design/reclaimgreen.jpg) repeat-y;
    width: 181px;
    padding: 0;
}
.sidebarMenu ul li#reclaim a
{
    padding: 5px;
}
.sidebarMenu ul li#reclaim ul li
{
    background: #cdd9da;
    border-bottom: none;
}
.sidebarMenu ul li#reclaim ul li a
{
    color: #4c78a4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}
.sidebarMenu ul li#rental
{
    background: url(images-design/rentalblue.jpg) repeat-y;
    width: 181px;
    padding: 0;
}
.sidebarMenu ul li#rental a
{
    padding: 5px;
}
.sidebarMenu ul li#rental ul li
{
    background: #c3d7e7;
    border-bottom: none;
}
.sidebarMenu ul li#rental ul li a
{
    color: #4c78a4;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}
.sidebarMenu img
{
    margin-top: 15px;
}
.recycle
{
    margin-left: 1em;
}

#rightCol
{
    width: 326px;
    float: right;
    margin: 0;
}
.rightColInt
{
    width: 319px;
    float: right;
    border-left: solid 1px black;
    padding-left: 7px;
    margin: 0;
}

#videos, .videoBox
{
    background-color: #e9eaec;
    width: 320px;
    float: right;
    margin: 0;
}
#videos hr, .videoBox hr
{
    clear: both;
    margin: 0;
}
#videos p, .videoBox p
{
    padding: 10px;
    margin: 0;
}
#videos img, .videoBox img
{
    float: right;
}
.videoBox h5
{
    padding: 10px 0 0 10px;
}
.videoBox
{
    margin-bottom: 10px;
}
#preservation
{
    background: url(images-content/preservationreclamation.jpg) no-repeat;
    height: 279px;
    width: 320px;
    margin: 0;
    float: right;
}
#preservation p
{
    padding: 10px 0 0 25px;
}
#recycle
{
    background: url(images-content/recycling.jpg) no-repeat;
    height: 225px;
    width: 300px;
    padding: 10px 0 0 25px;
    float: left;
    margin: 0;
}
#recycle h3
{
    line-height: 20px;
    font-size: 1.8em;
    font-weight: normal;
}
#recycle p
{
    margin-top: -15px;
}
#news
{
    background: url(images-content/news.jpg) repeat-y;
    border: solid 1px black;
    margin: 0 0 0 7px;
    width: 235px;
    padding: 10px;
    float: left;
}

#news h3
{
    font-size: 1.5em;
}
#news p
{
    font-size: .8em;
}
.gray
{
    color: Gray;
}
.newsHover
{
    height: 200px;
    width: 200px;
    border: solid 2px Black;
    font-size: 60%;
    background: White;
    color: Black;
}
/************************* video section ******************/

.videoContainer01, .videoContainer02, .videoContainer03, .videoContainer04
{
    background: url(images-design/bg_video01.jpg) no-repeat;
    border-top: solid 1px #d6e9f9;
    border-bottom: solid 1px #77ab8d;
    border-left: solid 1px #77ab8d;
    height: 84px;
    width: 320px;
}

.videoContainer02
{
    background: url(images-design/bg_video02.jpg) no-repeat;
}

.videoContainer03
{
    background: url(images-design/bg_video03.jpg) no-repeat;
}

.videoContainer04
{
    background: url(images-design/bg_video04.jpg) no-repeat;
}

/************************* Footer ******************/

#footer
{
    text-align: center;
}
#footer ul
{
    margin: 0;
    padding-top: 5px;
}
#footer ul li
{
    display: inline;
    list-style-type: none;
}
#footer ul li a
{
    color: Black;
    text-decoration: none;
    margin: 0 8px 0 8px;
    font-weight: bold;
}
#footer ul li a:hover
{
    text-decoration: underline;
}
#footer ul li a.sn_item_pressed
{
    text-decoration: underline;
}
