body { margin: 0; padding: 0; background: #fff url(../img/body.jpg) 50% 86px repeat-x; }
body, input, textarea, select { font: 11px Tahoma, Arial sans-serif; color: #5c5c5c; }
a { color: #870142; text-decoration: none; }
a:hover { }
img { border: none; }
p { margin: 1em 0; }
ul { padding: 0; margin: 0; list-style: none; }
form { margin: 0; }
hr,
div.hr { margin: 15px 0; border-bottom: solid 1px #efefef; width: 100%; height: 0; clear: both; }
div.hr hr { display: none; } 

#container { }

#top { width: 970px; margin: 0 auto; position: relative; height: 278px; background: url(../img/top.jpg) 320px 0 no-repeat; }
#top h1 { position: absolute; top: 26px; left: 0; margin: 0; }
#top h1 a { border: none; }
#top #slogan { position: absolute; top: 121px; left: -14px; }
#top #menu { position: absolute; top: 43px; right: 37px; }
#top #menu li { float: left; }
#top #menu li a { float: left; height: 29px; margin: 0 -1px 0 0; overflow: hidden; border-bottom: none; }
#top #menu li a * { float: left; }
#top #menu li a:hover *,
#top #menu li a:focus * { display: block; margin-top: -29px; }
#top #menu li a.current * { display: block; margin-top: -58px; }
#top #newsletter { position: absolute; top: 43px; right: 0; }
#top #newsletter input.text { width: 210px; height: 16px; padding: 4px; border: none; vertical-align: top; background: #9c9c9c; color: #fff; }
#top #newsletter input.submit { vertical-align: top; }
#top #breadcrumbs { position: absolute; top: 250px; left: -2px; padding: 1px 0 3px 22px; background: url(../img/breadcrumbs.gif) 0 2px no-repeat; }
#top #breadcrumbs strong { color: #858585; font-weight: normal; }
#top #breadcrumbs a { text-decoration: none; border-bottom: solid 1px #e0b8cc; }
#top #breadcrumbs a:hover { border-bottom-color: #870142; }
#top #breadcrumbs img { margin: 0 1px; }
#top #print { position: absolute; top: 250px; right: -2px; padding: 1px 22px 3px 0; background: url(../img/print.gif) 100% 2px no-repeat; }
#top #slides { position: absolute; top: 93px; left: 409px; width: 534px; height: 308px; background: url(../img/slides.jpg); }
#top #slides div.slide { width: 505px; height: 295px; }
#top #slides div.slide img.image { position: absolute; top: 13px; left: 22px; }
#top #slides div.slide div.caption { position: absolute; top: 228px; left: -410px; width: 410px; padding: 8px 0 0 0; background: url(../img/slides.caption.jpg) no-repeat; color: #e6d5e3; line-height: 1.5em; }
#top #slides div.slide div.caption a { color: #fff; border: none; }
#top #slides div.slide div.caption a:hover { text-decoration: underline; }
#top #slides a.btn { position: absolute; top: 131px; width: 30px; height: 60px; border: none; }
#top #slides a.prev { left: -35px; background: url(../img/slides.prev.png); }
#top #slides a.next { left: 534px; background: url(../img/slides.next.png); }

#main { width: 970px; margin: 0 auto; }

#content { width: 646px; padding: 11px 0 30px 0; float: left; line-height: 16px; }
#content a { text-decoration: none; border-bottom: solid 1px #e0b8cc; }
#content a:hover { border-bottom-color: #870142; }
#content h2 { padding: 0 0 7px 0; margin: 0 0 21px 0; border-bottom: solid 1px #efefef; }
#content h3 { font-size: 14px; font-weight: normal; color: #870142; margin: 15px 0; }
#content h4 { font-size: 12px; font-weight: normal; color: #870142; margin: 15px 0; }
#content h5 { font-size: 1em; margin: 15px 0; }
#content ul { }
#content ul li { background: url(../img/bullet2.gif) 1px 6px no-repeat; padding: 0 0 0 10px; }
#content ul li li { background: url(../img/bullet3.gif) 1px 6px no-repeat; }
#content img.left { float: left; margin: 5px 15px 8px 0; }
#content img.right { float: right; margin: 5px 0 8px 15px; }
#content div.hr { margin: 20px 0; }
#content a.btn { display: inline-block; height: 20px; padding: 0 18px 0 8px; line-height: 19px; background: #980151 url(../img/btn-right.gif) 100% 0 no-repeat; color: #f0dbe6; border-bottom: none; }
#content a.btn:hover { color: #fff; }
#content p.date { color: #9c9c9c; }
#content a.back { background: #980151 url(../img/btn-left.gif) no-repeat; padding: 0 8px 0 18px; }
#content p.back { float: right; margin: 0; }
#content table { border-collapse: collapse; margin: 1em 0; }
#content table tr { }
#content table tr th,
#content table tr td { padding: 5px 10px; text-align: left; vertical-align: top; }
#content table tr th { background: #737372; color: #fff; }
#content table tr th:first-child,
#content table tr th.first-child { background: #737372 url(../img/table.th-first.gif) no-repeat; }
#content table tr th:last-child,
#content table tr th.last-child { background: #737372 url(../img/table.th-last.gif) 100% 0 no-repeat; }
#content table tr td { background: #f9f9f9; border: solid 1px #e5e5e5; border-width: 0 0 1px 0; }
#content form { }
#content form div.f { padding: 0 0 10px 0; }
#content form div.f label { display: inline-block; width: 85px; padding: 4px 0 0 0; vertical-align: top; }
#content form div.f input.text,
#content form div.f textarea { padding: 4px; margin: 0; background: #f2f2f2; border: solid 1px #e5e5e5; vertical-align: top; }
#content form div.f input.text { width: 200px; height: 14px; }
#content form div.f textarea { width: 546px; height: 140px; }
#content form div.btn { padding: 0 0 0 88px; }
#content form input.btn { height: 20px; background: #980151 url(../img/btn-right.gif) 100% 0 no-repeat; padding: 0 18px 0 8px; color: #f0dbe6; border: none; font-size: 10px; text-align: left; cursor: pointer; }
#content form input.btn:hover { color: #fff; }
#content form ul.errors { margin: 1em 0; }
#content p.intro { font-size: 14px; line-height: 18px; }
#content div.pagination { text-align: center; }
#content div.pagination ul { display: inline; }
#content div.pagination ul li { display: inline; background: none; padding: 0; }
#content div.pagination ul li a { display: inline-block; vertical-align: top; border: solid 1px #e5e5e5; padding: 1px 6px; background: #f9f9f9; font-size: 12px; margin: 0 1px; }
#content div.pagination ul li a:hover { background: #eee; }
#content div.pagination ul li a.current { color: #5c5c5c; background: #fff; }
#content div.pagination a.nav { display: inline-block; width: 8px; height: 11px; border: none; vertical-align: top; margin: 5px 0 0 0; }
#content div.pagination a.nav span { display: none; }
#content div.pagination a.prev { background: url(../img/pagination.prev.gif) no-repeat; }
#content div.pagination a.next { background: url(../img/pagination.next.gif) no-repeat; }
#content div.nav { padding: 18px 0 0 0; height: 20px; }
#content div.nav a.prev { float: left; background: #980151 url(../img/btn-left.gif) no-repeat; padding: 0 8px 0 18px; }
#content div.nav a.next { float: right; }
#content div.news { width: 100%; overflow: hidden; margin: 0 0 15px 0; }
#content div.news img.thumb { float: left; margin: 0 15px 0 0; }
#content div.news div.text { }
#content div.news div.text h3 { margin: 0; font-size: 12px; }
#content div.news div.text p.date { margin: 0; }
#content div.news div.text p { margin: 4px 0; }
#content div.news-list div.news img.thumb { padding: 0 0 15px 0; border-bottom: solid 1px #EFEFEF; }
#content div.news-list div.news div.text { overflow: hidden; }
#content div.news-list div.news-last img.thumb { border-bottom: none; }
#content div.project { background: url(../img/line.gif) 0 100% repeat-x; overflow: hidden; }
#content div.project p.keywords { color: #9c9c9c; margin-top: 0; }
#content div.project a.url { background: #9b9b9b url(../img/project.url.gif) 100% 0 no-repeat; color: #f1f1f1; }
#content div.project a.url:hover { color: #fff; }
#content div.project div.photos { width: 646px; height: 391px; background: url(../img/project.photos.jpg); position: relative; float: left; border-right: solid 18px #fff; overflow: hidden; }
#content div.project div.photos div.photo { width: 646px; height: 391px; overflow: hidden; }
#content div.project div.photos div.photo img { display: block; margin: 0 auto; }
#content div.project div.photos a.nav { width: 20px; height: 40px; position: absolute; top: 176px; z-index: 10; border: none; display: none; }
#content div.project div.photos a.prev { background: url(../img/project.photos.prev.gif); left: 9px; }
#content div.project div.photos a.next { background: url(../img/project.photos.next.gif); right: 9px; }
#content div.project div.text { overflow: hidden; padding-bottom: 10px; }
#content div.project div.text p { margin-top: 0; }
#content div.projects { margin-right: -20px; width: 990px; }
#content div.projects div.project { width: 311px; float: left; margin: 0 18px 15px 0; background: none; }
#content div.projects div.project a.thumb { border: none; display: block; margin: 0 0 10px 0; border: solid 1px #efefef; }
#content div.projects div.project a.thumb img { vertical-align: bottom; }
#content div.projects div.project h3 { margin: 0 0 8px 0; }
#content div.projects div.project p { margin: 5px 0; }
#content div.projects div.project div.text { padding-bottom: 3px; }
#content div.projects div.project a.more { margin-right: 12px; }
#content div.projects div.hr { margin-top: 0; height: 1px; border: none; background: url(../img/projects.hr.gif) no-repeat; }
#content div.offer { width: 300px; padding-right: 670px; background: url(../img/offer.jpg) 100% 0 no-repeat; }
#content div.offer img.title { margin-right: -200px; }

#sidebar { width: 306px; padding: 24px 0 30px 0; float: right; }
#sidebar div.box { width: 306px; padding: 14px 0 0 0; background: url(../img/sidebar.box.gif) no-repeat; }
#sidebar div.box div.box-wrapper { background: url(../img/sidebar.box-wrapper.gif) 0 100% no-repeat; }
#sidebar div.box h2 { margin: 0 0 0 -5px; padding: 0 0 3px 22px; background: url(../img/sidebar.h2.gif) no-repeat; }
#sidebar ul.what-we-do { width: 275px; overflow: hidden; padding: 9px 0 15px 16px; }
#sidebar ul.what-we-do li { float: left; width: 275px; height: 24px; margin: 0 0 3px 0; background: #fff url(../img/what-we-do.li.gif) no-repeat; }
#sidebar ul.what-we-do li span.n { float: left; width: 12px; padding: 0 16px 0 7px; line-height: 22px; color: #fff; text-align: center; }
#sidebar ul.what-we-do li span.t { float: left; width: 230px; padding: 4px 0 0 0; line-height: 15px; }
#sidebar ul.what-we-do li.double { height: 38px; background-image: url(../img/what-we-do.li-double.gif); }
#sidebar ul.what-we-do li.double span.n { line-height: 34px; }
#sidebar ul.what-we-do li.excl { background-image: url(../img/what-we-do.li-excl.gif); }
#sidebar div.our-projects { padding: 0 0 16px 0; height: 200px; position: relative; overflow: hidden; }
#sidebar div.our-projects div.project { padding: 0 16px; width: 274px; height: 200px; }
#sidebar div.our-projects a.thumb { display: block; position: relative; width: 274px; height: 176px; border-bottom: none; margin: 0 auto 4px auto; overflow: hidden; }
#sidebar div.our-projects a.thumb img { position: absolute; top: 0; left: 0; }
#sidebar div.our-projects a.thumb span.border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/our-projects.border.png) no-repeat; }
#sidebar div.our-projects a.caption { display: block; width: 270px; height: 20px; line-height: 18px; background: url(../img/our-projects.caption.gif) no-repeat; border-bottom: none; margin: 0 auto; text-align: center; }

#bottom { border-top: solid 1px #e5e5e5; background: #f5f5f5; width: 100%; clear: both; }
#bottom div.wrapper { width: 970px; margin: 0 auto; }
#bottom div.logos { height: 58px; padding: 15px 0 25px 0; }
#bottom div.logos h2 { float: left; height: 20px; margin: 20px 10px 0 0; padding: 0 18px 0 8px; font-size: 11px; line-height: 19px; font-weight: normal; background: #9b9b9b url(../img/bottom.h2.gif) 100% 0 no-repeat; color: #f1f1f1; }
#bottom div.logos ul { float: left; }
#bottom div.logos ul li { float: left; display: inline; margin: 0 10px; }
#bottom div.logos ul li a { border: none; }
#bottom div.columns { width: 100%; overflow: hidden; padding: 10px 0 25px 0; line-height: 16px; }
#bottom div.columns h3 { font-size: 14px; font-weight: normal; color: #870142; margin: 15px 0; }
#bottom div.columns ul { }
#bottom div.columns ul li { background: url(../img/bullet2.gif) 1px 6px no-repeat; padding: 0 0 0 10px; margin: 4px 0; }
#bottom div.columns ul li li { background: url(../img/bullet3.gif) 1px 6px no-repeat; }
#bottom div.columns div.column { width: 205px; float: left; margin: 0 0 0 40px; }
#bottom div.columns div.column-1 { margin-left: 0; }

#ft { clear: both; background: #311427; color: #9c9c9c; line-height: 16px; }
#ft div.wrapper { width: 970px; height: 70px; padding: 20px 0 0 0; margin: 0 auto; }
#ft strong { font-weight: normal; color: #fff; }
#ft div.copyright { float: left; }
#ft ul.menu { float: right; }
#ft ul.menu li { display: inline; border-left: solid 1px #585858; padding: 0 0 0 10px; margin: 0 0 0 7px; }
#ft ul.menu li.first { border-left: none; padding-left: 0; margin-left: 0; }
#ft ul.menu li a { color: #9c9c9c; border-bottom: none; }
#ft ul.menu li a:hover { text-decoration: underline; }
#ft ul.menu li a.current { color: #fff; }


body.wide #content { width: 100%; }

body.home { background: #fff url(../img/home.jpg) 50% 86px repeat-x; }
body.home #top { height: 401px; }
body.home #top #slogan { top: 144px; left: -15px; }
body.home #main { width: 100%; background: #f5f5f5 url(../img/home.main.gif) repeat-x; overflow: hidden; }
body.home #content { width: 970px; margin: 0 auto; padding-bottom: 0; float: none; background: url(../img/home.content.gif) 0 140px no-repeat; }
body.home #content div.did-you-know { margin: 0 0 11px 0; color: #858585; height: 20px; overflow: hidden; }
body.home #content div.did-you-know span.btn { display: inline-block; height: 20px; padding: 0 18px 0 8px; line-height: 19px; background: #980151 url(../img/btn-right.gif) 100% 0 no-repeat; color: #f0dbe6; margin: 0 10px 0 0;  }
body.home #content div.did-you-know ul { margin: 0; display: inline; }
body.home #content div.did-you-know ul li { padding: 0; background: none; display: inline; }
body.home #content div.offer { width: 975px; height: 88px; padding: 0; background: url(../img/home.offer.jpg) no-repeat; margin: 0 0 0 -5px; color: #858585; }
body.home #content div.offer div.col { width: 300px; padding: 14px 1px 0 23px; float: left; }
body.home #content div.offer div.col h2 { margin: 0; padding: 0; border: none; }
body.home #content div.offer div.col p { margin: 5px 0; }
body.home #content div.teasers { float: left; width: 645px; padding: 0 1px 0 0; border-right: solid 1px #e9e9e9; margin: 30px -1px 20px 0; overflow: hidden; }
body.home #content div.teasers div.teaser { width: 196px; float: left; margin: 0 19px 0 0; }
body.home #content div.about-us { width: 305px; float: right; padding: 0 0 0 18px; margin: 30px 0 20px 0; border-left: solid 1px #e9e9e9; }
body.home #content div.about-us h2 { padding-bottom: 0; border-bottom: 0; margin-bottom: 10px; }
body.home #content div.about-us a.btn { background-image: url(../img/home.btn-right.gif); }
body.home #content div.about-us div.links { width: 314px; height: 76px; background: url(../img/home.links.jpg); margin: 20px 0 0 -9px; }
body.home #content div.about-us div.links h2 { width: 73px; padding: 11px 0 0 9px; float: left; }
body.home #content div.about-us div.links ul { width: 216px; padding: 4px 8px 0; float: left; }
body.home #content div.about-us div.links ul li { padding: 3px 0; border-top: solid 1px #eee; background: none; }
body.home #content div.about-us div.links ul li:first-child { border-top: none; }
body.home #content div.about-us div.links ul li a { border-bottom: none; color: #5c5c5c; }
body.home #content div.about-us div.links ul li a span { color: #870142; border-bottom: solid 1px #e0b8cc; }
body.home #content div.about-us div.links ul li a:hover span { border-bottom-color: #870142; }