/* CSS Document */

.pageTitle { width:30px; height:180px; background-image:url(../images/structure/page-title-home.jpg); float:left; overflow:hidden; }

body { text-align:center; background-color:#2c2c2c; border:0px; padding:0px; margin:0px; }

.container { margin:0 auto; margin-top:20px; text-align:left; width:910px; height:760px; position:relative; }

.layerOne { width:910px; height:760px; position:absolute; top:0px; left:0px; z-index:10; }

.navLeft { background-color:#2c2c2c; width:30px; height:30px; float:left; overflow:hidden; }
.navbar { background-color:#343434; width:880px; height:30px; float:left; overflow:hidden; border-top:#000000 solid 1px; }

.header { background-color:#000000; width:880px; height:170px; float:left; overflow:hidden; position:relative; }
.headerStripe { background-color:#464646; width:880px; height:10px; float:left; overflow:hidden; }
.logo { background-image:url(../images/structure/logo.jpg); width:200px; height:80px; position:absolute; top:45px; left:75px; border:none; cursor:pointer; }
.headerImage { background-image:url(../images/structure/header-pavement.jpg); width:465px; height:170px; position:absolute; top:0px; right:0px; }

.contentLeft {	background-color:#2c2c2c; width:30px; height:435px; float:left; overflow:hidden; }
.content {	background-color:#343434; width:880px;  float:left; position:relative; }
.contentStripeLeft { background-color:#2c2c2c; width:30px; height:5px; float:left; overflow:hidden; }
.contentStripe { background-color:#464646; width:880px; height:5px; float:left; overflow:hidden; }

.moreBox { background-color:#000000; width:60px; height:20px; float:right; }

.flashSection { width:340px; height:435px; float:left; overflow:hidden; position:relative; }
.flashTitle { background-image:url(../images/text/projects-overview.jpg); width:221px; height:29px; position:absolute; top:50px; left:50px; }
.flashBox { background-color:#666666; border:#FFFFFF solid 1px; width:300px; height:240px; position:absolute; bottom:80px; left:20px; }
.flashMore { width:300px; height:20px; position:absolute; bottom:25px; left:20px; border-top:#000000 solid 1px; }

.welcomeSection { width:540px; height:250px; float:left; overflow:hidden; position:relative; }
.welcomeTitle { background-image:url(../images/text/welcome-title.jpg); width:175px; height:45px; position:absolute; top:50px; left:20px; }
.welcomeTextBox { width:500px; height:100px; position:absolute; top:110px; left:20px; }
.welcomeMore { width:500px; height:20px; position:absolute; bottom:20px; left:20px; border-top:#000000 solid 1px; }

.latestNewsSection { width:540px; height:185px; float:left; overflow:hidden; position:relative; }
.latestNews { background-image:url(../images/structure/latest-news-bg.jpg); background-repeat:repeat-y; width:500px; height:220px; position:absolute; right:20px; bottom:80px; overflow:hidden; z-index:999; }
.latestNewsHeader { background-color:#464646; width:500px; height:10px; float:left; position:absolute; top:0px; left:0px; overflow:hidden; z-index:10; }
.latestNewsBody { width:500px; height:200px; float:left; position:absolute; top:10px; left:0px; overflow:hidden; z-index:10; }
.latestNewsTitle { background-image:url(../images/text/latest-news.jpg); width:144px; height:29px; position:absolute; top:20px; left:10px; }
.latestNewsItemOne { width:225px; height:130px; position:absolute; bottom:10px; left:20px; overflow:auto; }
.latestNewsItemTwo { width:225px; height:130px; position:absolute; bottom:10px; right:10px; overflow:auto; }
.latestNewsDate { width:225px; height:20px; float:left; }
.latestNewsFooter { background-color:#FEF501; width:500px; height:10px; float:left; position:absolute; top:210px; left:0px; overflow:hidden; z-index:10; }
.latestNewsDate { width:225px; height:20px; position:absolute; top:0px; left:0px; }
.latestNewsText { width:225px; height:100px; position:absolute; bottom:0px; left:0px; }

.commitmentTitle { background-image:url(../images/text/commitment.jpg); width:400px; height:29px; position:absolute; top:20px; left:10px; }
.commitmentText { width:460px; height:130px; position:absolute; bottom:10px; left:20px; overflow:auto; }

.footerLeft { background-color:#2c2c2c; width:30px; height:110px; float:left; overflow:hidden; z-index:0; }
.footer { background-color:#242424; width:880px; height:110px; float:left; overflow:hidden; z-index:0; }