body {margin-top:20px; font-family:Arial, Helvetica, sans-serif;}
img { behavior: url("/scripts/iepngfix.htc"); border:none; }
input{background-color:#ffd24f; border:none;}
textarea{background-color:#ffd24f; border:none;}
a{color:#000000;font-weight:bold;}
a:hover{color:#FFFFFF;}


/********************HOME PAGES************************/
#background {margin:0px auto; width:955px; height:684px; }

#container {position:relative; margin:0px auto; width:750px; padding-top:150px; padding-left:65px;}
#container #sideImg{position:absolute;top:195px;left:430px;z-index:1002;}
#container #body {width:573px; padding:0px 60px 17px 17px; font-size:13px; line-height:16px;}
#container #body #copybox {position:relative; padding:260px 250px 50px 30px; min-height:100px;}
#container #body #copybox #crnr {position:absolute; bottom:-1px; left:-1px; }
#container #body #copybox #logobox {position:absolute; bottom:-10px; right:0px; background-color:#aaa04e;}
#container #body #copybox #flash {position:absolute; top:60px; right:-140px; z-index:2000;}
#container #body #copybox #thepagetitle {position:absolute; top:215px; left:170px; font-weight:bold;  font-size:14px; }
#container #body #copybox #thepagetitle span { margin:1px; padding:1px; font-size:11px; text-transform:uppercase;} 

#container #body #copybox #featuredBio {position:absolute; right:-0px; top:390px; width:215px; }
#container #body #copybox #featuredBio #topframe {position:absolute; top:-45px; left:-15px;}
#container #body #copybox #featuredBio #title {font-size:12px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding-bottom:4px; margin-bottom:7px; }
#container #body #copybox #featuredBio .featuredname {font-weight:bold; color:#ffffff; font-size:14px; }
#container #body #copybox #featuredBio .featuredname span {background-color:#541900; margin:1px; padding:1px; font-size:11px; text-transform:uppercase;}
#container #body #copybox #featuredBio #theimg {float:left;padding:3px;border:1px solid #541900; margin:5px;}
#container #body #copybox #featuredBio #question{color:#541900;text-transform:uppercase;font-weight:bold;font-size:9px;padding-top:3px;}
#container #body #copybox #featuredBio #answer{font-size:10px;  padding-left:8px; clear:both;height:160px;overflow:hidden;}
#container #body #homepagefeeds {width:275px; position:relative; }
#container #body #homepagefeeds #title {font-size:12px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding-bottom:4px; margin-bottom:7px; border-bottom:1px solid #ffffff; width:300px;}
#container #body #homepagefeeds #content {font-size:11px; color:#ffffff; }

#container #body #copybox .empTitle {position:absolute; top:200px; left:150px; font-weight:bold; color:#000000; font-size:12px; letter-spacing:.1em; width:250px;}
#container #body #copybox .empName {position:absolute; top:215px; left:170px; font-weight:bold; color:#000000; font-size:14px; }
#container #body #copybox .empName span {background-color:#000000; margin:1px; padding:1px; font-size:11px; text-transform:uppercase;}
#container #body #viewer {position:absolute; top:220px; right:20px;}

/*Header Image ***Must be broken apart to increase loading speed ****/
#container #header {position:absolute; top:25px; left:-25px; width:768px; height:391px; z-index:1000; } /*1000*/
#container #header #shading {background:url(/images/head_shading.png) top left no-repeat; width:768px; height:391px; z-index:2001;behavior: url("/scripts/iepngfix.htc");}  /*1001*/
#container #header #title {position:absolute; top:41px; left:90px; width:602px; height:161px; z-index:1002;} /*1002*/
#container #header #tag {position:absolute; top:142px; left:210px; width:376px; height:132px; z-index:1003;} /*1003*/

/*Top Nav*/
#container #header #topnav {position:absolute; top:23px; right:20px; z-index:2000;}/*2000*/
#container #header #topnav .topnav2 {float:left; padding:5px 10px; text-transform:uppercase; font-size:11px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; letter-spacing:.01em;}
#container #header #topnav .topnav2 a {text-decoration:none; color:#ffffff; }
#container #header #topnav .topnav2 a:hover {color:#A59277; background-color: #121110; border:solid 1px #A59277;}
#container #header #topnav .topnav2 .subnav {position:absolute; top:17px; left:0px; width:100px; display:none; text-transform:uppercase; padding:none; color:#ffffff; z-index:3006; background-color: #121110; border:#A59277 solid 1px;}
/*#container #header #topnav .topnav2 .subnav .subtier {text-align:center; padding:5px 10px;}
#container #header #topnav .topnav2 .subnav .subtier a {color:#A59277;}
#container #header #topnav .topnav2 .subnav .subtier a:hover { }*/

/*MainNav*/
#container #nav {position:absolute; top:420px; left:-5px; width:70px; height:200px; font-size:9px; text-transform:lowercase; text-align:right; font-weight:bold; letter-spacing:.01em; line-height:9px; font-family:Geneva, Arial, Helvetica, sans-serif; z-index:2002; padding-right:5px;}/*2000*/
#container #nav b {font-size:13px; display:block; text-transform:uppercase;}
#container #nav .nav2 {position:relative; padding:6px 5px;}
#container #nav .nav2 a {text-decoration:none; }
#container #nav .nav2 a:hover {color:#ffffff;}
#container #nav .nav2 .subNavContainer {position:absolute; top:3px; left:70px; color:#ffffff; height:30px; z-index:99999999999;}
#container #nav .nav2 .subNavContainer .subnav{position:absolute;width:530px;height:30px;display:none;overflow:hidden;}
#container #nav .nav2 .subNavContainer .subnav tr td{height:27px;overflow:hidden;}
#container #nav .nav2 .subNavContainer .subnav tr .subLeft{height:27px;overflow:hidden;}
#container #nav .nav2 .subNavContainer .subnav tr .subLeft .innerContainer{position:relative;height:27px;overflow:hidden;}
#container #nav .nav2 .subNavContainer .subnav .cap{width:21px;height:30px;/*background:url(/imagesDir/cap_home.png) top left no-repeat;*/}
/*#container #nav .nav2 .subNavContainer .subnav .subLeft div{position:relative;height:27px;overflow:hidden;}*/
#container #nav .nav2 .subNavContainer .subnav .subLeft .subtier {position:relative;text-align:center; padding:8px 7px; display:inline; float:left;}
#container #nav .nav2 .subNavContainer .subnav .subLeft .subtier a{padding:1px;display:inline;}
#container #nav .nav2 .subNavContainer .subnav .subLeft .subtier a:hover{color:#FFFFFF;border:solid 1px #FFFFFF;}



/*copyright waiver on bottom of every page*/
#background #copyright{width:650px;position:relative;margin-left:135px;font-size:11px;color:#000000;}
#background #copyright a{color:#000000;text-decoration:none;}
#background #copyright a:hover{color:#FFFFFF;}
#background #copyright #copyrightLeft{float:left;margin-left:20px;padding-top:5px;padding-left:7px;height:28px;width:125px;}
#background #copyright #copyrightRight{float:right;padding-top:8px;}




/********************************BIOPAGES**************************************/

/*large bio pics*/
#container #bioviewer {position:absolute;top:180px;left:430px;z-index:2001;height:200px;overflow:visible;}
#container #bioviewer #bioPic {position:relative;z-index:2002;}

/*small bio pics*/
#container #bios {position:absolute; top:270px; right:110px; z-index:2000; width:300px;}
#container #bios .biopic {position:relative; z-index:4000; float:left; width:58px; height:56px; margin: 3px;}
#container #bios .biopic .frame {position:absolute; top:0px; left:0px; width:58px; height:56px; z-index:4003;}
#container #bios .biopic .black {position:absolute; top:0px; left:0px; width:58px; height:56px; background-color:#000000; z-index:4002;}
#container #bios .biopic .thepic {position:absolute; top:0px; left:0px; width:58px; height:56px; overflow:hidden; z-index:4001;}

/*interview questions*/
#container #body #copybox table tr td{vertical-align:top;}
#container #body #copybox table tr td #bioDesc{position:relative;width:270px;}
#container #body #copybox table tr td #interview{position:relative;top:40px;left:40px;}
#container #body #copybox #interview #question{position:relative;top:-40px;left:10px;width:220px;color:#71cdf4;text-transform:uppercase;font-weight:bold;font-size:10px;}
#container #body #copybox #interview #answer{position:relative;top:-40px;left:0px;width:220px;font-size:10px;border-left:2px solid #71cdf4;padding-left:8px;}

/*tagline*/
#container #body #copybox #tag {position:absolute;top:35px;left:0px;z-index:2001;}

/*bio navigation on bottom*/
#container #body #copybox #bioNav{position:relative;width:600px;top:20px;left:-28px;margin-bottom:10px;}
#container #body #copybox #bioNav a{text-decoration:none;padding:4px;color:#000000;text-transform:uppercase;font-size:10px;font-weight:bold;}
#container #body #copybox #bioNav a:hover{color:#71cdf4;}
#container #body #copybox #bioNav .bioNavSelected{color:#71cdf4;}

/*links to other sites, on right side of our city page */
#container #body #copybox #gblinks {position:relative;top:-300px;left:320px;text-transform:lowercase;font-weight:bold;font-size:10px;margin-bottom:-200px;}
#container #body #copybox #gblinks #links{position:relative;top:-35px;padding-left:10px;border-left:solid 2px #71cdf4;}
#container #body #copybox #gblinks #links li{color:#71cdf4;margin-left:15px;}
#container #body #copybox #gblinks #links a{display:block;text-decoration:none;color:#71cdf4;text-transform:uppercase;}
#container #body #copybox #gblinks #links a:hover{color:#FFFFFF;}




/**************************PRESS RELEASES PAGES*******************************/

/*All press release page*/
#container #body #copybox #pressReleases {width:500px;margin:0px;}
#container #body #copybox #pressReleases .pressRow{color:#000000;font-weight:bold;border-bottom:solid 1px;padding:3px;}
#container #body #copybox #pressReleases .pressRow:hover{background-color:#561800; cursor:pointer; color:#AD650D;}
#container #body #copybox #pressReleases .pressLeft{font-size:10px;display:inline;}
#container #body #copybox #pressReleases .pressRight{font-size:12px;display:inline;}

/*Specific press release page*/
#container #body #copybox #pressBody{width:500px;vertical-align:top;}
#container #body #copybox #pressBody #pressDate{font-weight:bold;vertical-align:top;}
#container #body #copybox #pressBody span{vertical-align:top;}
#container #body #copybox #pressBody #pressImageContainer{padding-right:5px;padding-bottom:5px;border-right:solid 3px #561800;border-bottom:solid 3px #561800;overflow:hidden;float:left;margin-right:10px;margin-left:3px;}






/********************OUR WORK PAGES****************/

/*div that has large green image for background*/
#container #workBorder{position:absolute;top:230px;z-index:2001;background:url(/images/border2.png) no-repeat;width:673px;height:334px;behavior: url("/scripts/iepngfix.htc");  }

/*container that keeps images within the opaque region of the image*/
#container #workBorder #workContainer{position:absolute;overflow:hidden;top:9px;left:77px;height:318px;width:519px;}

/*table structure for holding images and arrows*/
#container #workBorder #workContainer td{text-align:center;}
#container #workBorder #workContainer img:hover{cursor:pointer;}
#container #workBorder #workContainer tr #centerCell{width:450px;}
#container #workBorder #workContainer tr td #containerCenter{z-index:1002;vertical-align:middle;}
#container #workBorder #workContainer tr td #containerCenter tr td .workImageCenter{z-index:1002;vertical-align:middle;}
#container #workBorder #workContainer tr td #containerCenter tr td  #workImage2{display:none;}
#container #workBorder #workContainer tr td #containerCenter tr td  #workImage3{display:none;}
#container #workBorder #workContainer tr td #containerCenter tr td  #workImage4{display:none;}
#container #workBorder #workContainer tr td #containerCenter tr td img{padding:4px;margin:1px;}
#container #workBorder #workContainer tr td #containerCenter tr td img .selected{border:solid 1px #cfe4a6}

/*work example navigation on right side of screen*/
#container #workNav{position:absolute;z-index:1001;top:210px;left:680px;width:30px;z-index:2002;}
#container #workNav .workNavSelected{color:#ea9819;font-size:18px;}
#container #workNav .workNavSelected:hover{cursor:default;}
#container #workNav tr td{background:url(/images/workNav.png) center no-repeat;height:25px;vertical-align:middle;text-align:center;}
#container #workNav a{color:#cfe4a6;text-decoration:none;font-weight:bold;font-size:14px;}
#container #workNav a:hover{color:#ea9819;font-size:18px;cursor:pointer;}

/*work example information on bottom*/
#container #body #workInfo{padding-top:150px;padding-left:20px;color:#cfe4a6;text-transform:uppercase;width:530px;font-size:12px;}
#container #body #workInfo #workClient{display:inline;text-transform:none;font-weight:bold;margin-right:20px;}
#container #body #workInfo #workType{display:inline;text-transform:none;font-weight:bold;}





/************************OUR CLIENTS PAGES***********************/

/*Container for client logo*/
#container #flash #clientViewer {position:absolute; top:250px; right:80px;z-index:1002;}
#container #flash #clientViewer #clientFrame {position:absolute; top:-30px; left:-10px;}
#container #flash #clientViewer #clientLogo{position:relative;left:4px;top:2px;}

/*Client rollovers*/
#container #clients{position:absolute;top:350px;left:100px;z-index:2001;margin-bottom:-80px;font-size:13px;}
#container #clients tr td{vertical-align:bottom;width:200px;}
#container #clients a{position:relative;color:#592609;display:block;text-decoration:none;padding:5px;}
#container #clients a:hover{color:#231f20;}
#container #clients .selected{color:#231f20;}



/************************How to Contact PAGES***********************/
.listTable {position:relative;left:-25px;}
.listTable th {font-size:9px;}
.listTable tr {vertical-align:top;}
#container #body #copybox #contactInfo{position:absolute;top:360px;left:380px;overflow:hidden;width:190px;}
#container #body #copybox #contactAddress{position:relative;padding-left:10px;top:-35px;color:#ffd24f;border-left:solid 2px #ffd24f;}


/*************************What we do Pages**************************/
#container #body #copybox #listContainer{position:absolute;left:340px;top:100px;overflow:hidden;width:225px;}
#container #body #copybox #listContainer #listContent{position:relative;left:0px;top:-10px;border-left:solid 2px #ad650e;padding-left:20px;margin-bottom:-30px;}
#container #body #copybox #listContainer #listContent li{padding-bottom:5px;}

/**************************OUR SPACE PAGES**************************/
/*#container #staffPics {position:absolute;left:94px;top:360px;bottom:-80px;overflow:hidden;width:575px;z-index:1001;}
#container #staffPics .frame{cursor:pointer;float:left;overflow:hidden;height:77px;width:78px;padding:1px;}
#container #staffPics .frame div{padding:1px;height:77px;width:78px;overflow:hidden;}
#container #interactLogo{position:absolute;top:270px;left:575px;}
#container .bubble{position:absolute;display:none;color:#71cdf4;z-index:999999;text-align:center;padding-bottom:15px;width:270px;font-size:12px;}
#container .bubble .bubbleContent{background-color:#FFFFFF;height:250px;padding:5px;}
#container .bubble .bubbleContent #topLeft{position:absolute;top:0px;left:0px;}
#container .bubble .bubbleContent #topRight{position:absolute;top:0px;right:0px;}
#container .bubble .bubbleContent #bottomLeft{position:absolute;bottom:43px;left:0px;}
#container .bubble .bubbleContent .border{border:solid 1px;display:block;height:240px;}
#container .bubble .bubbleContent #bottomRight{position:absolute;bottom:43px;right:0px;}
#container .bubble .bubbleContent div {margin:5px;display:inline;}
#container .bubble .bubbleContent div img{padding-top:25px;}
#container .bubble div .arrow{position:relative;top:-3px;}*/


#container #body #copybox #albumList{position:absolute;left:430px;top:170px;overflow:hidden;width:225px;}
#container #body #copybox #albumList #listContent{position:relative;border-left:solid 2px #6ac1e6;padding-left:20px;}
#container #body #copybox #albumList #listContent .selectedAlbum{color:#d68e1a;}
#container #body #copybox #albumList #listContent li{padding-bottom:5px;color:#6ac1e6;}
#container #body #copybox #albumList #listContent li:hover{color:#d68e1a;}
#container #body #copybox #albumList #listContent li a{text-decoration:none;color:#6ac1e6;}
#container #body #copybox #albumList #listContent li a:hover{color:#d68e1a;}

#container #body #copybox .frame{float:left;margin-left:3px;}
#container #body #copybox .frame:hover{cursor:pointer;}

#container #body #copybox .photoRow{position:relative;left:20px;height:80px;width:400px;}

#container #photoFrame{position:absolute;top:240px;height:232px;width:595px;background:url(/images/orangeFrame.png) no-repeat;z-index:1000;}
#container #photoFrame .selectedPhoto{position:absolute;top:21px;left:55px;width:355px;height:220px;text-align:center;display:block;}
#container #photoFrame .photo{display:none;}
#container #photoFrame .selectedCaption{float:right;width:165px;margin-top:0px;color:#ffffff;font-size:11px;}
#container #photoFrame .caption{display:none;}