body { margin: 0; padding: 0; background: #131313 url(../images/page-bg.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #dfdfdf; text-align: center;}
img { border: 0; }
a { color: #fff; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }
td { vertical-align: top; }
.clear { clear: both; }
.section-divider { background: url(../images/section-divider.gif) no-repeat; height: 2px; }
.back-btn { margin-top: 25px; }

div#container { margin: 0 auto; text-align: left; width: 783px; }

/* header */
div#container div#header { background: url(../images/header-bg.gif) 238px 77px no-repeat; height: 124px; }
div#container div#header a.logo { display: block; background: url(../images/sykes-logo.gif) no-repeat bottom; width: 216px; height: 124px; overflow: hidden; text-indent: -9000em; }

/* Left panel section */
div#container div#left-panel { float: left; background: url(../images/nav-bg.gif) no-repeat; width: 190px; height: 219px; }
div#container div#left-panel div#nav { margin-top: 22px; }
div#container div#left-panel div#nav a { display: block; width: 190px; height: 22px; overflow: hidden; text-indent: -9000em; }

div#container div#left-panel div#nav a.home-selected { background: url(../images/home-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.home { background: url(../images/home-btn.gif) no-repeat; }
div#container div#left-panel div#nav a.home:hover { background: url(../images/home-btn-over.gif) no-repeat ; }
div#container div#left-panel div#nav a.projects-selected { background: url(../images/project-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.projects { background: url(../images/project-btn.gif) no-repeat; }
div#container div#left-panel div#nav a.projects:hover { background: url(../images/project-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.aboutus-selected { background: url(../images/aboutus-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.aboutus { background: url(../images/aboutus-btn.gif) no-repeat; }
div#container div#left-panel div#nav a.aboutus:hover { background: url(../images/aboutus-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.clients-selected { background: url(../images/clients-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.clients { background: url(../images/clients-btn.gif) no-repeat; }
div#container div#left-panel div#nav a.clients:hover { background: url(../images/clients-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.services-selected { background: url(../images/services-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.services { background: url(../images/services-btn.gif) no-repeat; }
div#container div#left-panel div#nav a.services:hover { background: url(../images/services-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.opportunities-selected { background: url(../images/opportunities-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.opportunities { background: url(../images/opportunities-btn.gif) no-repeat; }
div#container div#left-panel div#nav a.opportunities:hover { background: url(../images/opportunities-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.contactus-selected { background: url(../images/contactus-btn-over.gif) no-repeat; }
div#container div#left-panel div#nav a.contactus { background: url(../images/contactus-btn.gif) no-repeat; }
div#container div#left-panel div#nav a.contactus:hover { background: url(../images/contactus-btn-over.gif) no-repeat; }

div#container div#left-panel .tagline { display: block; margin: 40px 0 0 10px; background: url(../images/tagline.gif) no-repeat; width: 156px; height: 55px; overflow: hidden; text-indent: -9000em; }
div#container div#left-panel .address { display: block; margin: 20px 0 0 15px; background: url(../images/address.gif) no-repeat; width: 139px; height: 96px; overflow: hidden; text-indent: -9000em; }

/* Right Panel */
div#container div#right-panel { float: left; width: 579px; }
div#container div#right-panel div#presentation { background: url(../images/presentation-bg.gif) no-repeat; height: 192px; }
div#container div#right-panel div#inner-presentation { background: url(../images/inner-presentation-bg.gif) no-repeat; height: 123px; }

/* Right Panel services nav */
div#container div#right-panel div#services { background: url(../images/services-bg.gif) no-repeat; height: 46px; }
div#container div#right-panel div#services ul { margin: 0; padding: 0; list-style: none; }
div#container div#right-panel div#services ul li { float: left; }
div#container div#right-panel div#services ul li a { display: block; height: 46px; overflow: hidden; text-indent: -9000em; }
div#container div#right-panel div#services ul li a.design-selected { background: url(../images/designanalysis-btn-over.gif) no-repeat; width: 126px; }
div#container div#right-panel div#services ul li a.design { background: url(../images/designanalysis-btn.gif) no-repeat; width: 126px; }
div#container div#right-panel div#services ul li a.design:hover { background: url(../images/designanalysis-btn-over.gif) no-repeat; width: 126px; }
div#container div#right-panel div#services ul li a.forensic { background: url(../images/forensicinvest-btn.gif) no-repeat; width: 143px; }
div#container div#right-panel div#services ul li a.forensic:hover { background: url(../images/forensicinvest-btn-over.gif) no-repeat; width: 143px; }
div#container div#right-panel div#services ul li a.forensic-selected { background: url(../images/forensicinvest-btn-over.gif) no-repeat; width: 143px; }
div#container div#right-panel div#services ul li a.feasibility { background: url(../images/feasibility-btn.gif) no-repeat; width: 127px; }
div#container div#right-panel div#services ul li a.feasibility:hover { background: url(../images/feasibility-btn-over.gif) no-repeat; width: 127px; }
div#container div#right-panel div#services ul li a.feasibility-selected { background: url(../images/feasibility-btn-over.gif) no-repeat; width: 127px; }
div#container div#right-panel div#services ul li a.duediligence { background: url(../images/due-btn.gif) no-repeat; width: 158px; }
div#container div#right-panel div#services ul li a.duediligence:hover { background: url(../images/due-btn-over.gif) no-repeat; width: 158px; }
div#container div#right-panel div#services ul li a.duediligence-selected { background: url(../images/due-btn-over.gif) no-repeat; width: 158px; }

/* Right Panel inner services nav */
div#container div#right-panel div#inner-services { background: url(../images/services-bg.gif) no-repeat; height: 46px; }
div#container div#right-panel div#inner-services ul { margin: 0; padding: 0; list-style: none; }
div#container div#right-panel div#inner-services ul li { float: left; }
div#container div#right-panel div#inner-services ul li a { display: block; height: 46px; overflow: hidden; text-indent: -9000em; }
div#container div#right-panel div#inner-services ul li a.design-selected { background: url(../images/inner-designanalysis-btn-o.gif) no-repeat; width: 126px; }
div#container div#right-panel div#inner-services ul li a.design { background: url(../images/inner-designanalysis-btn.gif) no-repeat; width: 126px; }
div#container div#right-panel div#inner-services ul li a.design:hover { background: url(../images/inner-designanalysis-btn-o.gif) no-repeat; width: 126px; }
div#container div#right-panel div#inner-services ul li a.forensic { background: url(../images/forensicinvest-btn.gif) no-repeat; width: 143px; }
div#container div#right-panel div#inner-services ul li a.forensic:hover { background: url(../images/forensicinvest-btn-over.gif) no-repeat; width: 143px; }
div#container div#right-panel div#inner-services ul li a.forensic-selected { background: url(../images/forensicinvest-btn-over.gif) no-repeat; width: 143px; }
div#container div#right-panel div#inner-services ul li a.feasibility { background: url(../images/feasibility-btn.gif) no-repeat; width: 127px; }
div#container div#right-panel div#inner-services ul li a.feasibility:hover { background: url(../images/feasibility-btn-over.gif) no-repeat; width: 127px; }
div#container div#right-panel div#inner-services ul li a.feasibility-selected { background: url(../images/feasibility-btn-over.gif) no-repeat; width: 127px; }
div#container div#right-panel div#inner-services ul li a.duediligence { background: url(../images/due-btn.gif) no-repeat; width: 158px; }
div#container div#right-panel div#inner-services ul li a.duediligence:hover { background: url(../images/due-btn-over.gif) no-repeat; width: 158px; }
div#container div#right-panel div#inner-services ul li a.duediligence-selected { background: url(../images/due-btn-over.gif) no-repeat; width: 158px; }

/* home-content */
div#container div#right-panel div#home-content { padding: 30px 30px 15px 15px; }
div#container div#right-panel div#home-content p { width: 65%; }
div#container div#right-panel div#home-content img.title { display: block; margin-bottom: 8px; }

/* content */
div#container div#right-panel div#content { padding: 35px 30px 15px 15px; }
div#container div#right-panel div#content p { width: 65%; }
div#container div#right-panel div#content img.title { display: block; margin-bottom: 8px; }
div#container div#right-panel div#footer { margin-top: 15px; padding-left: 5px; font-size: 9px; color: #7d7d7d; }
div#container div#right-panel div#footer a { margin-right: 10px; margin-left: 10px; color: #7d7d7d; text-decoration: none; }
div#container div#right-panel div#footer a:hover { color: #333; text-decoration: none; }
div#container div#right-panel div#footer span { margin-left: 10px; display: block; margin-top: 5px; }

/* sidebar */
div#container div#right-panel div#content div.sidebar { float: right; margin: 0 0 25px 25px; }
div#container div#right-panel div#content div.sidebar a { display: block; padding: 5px; color: #eaeaea; text-decoration: underline; }
div#container div#right-panel div#content div.sidebar a:hover { color: #eaeaea; text-decoration: none; }
div#container div#right-panel div#content div.sidebar div.inner-pages { margin-left: 5px; }
div#container div#right-panel div#content div.sidebar div.inner-pages a { display: block; color: #eaeaea; text-decoration: underline; }
div#container div#right-panel div#content div.sidebar div.inner-pages a:hover { color: #eaeaea; text-decoration: none; }

/* Services nav */
a.designanalysis-inner,a.forensicinvest-inner,a.feasibility-inner,a.due-inner { float: left; margin: 15px 15px 0 0; width: 236px; height: 36px; overflow: hidden; text-indent: -9000em; }
a.designanalysis-inner { background: url(../images/designanalysis-inner-btn.gif) no-repeat; }
a.designanalysis-inner:hover { background: url(../images/design-inner-btn-over.gif) no-repeat; }
a.forensicinvest-inner { background: url(../images/forensicinvest-inner-btn.gif) no-repeat; }
a.forensicinvest-inner:hover { background: url(../images/forensicinvest-inner-btn-ov.gif) no-repeat; }
a.feasibility-inner{ background: url(../images/feasibility-inner-btn.gif) no-repeat; }
a.feasibility-inner:hover { background: url(../images/feasibility-inner-btn-over.gif) no-repeat; }
a.due-inner { background: url(../images/due-inner-btn.gif) no-repeat; }
a.due-inner:hover { background: url(../images/due-inner-btn-over.gif) no-repeat; }

/* Projects */
.project-tbl a { margin: 15px 0 5px 0; }
.project-tbl a { display: block; margin: 5px 5px 5px 0; padding: 10px 10px 10px 30px; background: url(../images/arrow-icon.gif) no-repeat 8px 10px; font-size: 12px; color: #b2b7cc; text-decoration: none; }
.project-tbl a:hover { background: #3d4359 url(../images/arrow-icon-over.gif) no-repeat 8px 10px; color: #c0c6d9; }
/* inner projects */
.list { width: 345px; }

.gallery { border-collapse: collapse; background: #c0c6d9; }
.gallery tr td.top-left { background: url(../images/gallery-top-left.gif) no-repeat; width: 7px; height: 7px; }
.gallery tr td.top-right { background: url(../images/gallery-top-right.gif) no-repeat top right; width: 7px; height: 7px; }
.gallery tr td.bottom-left { background: url(../images/gallery-bottom-left.gif) no-repeat bottom left; width: 7px; height: 7px; }
.gallery tr td.bottom-right { background: url(../images/gallery-bottom-right.gif) no-repeat bottom right; width: 7px; height: 7px; } 
.gallery tr td.img { padding: 0 5px 0 6px; width: 280px; }
.gallery tr td.img a { float: left; margin: 2px; padding: 5px 5px 5px 5px; }
.gallery tr td.img a:hover { background: #333; }/* #3d4359 */
/* end Projects */

/* About Us */
a.ourmission-btn,a.ourapproach-btn,a.ourpromise-btn,a.executivebios-btn { float: left; margin: 0 15px 15px 0; width: 151px; height: 49px; text-indent: -9000em; overflow: hidden; }
a.ourmission-btn { background: url(../images/ourmission-btn.gif) no-repeat; }
a.ourmission-btn:hover { background: url(../images/ourmission-btn-over.gif) no-repeat; }
a.ourapproach-btn { background: url(../images/ourapproach-btn.gif) no-repeat; }
a.ourapproach-btn:hover { background: url(../images/ourapproach-btn-over.gif) no-repeat; }
a.ourpromise-btn { background: url(../images/ourpromise-btn.gif) no-repeat; }
a.ourpromise-btn:hover { background: url(../images/ourpromise-btn-over.gif) no-repeat; }
a.executivebios-btn { background: url(../images/executivebios-btn.gif) no-repeat; }
a.executivebios-btn:hover { background: url(../images/executivebios-btn-over.gif) no-repeat; }

/* Bio */
a.darien-bio,a.natasha-bio,a.martin-bio { display: block; margin: 15px 0 0 0; width: 252px; height: 36px; text-indent: -9000em; overflow: hidden; }
a.darien-bio { background: url(../images/darien-btn.gif) no-repeat; }
a.darien-bio:hover { background: url(../images/darien-btn-over.gif) no-repeat; }
a.natasha-bio { background: url(../images/natasha-btn.gif) no-repeat; }
a.natasha-bio:hover { background: url(../images/natasha-btn-over.gif) no-repeat; }
a.martin-bio { background: url(../images/mkigudde-btn.gif) no-repeat; }
a.martin-bio:hover { background: url(../images/mkigudde-btn-over.gif) no-repeat; }
/* end Bio */
/* end About Us */

/* Portfolio */
.portfolio { border-collapse: collapse; }
.portfolio tr td { padding: 0; }
.portfolio tr td a { display: block; margin: 0 5px 5px 0; background: #333; width: 175px; height: 100px; }
/* end Portfolio */