* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 16px;
    font-family: "trebuchet MS", sans-serif;
    color: #000;
    background: #fff;
    text-align: left;
}

a img { border: 0; }
a { color: #ffffff;  }
a:hover { text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.shell { width: 960px; margin: 0 auto; }

h3 { font: 11px/13px "trebuchet MS"; color: #669933; }

#header { height: 180px; background: url(images/header.gif) no-repeat center 0; }
 h1#logo { float: left; display: inline; padding: 25px 0 0 5px; }
 h1#logo a { display: block; width:325px; height: 120px; background: url(images/logo.png); }
 #navigation { float: right; display: inline; margin-right: -30px; }
 #navigation ul { list-style-type: none; float: right; display: inline; }
 #navigation ul li a{ background-image: url(images/sprite.png); background-repeat: no-repeat; }
 /*small navigation*/
 #navigation ul.small-nav { margin: 58px 0 0 0; border-top: 1px dashed #808080; width: 332px; padding: 2px 35px 2px 0; height: 100%; }
 #navigation ul.small-nav li { float: right; display: inline; margin-left:10px; padding-left: 12px; border-left: 1px dashed #808080; margin-top: 5px; height: 100%;}
 #navigation ul.small-nav li.first { border: none;}
 #navigation ul.small-nav li a { float: right; display: inline; height: 10px; overflow: hidden;}
 #navigation ul.small-nav li.li-contact { width:42px; }
 #navigation ul.small-nav li.li-contact a { width: 42px; background-position: -331px -1px;   }
 #navigation ul.small-nav li.li-contact a:hover { background-position: -331px -14px; }
 #navigation ul.small-nav li.li-model { width: 74px; }
 #navigation ul.small-nav li.li-model a { width:74px; background-position: -377px -1px;   }
 #navigation ul.small-nav li.li-model a:hover { background-position: -377px -14px; }
 #navigation ul.small-nav li.li-facility { width: 91px; }
 #navigation ul.small-nav li.li-facility a { width:91px; background-position: -456px -1px;   }
 #navigation ul.small-nav li.li-facility a:hover { background-position: -456px -14px; }
 #navigation ul.small-nav li.li-news{ width: 34px; }
 #navigation ul.small-nav li.li-news a { width:34px; background-position: -547px -1px;   }
 #navigation ul.small-nav li.li-news a:hover { background-position: -547px -14px; }
 /*big navigation*/
 #navigation ul.big-nav { width: 415px; border-top: 1px dashed #808080; border-bottom: 1px dashed #808080; margin-top: 5px;  padding: 0 35px 0 0; height: 100%;}
 #navigation ul.big-nav li { float: right; display: inline;  padding:3px 0 3px 13px; border-left: 1px dashed #808080; margin: 5px 0 5px 13px; height: 100%; }
 #navigation ul.big-nav li.first { border: none; padding-left: 0;}
 #navigation ul.big-nav li a { float: right; display: inline; height: 10px;}
 #navigation ul.big-nav li.li-about { width: 68px; }
 #navigation ul.big-nav li.li-about a { width: 68px; background-position:  -1px 0; }
 #navigation ul.big-nav li.li-about a:hover {background-position:  -1px -13px; }
 #navigation ul.big-nav li.li-projects { width: 67px; }
 #navigation ul.big-nav li.li-projects a { width: 67px; background-position:  -73px 0; }
 #navigation ul.big-nav li.li-projects a:hover {background-position:  -73px -13px; }
 #navigation ul.big-nav li.li-services { width: 65px; }
 #navigation ul.big-nav li.li-services a { width: 65px; background-position:  -144px 0; }
 #navigation ul.big-nav li.li-services a:hover {background-position:  -144px -13px; }
 #navigation ul.big-nav li.li-difference { width: 115px; }
 #navigation ul.big-nav li.li-difference a { width: 115px; background-position:  -212px 0	; }
 #navigation ul.big-nav li.li-difference a:hover {background-position:  -212px -13px; }

#home-banner {  height: 181px; width:1012px;margin: 0 auto; no-repeat center 0; }
#home-features { width: 1024px; margin: 30px auto; padding: 0 0 25px 0; border-bottom: 1px dashed #b3cc99; height: 100%;} 
#home-features .feature { margin-right: 10px; width: 320px; float: left; display: inline; } 
#home-features .feature-first { width: 300px; } 
#home-features .feature-last { margin-right: 0; } 
#home-features .feature img { float: left; display: inline; font-size: 0; line-height: 0; margin-right:5px;} 
#home-features .feature p { padding-left: 82px; color: #a0a0a0; } 
#home-features .feature h3 { font: 18px/20px "trebuchet MS"; font-weight: bold;} 

#main { padding: 0 0 0 0; }
 #view-by-category { height: 27px; background-color: #669933; color: #fff; text-align: center; }
 #view-by-category span {float: left; display: inline; margin-right: 30px; margin-left:165px; width: 111px; height: 27px; background: url(images/sprite.png) no-repeat 0 -29px; }
 #view-by-category a { line-height: 27px;  color: #fff; margin-right: 25px; float: left; display: inline; height: 27px; background: url(images/sprite.png) no-repeat 0 0;}
 #view-by-category a.bar-industrial { width:121px; background-position: -142px -29px; }
 #view-by-category a.bar-education { width:53px; background-position: -292px -29px; }
 #view-by-category a.bar-retail { width:30px; background-position: -375px -29px; }
 #view-by-category a.bar-sports { width:33px; background-position: -435px -29px; }
 #view-by-category a.bar-city { width:52px; background-position: -497px -29px; }
 #view-by-category a.bar-healthcare { width:59px; background-position: -571px -29px; }
 
 #items { margin: 20px 0; height: 100%; }
  .item { width: 185px; height: 145px; overflow: hidden; float: left; display: inline; margin-right: 8px; margin-bottom: 15px;}
  .item-last { margin-right: 0; }
  .item-bottom { margin-bottom: 0; }
  .item .picture { width: 185px; height: 110px; background-color: #999999; margin-bottom: 5px; } 
  .item .content {  }
  .item .content h3 {display: inline; }
  .item .content h3 a{ color: #669933;  }
  .item .content p.category { font: 11px/15px "trebuchet MS"; font-style: italic; color: #999; display: inline; }
 
#about-us { padding-bottom: 40px; }  
#about-us .content { float: left; display: inline; width: 701px; padding-left: 10px; }  
.inner-banner { background: #669933 url(images/inner-banner.gif) repeat-x 0 bottom; }  
.inner-banner p { padding: 25px 0; text-align: center; font-style: italic; color: #fff; font-size: 23px; line-height: 30px;  }  
.inner-banner p span { font-size:20px;text-transform: uppercase; font-weight: bold; font-style: normal; }  
#about-us .content .about-us-banner { height: 392px; width: 701px; }
 #team { border-top: 1px dashed #808080; margin-top: 20px; padding: 20px 0 0 0; }
 #team .members { padding-bottom: 15px; }
 #team .members .member { float: left; display: inline; width: 89px; height: 89px;  margin-right: 13px; cursor: pointer;}
 #team .members .last { margin-right: 0;}
 #team .members .active { }
 #team .description { height: 95px; padding: 25px 30px; background-color: #ccc;}
 #team .description h4 { font: 13px/16px "Trebuchet MS"; font-weight: bold; font-style: italic; color: #22205f; padding-bottom: 5px; }
 #team .description p { color: #858585; }
 #team .description p a { color: #000; }
#about-us .sidebar { float: right; display: inline; width: 220px; background-color: #22205f; height: 100%; padding: 35px 0; margin-right: 5px;}
#about-us .sidebar p,
#about-us .sidebar h3 { padding: 0 20px; }
#about-us .sidebar p { color: #fff; padding-bottom: 15px;  }
#about-us .sidebar p.phone { padding-bottom: 30px;  }
#about-us .sidebar p a { text-decoration: underline; color: #fff; line-height: 20px;  }
#about-us .sidebar p a.know { font-weight: bold; font-style: italic; }
#about-us .sidebar p a:hover { text-decoration: none;  }
#about-us .sidebar h3 { font: 16px/18px "Trebuchet MS"; font-weight: bold; color: #fff; padding-bottom: 20px;  }
#about-us .sidebar h3.careers { padding-top: 15px;}
  
#services {  }
#services .services-banner { height: 200px; }
 #types-of-services { padding: 30px 8px; }
 #types-of-services .content { float: left; display: inline; width:329px; }
 #types-of-services .content .type-container {  }
 #types-of-services .content .type-container:hover { background-color: #ccffcc; cursor: pointer; }
 #types-of-services .content .type { padding: 0 10px 15px 0; border-bottom: 1px dashed #808080; margin: 0 15px; }
 #types-of-services .content .type-last { border-bottom: none; }
 #types-of-services .content .type h3 { font: 18px/20px "Trebuchet MS"; font-weight:bold; padding-top: 15px; }
 #types-of-services .content .type p { padding-top: 10px;  }
 #types-of-services .picture { float: right; display: inline; width: 614px; height: 100%; line-height:0; font-size: 0; }

#difference {  }
#difference .difference-banner { height: 171px; }
 #the-difference { margin: 40px 0 15px; padding: 0 9px; background: url(images/dashed-border.gif) repeat-y 0 0; height: 100%;}
 #the-difference .d-item { float: left; display: inline; }
 #the-difference .d-item h3 { font: 18px/20px "Trebuchet MS"; font-weight: bold; padding-bottom: 15px; }
 #the-difference .d-item p { font: 13px/16px "Trebuchet MS"; color: #8c8c8c; padding-bottom: 15px; }
 #the-difference .d-item p a { color: #669933; text-decoration: underline; }
 #the-difference .d-item p a:hover {text-decoration: none; }
 #the-difference .d-item-first { width: 280px; padding-left: 20px;}
 #the-difference .d-item-second { width: 265px; padding-left: 50px; }
 #the-difference .d-item-third { width: 265px; padding-left: 62px; }
#difference-slideshow { width: 1024px; margin: 0 auto; border-top: 1px dashed #000; text-align: center; font-size: 0; line-height: 0; height: 100%; padding: 25px 0 45px;}

#the-modelviewer{  }
#the-modelviewer.difference-banner { height: 171px; }
 #the-modelviewer { margin: 40px auto; padding: 0 9px; repeat-y 0 0;width:762px; height: 100%;}
 #the-modelviewer .d-item { float: left; display: inline; }
 #the-modelviewer .d-item h3 { font: 18px/20px "Trebuchet MS"; font-weight: bold; padding-bottom: 15px; }
 #the-modelviewer .d-item p { font: 13px/16px "Trebuchet MS"; color: #8c8c8c; padding-bottom: 15px; }
 #the-modelviewer .d-item p a { color: #669933; text-decoration: underline; }
 #the-modelviewer .d-item p a:hover {text-decoration: none; }
 #the-modelviewer .d-item-first { width: 340px; padding:0 10px 0 20px;border-left:2px dotted black;}
 #the-modelviewer .d-item-second { width: 340px; padding:0 10px 0 20px; border-left:2px dotted black;border-right:2px dotted black;}
#difference-slideshow { width: 1024px; margin: 0 auto; border-top: 1px dashed #000; text-align: center; font-size: 0; line-height: 0; height: 100%; padding: 25px 0 45px;}


.project-detail { position: relative; width:782px; height: 700px; background-color: #666666; margin: 0 auto; padding: 35px 0 0 100px; }
 .project-detail h3 {color:white;margin:20px 0 10px 0;font-size:16px;}
 #slider { position: relative; width: 680px; height: 403px; }
 #slider ul { list-style-type: none; }
 #slider ul li { float: left; display: inline;  }
 #slider ul li a { display: block; padding:13px; background-color: #fff;  }
 .arrow-left { position: absolute; width: 28px; height: 31px; top: 180px; left: -70px; background: url(images/arrow-left.gif); }
 .arrow-right { position: absolute; width: 28px; height: 31px; top: 180px; right: -70px; background: url(images/arrow-right.gif); }
 #project-info { width: 680px; padding: 10px 0 0 0; }
 #project-info h3 {  }
 #project-info p { color: #fff; font-size: 11px; }
 #project-info p.completion { padding-top: 35px; }
 #project-info .nav { float: right; display: inline; width: 150px; }
 #project-info .nav a { float: right; display: inline; width:29px; height: 17px; background-color: #fff; margin-right:10px; }
 #project-info .nav a.last {margin-right:0; }

#footer { width: 1024px; height: 150px; margin: 0 auto; background: url(images/footer.gif) repeat-x 0 0; padding-top: 115px; }
#footer .right { float: right; display: inline; width: 400px; }
#footer p { float: right; display: inline; margin-right: 5px; }
#footer p a { margin-left: 20px; color: #fff; height:11px; float: left; display: inline; background: url(images/sprite.png) no-repeat 0 0; }
#footer p a.f-news { width:44px; background-position: -35px -115px;}
#footer p a.f-tour { width:91px; background-position: -100px -115px;}
#footer p a.f-contact { width:41px; background-position: -212px -115px;}
#footer p a.f-inprogress { width:80px; background-position: -278px -115px;}

#footer p.bigger { margin-top: 15px; }
#footer p.bigger a.f-home { width:30px; background-position: -1px -139px; }
#footer p.bigger a.f-difference { width:91px; background-position: -45px -139px; }
#footer p.bigger a.f-services { width:48px; background-position: -158px -139px ; }
#footer p.bigger a.f-projects { width:53px; background-position: -225px -139px ; }
#footer p.bigger a.f-aboutus { width:54px; background-position: -296px -139px ; }
#footer p.signs { width:468px;margin-top: 15px; }
#footer a.footer-logo { float: left; display: inline; background: url(images/sprite.png) no-repeat 0 -67px; width: 146px; height: 33px; margin-left: 10px;}