@charset "utf-8";
/* CSS Document */

/*-----------GENERAL--------------------------*/
body {
    background: #f3f3f3 url(../images/bg.jpg) repeat-x left top;
    color: #3c3c3c;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
	line-height:21px;
}
body.innerbg{ background:url(../images/bg-inner.jpg) repeat-x left top;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote {
    margin: 0;
    padding: 0;
}
a:focus {
    outline: medium none;
}
img {
    border: 0 none;
}
input, textarea {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 2px 3px 2px 5px;
}
ol, ul {
    list-style: none outside none;
}
ul li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

/*-------------------HOME---------------------*/

h1{ font-size:20px; color:#000000; text-transform:uppercase;}
#container{ width:964px; margin:0 auto; padding:0px 18px 0px 18x;}
.navigation-area{ height:90px; margin-top:29px;}
.logo{ float:left; width:465px; padding-left:37px; margin-top:26px;}
.navigation{ float:left;}
.navigation ul li{ float:left; padding:33px 23px 33px 23px; font-size:20px; border-right: solid 1px #191a1d;}
.navigation ul li a{ color:#f3f3f3; text-decoration:none;}
.navigation ul li a:hover{ text-decoration:none; color:#969696;}
.banner-area{ height:390px; margin-top:55px; background:url(../images/banner-bg.png) no-repeat left top; margin-left:60px; padding:5px 0px 0px 145px;}
.news{ background: url(../images/news-bg.jpg) no-repeat left top; height:59px; padding-left:117px; padding-top:29px; font-size:13px; line-height:18px; color:#FFFFFF;}
.popular-{ padding:20px 0px 0px 37px;}
.projects{ float:left; width:253px; text-align:justify; margin-right:65px;}
.readmore{ width:73px; padding:2px 0px 2px 0px; font-size:11px; background:#000000; text-align:center; margin:10px 0px 10px 0px; }
.readmore a{ color:#949494; text-decoration:none;}
.readmore a:hover{ color:#FFFFFF;}
.sep{ border-top:solid 1px #d7d7d7; border-bottom:solid 1px #ffffff; margin:15px 37px 15px 37px;}
.content{ padding:10px 0px 0px 37px;}
.welcome{ float:left; width:504px; text-align:justify;}
.fb{ float:left; margin-left:37px;}
.footer-bg{ background:#292929; padding:20px 0px 20px 0px; margin-top:50px;}
.footer{ width:890px; margin:0 auto; color:#828282;}
.footer-left{ float:left; width:712px;}
.footer-right{ float:left;}
.footer a{ color:#828282; text-decoration:none;}
.footer a:hover{ text-decoration:none; color:#a1a1a1;}
.inner{ background:none; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; height:200px;}
.inner-content p{ margin:10px 0px 10px 0px;}


/*** set the width and height to match your images **/

#slideshow {
    position:relative;
	width:569px; height:345px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}