/***** *****/

img { behavior: url("/images/iepngfix.htc"); margin: 0; padding: 0; }

body
{
    _width: expression(document.body.clientWidth < 962? "960px" : "100%");
    min-width: 960px;
    min-height: 100.01%;
    font-family: Times New Roman, Times, Serif;
    background-image: url('/images/layout/body_gradient.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #89a0cf;
}

/***** Layout *****/

div#top
{
    height: auto !important;
    height: 100%;
    min-height: 100%;
    margin: 0px Auto -50px Auto;
    width: 960px;
    background-image: url('/images/layout/content_bg.jpg');
    background-color: #FFFFFF;
    background-position: top left;
    background-repeat: repeat-y;
}

div#header
{
    width: 100%;
    height: 140px;
    vertical-align: baseline;
}

div#header img
{
    _margin: 0 0 -3px 0;                                        /***** IE 6 Bug *****/
}

div#sidebar
{
    float: left;
    width: 180px;
    min-height: 310px;
    _height: 310px;
    _margin-right: -3px;                                        /***** IE 6 Bug *****/
    background-image: url('/images/layout/menu_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;

}

div#sidebar ul#menu
{
    margin-top: 14px;
}

div#sidebar ul#menu li
{
    height: 35px;
    background-position: top center;
    background-repeat: no-repeat;
    _margin-bottom: -3px;                                       /***** IE 6 Bug *****/
}

div#sidebar ul#menu li.m_home { background-image: url(/images/menu/home_off.gif); }
div#sidebar ul#menu li.m_products { background-image: url(/images/menu/products_off.gif); }
div#sidebar ul#menu li.m_paint { background-image: url(/images/menu/paint_off.gif); }
div#sidebar ul#menu li.m_wallcoverings { background-image: url(/images/menu/wallcoverings_off.gif); }
div#sidebar ul#menu li.m_window { background-image: url(/images/menu/window_off.gif); }
div#sidebar ul#menu li.m_project { background-image: url(/images/menu/project_off.gif); }
div#sidebar ul#menu li.m_inquiry { background-image: url(/images/menu/inquiry_off.gif); }
div#sidebar ul#menu li.m_contact { background-image: url(/images/menu/contact_off.gif); }

div#sidebar ul#links
{
    margin-top: 16px;
}

div#sidebar ul#links li
{
    text-align: center;
    margin-top: 8px;
    color: #ffffff;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 85%;
}

div#sidebar ul#links li a
{
    color: #cccccc;
    text-decoration: underline;
}

div#sidebar ul#links li a:hover
{
    color: #ff0000;
}

div#sidebar img.pic
{
    border: #324f66 solid 1px;
}

div#sidebar a:hover img.pic
{
    border-color: #ff0000;
}

div#sidebar h2 
{
    color: #ffffff; 
    letter-spacing: normal;
    font-style: italic;
}

div#strip
{
    height: 36px;
}

/***** Content *****/

div#content
{
    width: 722px;
    margin-left: 210px;
    min-height: 310px;                                       /***** footer overlap sidebar fix *****/
    _height: 310px;
    line-height: 1.4em;
    font-family: Verdana, Arial, Sans-Serif;
}

div#content ul
{
    padding-left: 1.5em;
    padding-bottom: 1em;
}

div#content ul>li
{
    list-style: disc;
    padding-bottom: .15em;
    vertical-align: middle;
}

div#content h1, div#content h2, div#content h3
{
    color: #ed3b3b;
    text-align: center;
    font-family: Times New Roman, Georgia, Serif;
}

div#content h1
{
    font-style: italic;
    font-size: 200%;
    letter-spacing: normal;
    padding: .25em;
}

div#content h2, div#content h3
{
    padding-top: 0;
    font-style: italic;
    color: #425a8e;
    letter-spacing: normal;
}

h1.top, h2.top
{
    margin-bottom: .5em;
}

div#content img.photo.left
{
    margin-right: 16px;
    margin-top: 0;
}

div#content img.photo.right
{
    margin-left: 16px;
    margin-top: 0;
}

div#content a, div#content a:visited
{
    color: #425a8e;
    text-decoration: underline;
}

div#content a:hover
{
    color: #0000ff;
}

div.half { width: 49.5% }

.cr { clear: right; }
.cl { clear: left; }

/***** Home Page *****/

div#home_flash_01
{
    float: right;
    width: 320px;
    height: 240px;
    border: 1px solid #000000;
    margin-left: 10px;
}

table.breakout { width: 722px; clear: right; }
div#content table.breakout a { text-decoration: none; }

td.third { width: 241px; vertical-align: top; }
td.third div.box { height: 350px; width: 225px; }
td.rt { text-align: right; }
td.ct { text-align: center; width: 240px; }

table.breakout div.box { border: solid 1px #000000; margin: 0em 5px 5px 5px; font-size: .8em; }
td.lt div.box { margin-left: 0; }
td.rt div.box { margin-right: 0; text-align: left; float: right; }
td.ct div.box { text-align: left; }
a div.box { color: #000000; cursor: pointer; }
table.breakout div.box h2, table.breakout div.box ul { margin: 0 .5em; }

div#content ul.nodot li { list-style-type: none; margin: 0; padding: 0; }

table.breakout div.paint { background: #ffeeee; }
table.breakout div.window { background: #ffffee; }
table.breakout div.wall { background: #eeffee url(/Images/Home/wallpaper-bottom.png) bottom no-repeat; }
table.breakout div.commercial { margin: 1em 0 1em 0; padding:  1em .5em .5em 240px; background: #fff6ee url(/images/Home/commercial.png) left no-repeat; }


div#window_flash_01
{
    float: right;
    width: 240px;
    height: 320px;
    border: 1px solid #000000;
    margin-left: 10px;
}

/***** Bottom & Footer *****/

div#push, div#bottom
{
    height: 50px;
}

div#bottom
{
    width: 960px;
    position: relative;
    bottom: 0;
    margin: 0px Auto;
}

div#footer
{
    padding: 0px 7px 0 187px;
    font-size: 80%;
    line-height: 1em;
    text-align: center;
    margin: 0 Auto;
    width: 756px;
    height: 50px;
}

div#footer p
{
    width: 750px;
    margin: 0px Auto;
    padding-bottom: 4px;
}

div#footer p.first
{
    border-top: 1px solid #888888;
    padding-top: 8px;
}

div#footer a, a:visited
{
    color: #425a8e;
}

div#footer a:hover
{
    text-decoration: underline;
}

div#footer a.nohover:hover
{
    text-decoration: none;
}

/***** Inquiry Form *****/

.inquiryform td { vertical-align: top; padding: 5px; }


/***** *****/