HTML, BODY { width: 100%; margin: 0px; }
BODY { background: #bebebe url(../images/bg1.png) repeat-x left top; }
FORM { margin: 0px; }
* { outline: none; font-family: Verdana, Tahoma, Arial; font-size: 12px; outline: none; color: #000000; }
A, IMG { border: 0px; }
A, A:VISITED, A:ACTIVE { text-decoration: none; color: #000000; }
A:HOVER { text-decoration: none; }

.content { width: 100%; }

.content .canvas { width: 100%; overflow: visible; position: absolute; z-index: 10000; }

.content .body .header { margin: 0px auto 0px auto; width: 990px; height: 100px;  }
.content .body .header .gohome { position: absolute; margin: 3px 0px 0px 75px; display: block; width: 136px; height: 61px; background: url(../images/header.logo2.png) no-repeat left top; }
.content .body .header .links { position: absolute; margin-left: 564px; margin-top: 30px; width: 350px; }
.content .body .header .links A { float: left; font-size: 0px; line-height: 0px; overflow: hidden; color: #727879; margin: 0px 0px 0px 16px; }

.content .body .header .links .homelink, .content .body .header .links .homelink:HOVER { width: 41px; height: 11px; background: url(../images/link.home.header.png) no-repeat left top; }
.content .body .header .links .homelink:HOVER { background-position: 0px -11px; }

.content .body .header .links .servicelink, .content .body .header .links .servicelink:HOVER { width: 69px; height: 11px; background: url(../images/link.services.header.png) no-repeat left top; }
.content .body .header .links .servicelink:HOVER { background-position: 0px -11px; }

.content .body .header .links .ourwork, .content .body .header .links .ourwork:HOVER { width: 80px; height: 11px; background: url(../images/link.ourwork.header.png) no-repeat left top; }
.content .body .header .links .ourwork:HOVER { background-position: 0px -11px; }

.content .body .header .links .contactus, .content .body .header .links .contactus:HOVER { width: 88px; height: 11px; background: url(../images/link.contactus.header.png) no-repeat left top; }
.content .body .header .links .contactus:HOVER { background-position: 0px -11px; }

.content .body { margin: 0px auto 0px auto; width: 990px; overflow: hidden; }

.content .body .home { margin: 125px 0px 0px 0px; background-image: url(../images/home.splash.png); background-repeat: no-repeat; background-position: left top; width: 990px; height: 539px; }

.content .body .home A.ourservices, .content .body .home A.ourservices:HOVER { display: block; position: absolute; cursor: pointer; width: 276px; height: 278px; margin: 261px 0px 0px 80px; background: url(../images/home.section.ourservices.png) no-repeat left top;  }
.content .body .home A.ourservices:HOVER { background-position: 0px -278px; }
.content .body .home A.ourservices SPAN { display: block; margin: 187px 22px 0px 22px; font-size: 11px; line-height: 15px; letter-spacing: -1px; word-spacing: 1px; }
.content .body .home A.ourservices SPAN B { font-size: 11px; }

.content .body .home A.selectedworks, .content .body .home A.selectedworks:HOVER { display: block; position: absolute; cursor: pointer; width: 274px; height: 278px; margin: 261px 0px 0px 358px; background: url(../images/home.section.selectedworks.png) no-repeat left top;  }
.content .body .home A.selectedworks:HOVER { background-position: 0px -278px; }
.content .body .home A.selectedworks SPAN { display: block; margin: 187px 22px 0px 22px; font-size: 11px; line-height: 15px; letter-spacing: -1px; word-spacing: 1px; }
.content .body .home A.selectedworks SPAN B { font-size: 11px; }

.content .body .home A.contact, .content .body .home A.contact:HOVER { display: block; position: absolute; cursor: pointer; width: 276px; height: 278px; margin: 261px 0px 0px 634px; background: url(../images/home.section.touchbase.png) no-repeat left top;  }
.content .body .home A.contact:HOVER { background-position: 0px -278px; }
.content .body .home A.contact SPAN { display: block; margin: 187px 22px 0px 22px; font-size: 11px; line-height: 15px; letter-spacing: -1px; word-spacing: 1px; }
.content .body .home A.contact SPAN B { font-size: 11px; }

.content .body .footer { width: 990px; height: 140px; background: url(../images/footer.bg.png) no-repeat left top; overflow: hidden; padding: 15px 0px 0px 0px; }
.content .body .footer .links { width: 990px; text-align: center; margin: 5px 0px 10px 0px; }
.content .body .footer .links A { font-size: 11px; color: #1c1c1c; }
.content .body .footer .links A:HOVER { text-decoration: underline; }
.content .body .footer .links SPAN { margin: 0px 5px 0px 5px; font-size: 11px; color: #1c1c1c; }

.content .body .footer .copyright { margin: 10px 0px 0px 0px; font-size: 9px; text-align: center; width: 990px; color: #1c1c1c; }
.content .body .footer .copyright SPAN { margin: 0px 5px 0px 5px; font-size: 9px; color: #1c1c1c; }

.servicespresentation { width: 990px; height: 580px; margin: 0px 0px 0px 0px; background: url(../images/servicespresentation.bg.png) no-repeat left top; }
.servicespresentation .slider { height: 310px; overflow: hidden; }
.servicespresentation .slider .left { float: left; width: 45px; height: 309px; text-align: right; }
.servicespresentation .slider .left A.arrow { display: block; width: 20px; height: 20px; background: url(../images/arrow.left.png) no-repeat left top; margin-top: 140px; margin-right: 15px; }
.servicespresentation .slider .right { float: left; width: 45px; height: 309px; text-align: left; }
.servicespresentation .slider .right A.arrow { display: block; width: 20px; height: 20px; background: url(../images/arrow.right.png) no-repeat left top; margin-top: 140px; margin-left: 15px; }
.servicespresentation .slider .center { float: left; width: 900px; height: 310px; overflow: hidden; }
.servicespresentation .slider .center .progress { position: absolute; width: 700px; margin: 150px 0px 0px 100px; height: 5px; border: solid 1px #000000; overflow: hidden; }
.servicespresentation .slider .center .progress .bar { position: absolute; width: 0px; height: 20px; overflow: hidden; background-color: #000000; }
.servicespresentation .slider .center .intro { position: absolute; z-index: 1000; width: 900px; height: 309px; display: none; }
.servicespresentation .slider .center .intro IMG { width: 900px; height: 308px; }
.servicespresentation .slider .center .track { height: 310px; display: none; width: 900px; }
.servicespresentation .slider .center .track .item { float: left; width: 900px; height: 309px; }
.servicespresentation .slider .center .track .item IMG { width: 900px; height: 308px; margin: 2px 0px 0px 0px; }
.servicespresentation .lists { width: 900px; padding: 0px 0px 20px 35px; margin: 2px 0px 0px 44px; overflow: hidden; }
.servicespresentation .lists .item { float: left; width: 206px; height: 267px; margin: 0px 1px 0px 1px; overflow: hidden;  }
.servicespresentation .lists .item:HOVER { background: url(../images/servicespresentation.item.bg.png) no-repeat left top; }
.servicespresentation .lists .item .title { font-size: 22px; font-weight: bold; letter-spacing: -1px; margin: 18px 0px 0px 14px; padding: 0px 0px 5px 0px; }
.servicespresentation .lists .item .service { margin: 7px 0px 7px 14px; font-size: 11px; color: #895b1e; }
.servicespresentation .lists .item .service A { font-size: 11px; color: #000000; }
.servicespresentation .lists .item .service A:HOVER { color: #895b1e; }

.content .body .heading { margin: 0px 0px 30px 0px; text-align: right; }
.content .body .heading .services { background: url(../images/page.heading.services.png) no-repeat left top; height: 39px; width: 990px; } 
.content .body .heading .ourwork { background: url(../images/page.heading.ourwork.png) no-repeat left top; height: 39px; width: 990px; } 
.content .body .heading SPAN { display: none; padding: 5px 88px 0px 0px; }

.content .body .topedge { width: 990px; height: 6px; background: url(../images/page.header.top.edge.png) no-repeat left top; overflow: hidden; }

.content .body .ourworks { margin: 5px 0px 15px 0px; overflow: hidden; width: 990px; }
.content .body .ourworks .itemleft { float: left; display: block; width: 339px; height: 193px; background: url(../images/ourwork.item.left.bg.png) no-repeat left top; }
.content .body .ourworks .itemleft .framed { width: 267px; height: 167px; margin: 20px 0px 0px 79px; overflow: hidden; }
.content .body .ourworks .itemleft .framed .slider1 { position: absolute; height: 45px; width: 245px; overflow: hidden; }
.content .body .ourworks .itemleft .framed .slider1 .overlay { margin: -45px 0px 0px 0px; height: 45px; width: 245px; background: url(../images/ourwork.item.title.bg.png) no-repeat left top; }
.content .body .ourworks .itemleft .framed .slider1 .overlay SPAN { display: block; width: 245px; padding: 9px 0px 0px 0px; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; }
.content .body .ourworks .itemleft .framed .slider2 { position: absolute; height: 45px; width: 245px; overflow: hidden; margin: 108px 0px 0px 0px; }
.content .body .ourworks .itemleft .framed .slider2 .overlay { margin: 45px 0px 0px 0px; height: 45px; width: 245px; background: url(../images/ourwork.item.links.bg.png) no-repeat left top; text-align: center; }
.content .body .ourworks .itemleft .framed .slider2 .overlay .casestudy { margin: 20px 2px 0px 2px; width: 79px; height: 19px; background: url(../images/button.casestudy.png) no-repeat left top; }
.content .body .ourworks .itemleft .framed .slider2 .overlay .casestudy:HOVER { background-position: left -19px; }
.content .body .ourworks .itemleft .framed .slider2 .overlay .visitsite { margin: 20px 2px 0px 2px; width: 79px; height: 19px; background: url(../images/button.visitsite.png) no-repeat left top; }
.content .body .ourworks .itemleft .framed .slider2 .overlay .visitsite:HOVER { background-position: left -19px; }

.content .body .ourworks .itemcenter { float: left; display: block; width: 297px; height: 193px; background: url(../images/ourwork.item.center.bg.png) no-repeat left top; }
.content .body .ourworks .itemcenter .framed { width: 267px; height: 167px; margin: 20px 0px 0px 26px; overflow: hidden; }
.content .body .ourworks .itemcenter .framed .slider1 { position: absolute; height: 45px; width: 245px; overflow: hidden; }
.content .body .ourworks .itemcenter .framed .slider1 .overlay { margin: -45px 0px 0px 0px; height: 45px; width: 245px; background: url(../images/ourwork.item.title.bg.png) no-repeat left top; }
.content .body .ourworks .itemcenter .framed .slider1 .overlay SPAN { display: block; width: 245px; padding: 9px 0px 0px 0px; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; }
.content .body .ourworks .itemcenter .framed .slider2 { position: absolute; height: 45px; width: 245px; overflow: hidden; margin: 108px 0px 0px 0px; }
.content .body .ourworks .itemcenter .framed .slider2 .overlay { margin: 45px 0px 0px 0px; height: 45px; width: 245px; background: url(../images/ourwork.item.links.bg.png) no-repeat left top; overflow: hidden; text-align: center; }
.content .body .ourworks .itemcenter .framed .slider2 .overlay .casestudy { margin: 20px 2px 0px 2px; width: 79px; height: 19px; background: url(../images/button.casestudy.png) no-repeat left top; }
.content .body .ourworks .itemcenter .framed .slider2 .overlay .casestudy:HOVER { background-position: left -19px; }
.content .body .ourworks .itemcenter .framed .slider2 .overlay .visitsite { margin: 20px 2px 0px 2px; width: 79px; height: 19px; background: url(../images/button.visitsite.png) no-repeat left top; }
.content .body .ourworks .itemcenter .framed .slider2 .overlay .visitsite:HOVER { background-position: left -19px; }

.content .body .ourworks .itemright { float: left; display: block; width: 340px; height: 193px; background: url(../images/ourwork.item.right.bg.png) no-repeat left top; }
.content .body .ourworks .itemright .framed { width: 267px; height: 167px; margin: 20px 0px 0px 15px; overflow: hidden; }
.content .body .ourworks .itemright .framed .slider1 { position: absolute; height: 45px; width: 245px; overflow: hidden; }
.content .body .ourworks .itemright .framed .slider1 .overlay { margin: -45px 0px 0px 0px; height: 45px; width: 245px; background: url(../images/ourwork.item.title.bg.png) no-repeat left top; }
.content .body .ourworks .itemright .framed .slider1 .overlay SPAN { display: block; width: 245px; padding: 9px 0px 0px 0px; color: #ffffff; font-size: 12px; font-weight: bold; text-align: center; }
.content .body .ourworks .itemright .framed .slider2 { position: absolute; height: 45px; width: 245px; overflow: hidden; margin: 108px 0px 0px 0px; }
.content .body .ourworks .itemright .framed .slider2 .overlay { margin: 45px 0px 0px 0px; height: 45px; width: 245px; background: url(../images/ourwork.item.links.bg.png) no-repeat left top; overflow: hidden; text-align: center; }
.content .body .ourworks .itemright .framed .slider2 .overlay .casestudy { margin: 20px 2px 0px 2px; width: 79px; height: 19px; background: url(../images/button.casestudy.png) no-repeat left top; }
.content .body .ourworks .itemright .framed .slider2 .overlay .casestudy:HOVER { background-position: left -19px; }
.content .body .ourworks .itemright .framed .slider2 .overlay .visitsite { margin: 20px 2px 0px 2px; width: 79px; height: 19px; background: url(../images/button.visitsite.png) no-repeat left top; }
.content .body .ourworks .itemright .framed .slider2 .overlay .visitsite:HOVER { background-position: left -19px; }

.content .body .selectedwork {  }
.content .body .selectedwork .nav { width: 990px; overflow: hidden; }
.content .body .selectedwork .nav A.goback { float: left; margin: 20px 0px 5px 185px; font-size: 11px; font-weight: bold; color: #666666; text-transform: capitalize; cursor: pointer; }
.content .body .selectedwork .nav A.goback:HOVER { text-decoration: underline; }
.content .body .selectedwork .nav A.nextcase { float: right; margin: 20px 187px 5px 0px; font-size: 11px; font-weight: bold; color: #666666; text-transform: capitalize; cursor: pointer; display: none; }
.content .body .selectedwork .nav A.nextcase:HOVER { text-decoration: underline; }

.content .body .selectedwork .frame { width: 990px; height: 424px; background: url(../images/ourwork.image.bg.png) no-repeat left top; overflow: hidden; }
.content .body .selectedwork .frame .framed { margin: 16px 0px 0px 194px; width: 600px; height: 387px; overflow: hidden; }




.imageslideshow .slider { float: left; width: 600px; height: 387px; overflow: hidden; }
.imageslideshow .slider .progress { position: absolute; width: 400px; margin: 180px 0px 0px 100px; height: 5px; border: solid 1px #000000; overflow: hidden; }
.imageslideshow .slider .progress .bar { position: absolute; width: 0px; height: 20px; overflow: hidden; background-color: #000000; }
.imageslideshow .slider .track { height: 387px; display: none; width: 600px; }
.imageslideshow .slider .track .item { float: left; width: 600px; height: 387px; }
.imageslideshow .slider .track .item IMG { width: 600px; height: 387px; }











.content .body .selectedwork .extended { width: 990px; margin: 1px 0px 35px 0px; overflow: hidden; }
.content .body .selectedwork .extended IMG { float: left; margin: 0px 0px 0px 187px; }
.content .body .selectedwork .extended A { float: right; display: block; width: 79px; height: 19px; background: url(../images/button.visitsite.png) no-repeat left top; margin: 0px 190px 0px 0px; }
.content .body .selectedwork .extended A:HOVER { background-position: left -19px; }
.content .body .selectedwork .section1 { margin: 30px 0px 0px 0px; width: 990px; background: url(../images/ourwork.section1.bg.png) no-repeat left top; overflow: hidden; }
.content .body .selectedwork .section1 .col1 { float: left; width: 230px; margin: 15px 0px 30px 100px; overflow: hidden; }
.content .body .selectedwork .section1 .col1 H3 { font-family: Arial; font-size: 18px; font-weight: bold; }
.content .body .selectedwork .section1 .col1 P { font-size: 11px; }
.content .body .selectedwork .section1 .col2 { float: left; width: 250px; margin: 15px 0px 30px 50px; overflow: hidden; }
.content .body .selectedwork .section1 .col2 H3 { font-family: Arial; font-size: 18px; font-weight: bold; }
.content .body .selectedwork .section1 .col2 P { font-size: 11px; }
.content .body .selectedwork .section1 .col3 { float: left; width: 210px; margin: 15px 0px 30px 50px; overflow: hidden; }
.content .body .selectedwork .section1 .col3 H3 { font-family: Arial; font-size: 18px; font-weight: bold; }
.content .body .selectedwork .section1 .col3 P { font-size: 11px; }
.content .body .selectedwork .section2 { width: 990px; background: url(../images/ourwork.section2.bg.png) no-repeat left top; overflow: hidden; }
.content .body .selectedwork .section2 H3 { font-family: Arial; font-size: 18px; font-weight: bold; margin: 25px 0px 0px 100px; }
.content .body .selectedwork .section2 .items { width: 800px; overflow: hidden;  margin: 15px 0px 30px 100px; }
.content .body .selectedwork .section2 .items .item { width: 250px; float: left; background: url(../images/ourwork.section2.bullet.png) no-repeat left top; padding: 0px 0px 0px 15px; font-size: 11px; margin: 0px 0px 3px 0px; }