body {
        margin: 0;
        background: url(img/body-bg.png) repeat-x center top;

        font-family: Tahoma, arial, sans-serif;
        font-size: 12px;
}

p, span, div, table, th, tr, td {
        font-family: inherit;
        font-size: inherit;
        color: inherit;
}

a img { border: none; }

p { margin: 0px; }

/** dynamIt editor styles follow **/

.titles {
        font-size: 28px;
        color: #ED9903;
}

.subHeadings {
        font-size: 14px;
        color: #EDC303
}

.emphasis {
        color: #ED9903;
}

.grey {
        color: #4e4e4e;
}

/** end editor styles **/

#container {
        width: 960px;
        margin: 0 auto 0 auto;

        position: relative;
}

#header {
        height: 155px;
        background: url(img/flame-top.gif) no-repeat right bottom;
}

#mini-nav {
        position: absolute;
        top: 35px;
        right: 30px;
        color: white;
}

        #mini-nav a {
                font-size: 14px;
                color: white;
                text-decoration: none;
        }

#nav {
        height: 54px;
        background: url(img/flame-mid.png) no-repeat right bottom;

        position: relative;
}

#nav a.top-nav, #nav a.top-nav:link, #nav a.top-nav:visited {
        display: block;
        position: absolute;
        top: 0;
        height: 54px;
        background-image: url(img/nav-sprite.png);
}

        a#nav-glance, a#nav-glance:link, a#nav-glance:visited { width: 152px; left: 0px; background-position: 0px 0px; }
        a#nav-glance-on, a#nav-glance:hover, a#nav-glance:active { width: 152px; left: 0px; background-position: 0px 54px; }

        a#nav-ecodev, a#nav-ecodev:link, a#nav-ecodev:visited { width: 279px; left: 152px; background-position: -152px 0px; }
        a#nav-ecodev-on, a#nav-ecodev:hover, a#nav-ecodev:active { width: 279px; left: 152px; background-position: -152px 54px; }

        a#nav-climate, a#nav-climate:link, a#nav-climate:visited { width: 189px; left: 431px; background-position: -431px 0px; }
        a#nav-climate-on, a#nav-climate:hover, a#nav-climate:active { width: 189px; left: 431px; background-position: -431px 54px; }

        a#nav-cicinit, a#nav-cicinit:link, a#nav-cicinit:visited { width: 160px; left: 620px; background-position: -620px 0px; }
        a#nav-cicinit-on, a#nav-cicinit:hover, a#nav-cicinit:active { width: 160px; left: 620px; background-position: -620px 54px; }


#DROPDOWNS {
        position: absolute;
        top: 209px;
        left: 0px;
}

        #DROPDOWNS ul.menuDiv {
                margin: 0;
                padding: 0;
                list-style-type: none;

                position: absolute;
                top: 0;

                background: #676767;
                border: 1px solid #575757;

                width: 200px;
                visibility: hidden;
        }


        #DROPDOWNS ul.menuDiv li {
                border-bottom: 1px solid #818181;
                height: 30px;
                line-height: 30px;
                padding: 0 16px 0 16px;
        }

        #DROPDOWNS ul.menuDiv li a,
        #DROPDOWNS ul.menuDiv li a:link,
        #DROPDOWNS ul.menuDiv li a:visited {
                color: white;
                text-decoration: none;
        }

        #DROPDOWNS ul.menuDiv li a:hover,
        #DROPDOWNS ul.menuDiv li a:active {
                color: #f4b502;
                text-decoration: overline;
        }

#sp {
        width: 960px;
        height: 19px;

        background: url(img/sp.gif) no-repeat top center;
}

#devnews {
	position: relative;
	float: left;
	width: 248px;

        background: url(img/devnews.png) no-repeat top left;
        min-height: 255px;

}

#devnews-link {
	position: absolute;
         top: 44px;
         left: 29px;
}

#devnews-padd {
        padding: 80px 30px 10px 30px;
        line-height: 18px;
}

        #devnews-padd a {
                text-decoration: none;
                color: #ED9903;
                border-bottom: 1px dashed #ED9903;
        }

        #devnews-padd a:hover {
                text-decoration: none;
                color: #ED9903;
                border-bottom: 1px solid #ED9903;
        }

#content-area {
        margin-left: 248px;
        padding: 0 26px 0 26px;
}

#content-area-in {
        background: url(img/content-bg.png) no-repeat left top;
        min-height: 255px;
}

#clean {
        font-size: 1px;
        height: 1px;
        clear: both;
}

#banner {
        width: 630px;
        height: 189px;
}

#content {
        width: 608px;
}

        #content a {
                text-decoration: none;
                color: #ED9903;
                border-bottom: 1px dashed #ED9903;
        }

        #content a:hover {
                text-decoration: none;
                color: #ED9903;
                border-bottom: 1px solid #ED9903;
        }

#content ul {
        list-style-type: none;
        padding-left: 16px;
        margin-left: 0;
}

#content li {
        background: url(files/images/orange_triangle.jpg) 0px 4px no-repeat;
        padding-left: 22px;
        margin-bottom: 10px;
}

#content-in {
        padding: 0 10px 0 10px;
}

#padd {
        padding: 20px;
}

#footer {
        background-image: url(img/footer-bg.jpg);
        background-repeat: repeat-x;
        height: 80px;
}

#footer-txt {
        margin: 0px auto 0 auto;
        width: 900px;
        color: #A6A6A6;
}

#footer-padd {
        padding-top: 30px;
}

#copybox {
	background: #5d5d5d;
	text-align: center;
}
