body { margin:0; padding:0; width:100%; height:100%; background:#FFF; }

#pagearea { width:1258px; height:730px; margin:10px auto 0 auto; padding:0; border:1px solid #252222; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; background:#FFF; position:relative; clip:rect(0px,1262px,742px,0px); overflow:hidden; }
#header { width:1258px; height:102px; position:relative; font-size:14px; letter-spacing:1px; color:#2c2c2c; z-index:90; }

#flashIntro { background:#252222; }

.nav { padding-top:83px; float:left; }
/* top nav */
.nav a.nav01, a:visited.nav01 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 0 5px; background:#FFF; }
.nav a:hover.nav01 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 2px 5px; cursor:pointer; background:#b5d366; }
.nav a.nav02, a:visited.nav02 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 0 5px; background:#FFF; }
.nav a:hover.nav02 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 2px 5px;cursor:pointer; background:#b5d366; }
.nav a.nav03, a:visited.nav03 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 0 5px; background:#FFF; }
.nav a:hover.nav03 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 2px 5px; cursor:pointer; background:#b5d366; }
.nav a.projNav { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 2px 5px; cursor:pointer; background:#b5d366; }
.nav a.nav04, a:visited.nav04 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 0 5px; background:#FFF; }
.nav a:hover.nav04 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 2px 5px; cursor:pointer; background:#b5d366; }
.nav a.nav05, a:visited.nav05 { color:#2c2c2c; text-decoration:none; margin:0; padding:0 34px 0 5px; background:#FFF; }
.nav a:hover.nav05 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 34px 2px 5px; cursor:pointer; background:#b5d366; }
.nav a.teamNav { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 34px 2px 5px; cursor:pointer; background:#b5d366; }
.nav a.nav06, a:visited.nav06 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 0 5px; background:#FFF; }
.nav a:hover.nav06 { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 2px 5px; cursor:pointer; background:#b5d366; }
.nav a.contactNav { color:#2c2c2c; text-decoration:none; margin:0; padding:2px 5px 2px 5px; cursor:pointer; background:#b5d366; }

/* bottom nav */
#footer { height:60px; padding:0 30px 0 30px; font-size:14px; letter-spacing:1px; }
#footer a.nav07, a:visited.nav07 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; background:#FFF; }
#footer a:hover.nav07 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; cursor:pointer; background:#b5d366; }
#footer a.nav08, a:visited.nav08 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; background:#FFF; }
#footer a:hover.nav08 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; cursor:pointer; background:#b5d366; }
#footer a.nav09, a:visited.nav09 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; background:#FFF; }
#footer a:hover.nav09 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; cursor:pointer; background:#b5d366; }
#footer a.nav10, a:visited.nav10 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; background:#FFF; }
#footer a:hover.nav10 { color:#2c2c2c; text-decoration:none; margin:0; padding:5px; cursor:pointer; background:#b5d366; }

.navItem { height:28px; float:left; }
.navItemSpacer { float:left; width:60px; }
/* 3.1 */
#nav3Sub { position:absolute; display:none; z-index:100; }
.sub3Item { font-size:13px; width:152px; height:15px; padding:4px 4px 4px 5px; color:#2c2c2c; cursor:pointer; background:#b5d366; }
.sub3ItemOn { font-size:13px; width:152px; height:15px; padding:4px 4px 4px 5px; color:#2c2c2c; cursor:pointer; background:#FFF; }
/* 5.1 */
#nav5Sub { position:absolute; display:none; z-index:100; }
.sub5Item { font-size:13px; height:15px; padding:4px 4px 4px 5px; color:#2c2c2c; cursor:pointer; background:#b5d366; }
.sub5ItemOn { font-size:13px; height:15px; padding:4px 4px 4px 5px; color:#2c2c2c; cursor:pointer; background:#FFF; }
/* 6.1 */
#nav6Sub { position:absolute; display:none; z-index:100; }
.sub6Item { font-size:13px; height:15px; padding:4px 4px 4px 5px; color:#2c2c2c; cursor:pointer; background:#b5d366; }
.sub6ItemOn { font-size:13px; height:15px; padding:4px 4px 4px 5px; color:#2c2c2c; cursor:pointer; background:#FFF; }

#contentHome { margin:0; background:#252222 url(img/bg.gif); }
#homeScroll { position:absolute; width:6195px; height:507px; margin:0; padding:0; overflow:hidden; }
#content { width:1258px; height:507px; padding:0; margin:0; color:#FEFEFE; background:#252222 url(img/bg.gif); }
#contentKidsAndTeens { width:1258px; height:507px; padding:0; margin:0; color:#FFF; background:#252222 url(img/bgKidsAndTeens.jpg); }
#contentRetail { width:1258px; height:507px; padding:0; margin:0; color:#FFF; background:#252222 url(img/bgRetail.jpg); }
#contentHospitality { width:1258px; height:507px; padding:0; margin:0; color:#FFF; background:#252222 url(img/bgHospitality.jpg); }
#contentBranding { width:1258px; height:507px; padding:0; margin:0; color:#FFF; background:#252222 url(img/bgBranding.jpg); }

#galleryMenu { width:537px; height:350px; margin:0; padding:66px 0 0 0; position:absolute; top:149px; left:0; z-index:10; } /* Sliding Container div */
#galleryNav { width:139px; margin:0; padding:25px 95px 0 0; float:left; font-size:13px; font-weight:bold; line-height:24px; letter-spacing:1px; text-transform:uppercase; text-align:right; line-height:26px; background:url(img/dot.gif) top right no-repeat; }
#galleryNav a.gallNav { color:#595757; text-decoration:none; }
#galleryNav a:hover.gallNav { color:#FFF; text-decoration:none; }
#galleryNav a.gallNavOn { color:#FFF; text-decoration:none; }

#gallerySub { width:200px; margin:27px 0 0 20px; padding:0; float:left; font-size:13px; font-weight:bold; line-height:24px; letter-spacing:1px; text-transform:uppercase; }
#gallerySub a.gallSub { color:#595757; text-decoration:none; font-size:11px; letter-spacing:0.5px; }
#gallerySub a:hover.gallSub { color:#FFF; text-decoration:none; font-size:11px; letter-spacing:0.5px; }
#gallerySub a.gallSubOn { color:#FFF; text-decoration:none; font-size:11px; letter-spacing:0.5px; }

#projectArea { height:390px; margin:30px 0 0 235px; }
#galleryTitle { margin:0; font-weight:bold; font-size:18px; letter-spacing:2px; text-transform:uppercase; z-index:50; }
#gallerySubTitle { margin:0 0 10px 0; font-size:14px; letter-spacing:1px; z-index:50; }
#galleryTxt { position:absolute; width:190px; margin:0 0 0 85px; font-size:10px; line-height:15px; text-align:justify; z-index:50; }

#thumbNavMask { width:488px; height:90px; margin:0 0 0 25px; padding:0; overflow:hidden; }
.thumbNav { width:488px; height:85px; margin:0; padding:0; text-align:center; background:#252222 url(img/thumbNav.gif); }
.thNav { height:56px; margin:12px 5px 12px 5px; padding:0; }
.thNavOn { height:80px; margin:0 5px 0 5px ; padding:0; cursor:pointer; }

#contentLeft { width:537px; height:507px; margin:0; padding:0; float:left; }
#contentRight { position:relative; width:721px; height:507px; margin:0; padding:0; text-align:center; float:left; overflow:hidden; }

#leftTxt { position:relative; width:410px; height:300px; margin:30px 0 0 75px; font-size:10px; color:#FEFEFE; line-height:15px; text-align:justify; overflow:hidden; }
#scrollTxt { position:absolute; left:0px; top:0px; }
#scrollArea { width:5px; height:300px; margin:30px 10px 0 0; float:right; border:1px solid #3b3939; background:#3b3939; }
#scroller { position:relative; top:-1px; width:5px; background:#9d9c9c; border-top:1px solid #666; border-bottom:1px solid #666; cursor:pointer; }

#contactTxt { width:323px; margin:100px 0 0 150px; float:left; font-size:14px; letter-spacing:1px; color:#FEFEFE; line-height:25px; text-align:left; }

#galleryRight { width:721px; height:507px; margin:0; padding:0; text-align:center; float:left; }

#title { width:150px; height:47px; margin:66px 0 0 0; padding:30px 84px 0 0; font-weight:bold; font-size:12px; letter-spacing:2px; text-align:right; background:#252222 url(img/dot.gif) right no-repeat; }
#titleHome { width:330px; height:47px; margin:66px 0 0 157px; padding:30px 0 0 0; font-weight:bold; font-size:12px; letter-spacing:1px; text-align:right; background:url(img/dot.gif) left no-repeat; }
#titleContact { width:180px; height:47px; margin:219px 0 0 0; padding:33px 0 0 0; float:left; font-weight:bold; font-size:12px; letter-spacing:1px; text-align:right; background:url(img/dotContact.gif) left no-repeat; }
.subTitle { font-weight:bold; color:#b5d26d; font-size:14px; letter-spacing:1px; }

.greenStripes { width:1258px; position:relative; background:#b5d366; z-index:1; }

#legal { clear:both; float:right; color:#999; font-size:10px; }

h1 {  }
h2 { margin:0 0 15px 0; font-size:15px; font-weight:bold; color:#003e7e; }

p { margin:0 0 22px 0; }

ul { margin:0; padding:0; }
li { margin:0 0 0 50px; padding:0; }

.floatLeft { float:left; }
.clearBoth { clear:both; }

img { border:0; }

a:link, a:active, a:visited { color:#FFF; text-decoration:underline;}
a:hover { color:#FFF; text-decoration:none; }
a:link.noline, a:active.noline, a:visited.noline { color:#FFF; text-decoration:none;}
a:hover.noline { color:#FFF; text-decoration:underline; }
a:link.foot, a:active.foot, a:visited.foot { color:#2c2c2c; text-decoration:none;}
a:hover.foot { color:#2c2c2c; text-decoration:underline; }
a:link.legal, a:active.legal, a:visited.legal { color:#999; text-decoration:none;}
a:hover.legal { color:#999; text-decoration:underline; }