/*
-------------------------------------------------------
Client: STEM Int'l
Developed by: Rainhouse - rainhouse.com

Home Styles
---------------------------------------------------- */

body.home #wrap {
    width: 666px;
}

body.home #wrap-inner {
    width: 650px;
    background: transparent url("/images/bg_wrap.gif") top right repeat-y;
}

body.home #header {
    background: transparent url("/images/header-home.jpg") top center no-repeat;
    width: 650px;
    height: 100px;
}

body.home h1#logo {
    display: none;
}

body.home #topnav {
    width: 525px;
}

body.home #topnav ul {
    width: 525px;
    background: transparent url(/images/topnav-home.gif) -10px 0 no-repeat;
}

body.home #tn1 {left: 7px; width: 95px;}
body.home #tn2 {left: 102px; width: 161px;}
body.home #tn3 {left: 263px; width: 65px;}

body.home #tn1 a:hover {background: transparent url(/images/topnav-home.gif) -17px -35px no-repeat;}
body.home #tn2 a:hover {background: transparent url(/images/topnav-home.gif) -112px -35px no-repeat;}
body.home #tn3 a:hover {background: transparent url(/images/topnav-home.gif) -273px -35px no-repeat;}

body.home #content {
    width: 620px;
    background: none;
    margin: 5px 0 0 0;
    padding: 10px 15px 15px 15px;
    border-top: #ddd dotted 3px;
}

body.home #footer {
    width: 616px;
    background: transparent url("/images/bg_footer-home.gif") top left no-repeat;
}

body.home #nav {
    width: 650px;
    height: 65px;
    margin: 5px 0 0 0;
}

body.home #nav ul	{
    width: 650px;
    height: 65px;
    background: transparent url(/images/nav-home.gif) top left no-repeat;
}

body.home #nav ul li, body.home #nav a	{
    height: 65px;
}

body.home #n1 {left: 0; width: 213px;}
body.home #n2 {left: 218px; width: 214px;}
body.home #n3 {left: 437px; width: 213px;}

body.home #n1 a:hover {background: transparent url(/images/nav-home.gif) 0 -65px no-repeat;}
body.home #n2 a:hover {background: transparent url(/images/nav-home.gif) -218px -65px no-repeat;}
body.home #n3 a:hover {background: transparent url(/images/nav-home.gif) -437px -65px no-repeat;}

#promo {
    width: 400px;
    float: left;
    padding: 0 20px 0 0;
    border-right: #ddd solid 1px;
}

#news {
    width: 180px;
    height: 100%;
    float: left;
    color: #666;
    padding: 0 0 0 13px;
}

#news-ad {
    padding: 20px 0 0 0;
    width: 180px;
    height: 140px;
}

#news-ad p.img {
    text-align: center;
}

#news-ad a {
    border: none !important;
}

dl.news dt {
    float: left;
    width: 35px;
    margin: 0 10px 0 0;
}

dl.news dd h3 {
    margin: 0 0 5px 0 !important;
}

dl.news dd {
    font-size: 11px;
    line-height: 14px;
    padding: 0 0 20px 0;
}