HTML, BODY { font-family: Georgia; height:100%; margin: 0;  border: none; padding: 0; text-align: center; background-color:#FFF; /* background-color:#f4f1e7; */ }
#HeaderWrapper { width: 900px; margin: 0 auto; padding: 0 0 15px 0;   border-bottom: 1px solid #CCC; } 

H1#Logo IMG { margin: 23px 10px 0 0; float: left; }

#Twitter { height: 90px; padding-left: 150px; float: right; }
#Twitter DL { margin: 0; padding: 0;   background: #FFF url(/img/global-twitter_bkg.jpg) bottom right no-repeat; width: 352px; height: 70px;}
#Twitter DT { font-size: 70%; line-height: .85em; line-height: 1.25em; width: 280px; margin: 0px 0 0 72px;  padding-top: 5px; }
#Twitter DD { font-size: 60%; margin-top: 4px; font-family: arial, verdana;  margin: 5px 0 0 72px; }
#Twitter TABLE {  display: block; float: right;  }


.Right { float: right; }
.Left { float: left; }

A { text-decoration: none; color: #EF2F03; }
A:hover { color: #111111; }
A.Selected { color:#000; }

#Nav { width: 770px; float: right; vertical-align: middle; font-size: 95%; }
#Nav A { text-decoration: none; text-shadow: #CCC 1px 1px 1px; color: #EF2F03; padding: 8px 15px;  }
#Nav LI.Selected A { color: #111; }
#Nav A:hover { color: #000; }
#Nav A:active { color: #000; }

#Nav LI {display: inline; list-style-type: none; color: #999; }
#Nav UL.Navigation LI { float: left;  }
#Nav UL.External LI { border-right: 1px solid #666;  }
#Nav UL.External A { margin-right: 0; padding: 10px 8px; }
#Nav UL.External LI.Last { padding-right: 0; border-right: 0px solid; }

#Nav UL.External { font-weight: bold;  float: right; font-family: Arial; font-size: 75%; margin: 3px 0 0 0;}

#Intro { overflow: hidden; padding: 20px 0 0 0; display: block; clear: both; width: 900px; text-align: left; margin: 0 auto; }
#Intro H1 { color: #111; font-size: 250%; padding: 0 0 5px 0; font-weight: normal; text-shadow: #CCC 1px 1px 1px; }
#Intro H2 { color: #111; width: 610px; line-height: 1.25em; }
#Intro P { font-family: Arial; font-size: 75%; margin: 7px 0 20px 0; display block; }

#WorkSamples { overflow: hidden; width: 450px; height: 270px; background-color: #B2B2B2; }
#WorkSamples LI { display: inline; padding: 0; margin: 9px 9px 0 0; } 
#WorkSamples LI.Last { margin: 0; }
#WorkSamples LI A IMG { border: 10px solid #bab5b1; padding: 0; }
#WorkSamples LI A:hover IMG { border: 10px solid #111111; }


#Columns { font-family: arial; text-align: left; padding: 5px 0 0px 0; margin: 0 auto 10px auto; width: 900px; border-bottom: 1px solid #CCC; }
#Columns H2 { font-size: 140%; font-family: Georgia, Times; text-shadow: #CCC 1px 1px 1px; }
#Columns H3 { font-size: 120%; font-family: Georgia, Times; margin-bottom: 10px; text-shadow: #CCC 1px 1px 1px; }
#Columns H4, 
#Columns h5 { font-size: 90%; font-family: Georgia, Times; margin-bottom: 5px; } 

/* Type A - All columns are 201px equally */
#Columns.TypeA #Column1 { width: 201px; float: left; padding-right: 32px; }
#Columns.TypeA #Column2 { width: 201px; float: left; padding-right: 32px; }
#Columns.TypeA #Column3 { width: 201px; float: left; padding-right: 32px; }
#Columns.TypeA #Column4 { width: 201px; float: left; }
#Columns.TypeA #Column4 H3 { font-size: 80%; line-height: 1.5em; padding-bottom: 5px; margin-bottom: 0;  }
#Columns.TypeA #Column4 INPUT { padding: 2px; width: 190px; margin-bottom: 8px; }
#Columns.TypeA #Column4 INPUT.Button { width: 75px; clear: both; }
#Columns.TypeA #Column4 INPUT.Checkbox { width: 12px; margin-right: 1px; }
#Columns.TypeA #Column4 Label { font-size: 70%; }
#Columns.TypeA #Column4 P { font-size: 75%; }
#Columns.TypeA  H2 { font-size: 110%; }

#Columns.TypeA #Column1 .Posting { padding: 5px 0 0 0; }
#Columns.TypeA #Column1 .Posting DT { font-size: 110%; }
#Columns.TypeA #Column1 .Posting DD { padding: 3px 0 0 0; margin: 0; font-size: 95%; }
#Columns.TypeA #Column3 H3 {  }

/* Type B - Wider Column1 */
#Columns.TypeB H1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 220%; margin-bottom: 10px; }
#Columns.TypeB { padding: 15px 0; background-color: transparent; }
#Columns.TypeB #Column1 { margin-top: 0; padding-top: 0;  }
#Columns.TypeB #Column1 { width: 635px; float: left; }
#Columns.TypeB #Column2 { border-left: 1px solid #CCC; background-color: transparent; width: 233px; float: right; margin: 0px 0 10px 0px; padding: 0 10px;  }
#Columns.TypeB #Column1 H2 { font-size: 140%; }
#Columns.TypeB #Column2 { }

/* Type C - Columns 1 and 2 are equal*/
#Columns.TypeC { padding: 10px 0 10px 0; }
#Columns.TypeC #Column1 { float: left; width: 430px; margin-right: 30px; }
#Columns.TypeC #Column2 { float: left; width: 430px; }

/* Type D - Three Columns, all equal */
#Columns.TypeD #Column1 { width: 434px; float: left; padding-right: 20px; }
#Columns.TypeD #Column2 { width: 201px; float: left; padding-left: 15px; padding-right: 15px; border-left: 1px solid #CCC;  }
#Columns.TypeD #Column3 { width: 201px; float: left; padding-left: 10px; }


/* Type E - Three Columns, all equal */
#Columns.TypeE DIV { }

#Columns.TypeE #Column1 { float: left; width: 290px; margin-right: 14px; } 
#Columns.TypeE #Column2 { float: left; width: 290px; margin-right: 14px; }
#Columns.TypeE #Column3 { float: left; width: 290px; }

#Columns .Quote { padding-left: 28px; background: url(/img/global-quote.gif) left top no-repeat;}
#Columns .Author { text-align: right; font-size: 70%; font-weight: bold; margin-bottom: 0px; }
#Columns .AuthorPosition { text-align: right; font-size: 70%; }
#Columns H2 { font-family: Georgia, Times; margin-bottom: 10px; }
#Columns P {  margin-bottom: 10px; font-size: 75%; line-height: 1.35em; }
#Columns DL { font-family: arial; font-size: 80%; padding-bottom: 15px;  } 
#Columns DT { line-height: 1.25em; }
#Columns DD { font-size: 85%; padding-top: 5px; line-height: 1.25em; } 
#Columns UL { font-size: 75%; margin-bottom: 10px; }
#Columns LI { margin-bottom: .5em; padding-left: 14px; background: url(/img/columns-bullet.gif) left 10% no-repeat; }

#Column2 .Item { padding: 0px 0; }
#Column1 .Item.First { margin-right: 30px; }
#Column1 .Item { width: 285px; float: left; }

/* Home Treatment
----------------------------------------------- */
#Home #Intro H1 { color: #FFF; font-size: 215%; line-height: 1.25em;  padding-bottom: 20px; text-shadow: #aa3718 1px 1px 1px; }
#Home #Intro { height: 270px; margin-bottom: 18px; padding: 0px 0 0px 0;   background: #EF2F03; overflow: hidden; } 
#Home #Intro .Left { background-color: #EF2F03; width: 410px; padding: 20px 20px 10px 20px; }
#Home #Intro .Left A { color: #FFF;}
#Home #Intro .Left A:hover { text-decoration: underline; }
#Home #Intro .Right { width: 450px; }
#Home #Intro .Right TABLE {  width: 450px; height: 100%;  }
#Home #Intro .Right TD.Title SPAN { margin-left: 10px; }
#Home #Intro .Right TD.Title { padding-left: 10px; background: #000; color: #FFF; padding: 5px; font-size: 80%; overflow: hidden; height: 10px; }
#Home #Intro .Right TD.Title.Nav { text-align: right; font-weight: bold; width: 85px; font-size: 65%; font-style: italics; }
#Home #Intro .Right TD.Title.Nav A { padding: 0 5px; font-weight: bold; font-size: 15px; }
#Home #Intro .Right TD.Title.Nav A:hover { color: #FFF; }
#Home #Intro .Right TD.Thumbnail {  border-bottom: 1px solid #EF2F03; }
#Home #Intro .Right TD.Description { padding: 5px; height: 60px; overflow: hidden; }
#Home #Intro .Right TD.Description DIV { padding: 0; margin: 0px 10px 10px 10px; height: 60px; }
#Home #Intro .Right TD.Description DIV P {line-height: 1.5em;  }
#Home #Intro SPAN { font-family: Georgia, Times; text-transform: uppercase; font-style: italic; } 
#Home #Intro .Right TD.Description DIV A { color: #FFF; }
#Home #Intro .Right TD.Description DIV A:hover { text-decoration: underline; } 

/* Work Treatment
----------------------------------------------- */
#Work.Index #Column1 H2 { clear: both; margin: 0 0 10px 0; }
#Work #Intro H1 {  color: #FFF; line-height: 1.25em;  padding-bottom: 0px; font-size: 230%; text-shadow: #aa3718 1px 1px 1px; }
#Work.Index #Intro { height: 270px; }
#Work #Intro {  margin-bottom: 18px; padding: 0px 0 0px 0; background: #EF2F03; bottom no-repeat; overflow: hidden;   } 
#Work #Intro .Left { background-color: #EF2F03; width: 410px; padding: 20px 20px 10px 20px; }
#Work #Intro .Left A { color: #FFF;}
#Work #Intro .Left A:hover { text-decoration: underline; }
#Work #Intro .Right { width: 450px; }
#Work #Intro .Right TABLE {  width: 450px; height: 100%;  }
#Work #Intro .Right TD.Title SPAN { margin-left: 10px; }
#Work #Intro .Right TD.Title { padding-left: 10px; background: #000; color: #FFF; padding: 5px; font-size: 80%; overflow: hidden; height: 10px; }
#Work #Intro .Right TD.Title.Nav { text-align: right; font-weight: bold; width: 85px; font-size: 65%; font-style: italics; }
#Work #Intro .Right TD.Title.Nav A { padding: 0 5px; font-weight: bold; font-size: 15px; }
#Work #Intro .Right TD.Title.Nav A:hover { color: #FFF; }
#Work #Intro .Right TD.Thumbnail {  border-bottom: 1px solid #EF2F03; }
#Work #Intro .Right TD.Description { padding: 5px; height: 60px; overflow: hidden; }
#Work #Intro .Right TD.Description DIV { padding: 0; margin: 0 10px 10px 10px; height: 60px; }
#Work #Intro P {line-height: 1.5em;  }
#Work #Intro SPAN { font-family: Georgia, Times; text-transform: uppercase; font-style: italic; } 
#Work #Intro .Right TD.Description DIV A { color: #FFF; }
#Work #Intro .Right TD.Description DIV A:hover { text-decoration: underline; } 


#IntroSecond { overflow: hidden; padding: 20px 0 0 0; display: block; clear: both; width: 900px; text-align: left; margin: 0 auto;  background: none; }
#IntroSecond  H1 { color: #000; line-height: 1.25em;  padding-bottom: 0px; font-size: 230%; }


#Work.Index DIV.Featured A IMG {  }
#Work.Index .Item { margin: 0 17px 23px 0; width: 212px; float: left; height: 135px; }
#Work.Index .Item.Last { margin-right: 0px; }
#Work.Index .Item DL DT { font-weight: bold; font-size: 110%; }

#Work .Item DL { line-height: .95em; }
#Work .Item DL DD.Date { margin:0; padding: 3px 0 0 0; }

#Work DIV.Button P { margin: 10px 0; padding: 10px; }

#Work .PrevNext { float: right; font-size: 80%;  }
#Work .PrevNext A { color: #EF2F03;  }
#Work .PrevNext A:hover {  color: #111; }

#Work.Test div.Item { height: 67px; padding: 6px 0px 0px 0; width: 253px; border: 1px solid #635a4b; }
#Work.Test div.Item .Image IMG { border: 2px solid #FFF; padding: 0; margin: 0; } 

#Work DIV.Featured { padding: 20px 10px 10px 10px; width: 870px; margin-bottom: 10px; }
#Work DIV.Featured .Text { width: 630px; margin: 0px 20px; color: #000; }
#Work DIV.Featured .Text P { line-height: 1.35em; }
#Work DIV.Featured H3 { font-size: 150%; line-height: 1.0em; display: block; }
#Work DIV.Featured H3 SPAN { font-size: 70%; }
#Work DIV.Featured IMG { border: 10px solid #999; }
#Work DIV.Featured.hovered IMG { border: 10px solid #000; }
#Work DIV.Featured.hovered A { color: #000; }
#Work DIV.Featured.hovered A:hover { color: #000; }

#Work DIV.Featured .Categories { padding: 10px; margin-left: 10px; background: #FFF;  float: right; width: 180px; }
#Work DIV.Featured .Categories H3 { font-size: 90%; padding-bottom: 10px; }
#Work DIV.Featured UL { font-family: Arial, serif; font-size: 75%; margin-bottom: 10px; color: #000; }
#Work DIV.Featured LI { font-family: Arial, serif; margin-bottom: .5em; padding-left: 14px; background: url(/img/columns-bullet.gif) left 10% no-repeat; }

#Work DIV.Featured .Info { width: 400px; float: left;  }
#Work DIV.Featured.hovered { }
#Home DIV.Posting { font-size: 90%; padding: 10px 10px; }
#Work DIV.hovered { cursor: pointer;  }
#Work DIV.hovered A { text-decoration: none; color: #000;}
#Work DIV.Button IMG { border: 1px solid #AAA; }
#Work DIV.hovered .Image IMG { border: 1px solid #CCC; }

#nav { display: none; padding: 0; margin-top: -13px; font-size: 80%; }

#Work.Detail #Intro H2 { margin: 0 0 10px 0; }

#Work #nav .Label { font-family: Georgia, "Times New Roman", Times, serif; background-color: transparent; color: #000; border: none; }
#Work #nav .Label { background-color: transparent; color: #000; border: none; }
#Work #nav A, #Work #nav SPAN { font-family: Arial, Helvetica, sans-serif; position: relative; top: 485px; left: 0px;  margin: 0px 1px 0 0; z-index: 999; padding: 5px 8px 4px 8px; background-color: #CCC; color: #EF2F03; }
#Work #nav A:hover {   color: #000; background-color: #EEE; }
#Work #nav A.activeSlide { background-color: #BCBCBC; color: #FFF; }
#Work #nav SPAN.Label { padding: 5px 8px 4px 8px;  }

#Work #Controls { display: none; width: 635px; font-size: 60px; }
#Work #Controls A:Hover { color: #EF2F03; opacity: 0; }
#Work #Controls #Prev { float: left; padding: 190px 250px 200px 15px;}
#Work #Controls #Next { float: right; padding: 190px 15px 200px 250px; }
#Work #Controls #Prev A { opacity: 0;  }
#Work #Controls #Next A { opacity: 0; }

#Work #s2 .Cover { position: absolute; z-index: 80000; }
#Work #s2 .ClickArea { cursor: pointer; } 
#Work #s2 { position: absolute; z-index: 10px; width: 635px; height: 220px; }
#Work #s2 { padding: 0; margin: 0; border-top: #000 solid 10px; background-color: #FFF; display: block; border-bottom: #000 solid 10px; overflow: hidden; height: 220px; }
#Work #s2 .Flash { margin-top: 0px; padding: 0; border: none; position: absolute; }
#Work #s2 IMG { display: block; border: none;  position: relative;  }
#Work #s2 .Flash IMG { border-bottom: 10px solid #000;  position: relative;  }
#Work .Info { margin-top: 245px; width: 635px;  }

#Work.Detail #Intro { margin-top: 10px; background: none; margin-bottom: 0; }
#Work.Detail #Column1 H1 { color: #111; margin: 5px 0; font-size: 170%; }
#Work.Detail #Column1 H2 { color: #111; margin: 15px 0 10px 0; font-size: 105%; }

#Work.Detail #Columns.TypeB { clear: both; display: block; margin-top: 0px; padding: 0px; }
#Work.Detail #Column2 {}
#Work.Detail #Column2 DT { margin-bottom: 8px; font-size: 90%; }
#Work.Detail #Column2 H3 { font-size: 90%; }
#Work.Detail #Column2 .ProjectListing UL { list-style: none; clear: both; padding-top: 10px; }
#Work.Detail #Column2 .ProjectListing UL LI { padding: 2px 0; margin: 2px 0; background-image: none; line-height: 1.25em; }


#Work.Detail .GrayBox { border-left: 1px solid #CCC; padding-left: 15px; }
#Work.Detail .GrayBox LI { font-size: 90%; margin-top: 5px; padding-top: 3px; }
#Work.Detail .GrayBox H4 { padding-bottom: 5px; }

#Work.Detail .GrayBox .Item {  padding: 0px; margin: 0; width: 160px; }
#Work.Detail .GrayBox .Item P {  font-size: 70%; padding: 5px 0; }

#Work.Detail .GrayBox .Button { margin-right: 8px; float: left; padding-right: 8px; width: 75px; text-align: center; padding: 5px 6px 3px 6px; display: block; background: #EEE url(/img/global-line-top.jpg) bottom no-repeat; border: 1px solid #CCC; font-size: 80%; text-transform: uppercase; }
#Work.Detail .GrayBox A.Button:hover { border-color: #BBB; background: #EEE url(/img/global-line-top.jpg) bottom right no-repeat; }
#Work #ProjectIntro { padding: 10px; margin: 10px 0; background-color: #FFF; }


#Work #ProjectDetail { width: 440px; }

#Work.Detail #Column1 .LessImages { position: absolute; z-index: 25000; display: none; margin: 483px 0 0 555px; font-size: 70%; }



/* ContactUs Treatment
----------------------------------------------- */
#Contact.Index #Column2 .Item.One, #Contact.Index #Column2 .Item.Two { width: 195px; padding-top: 0; margin: 0 15px 15px 0; float: left; }
#Contact.Index FORM { margin: 0; padding: 0; }
#Contact.Index #Columns DL { margin: 10px 10px 0px 0; padding: 10px 10px 0px 0; }
#Contact.Index #Columns DT { padding-bottom: 0px; }
#Contact.Index #Columns DD { padding: 0px; }
#Contact.Index  LABEL { font-size: .75em; color: #111; font-family: Georgia, Times; font-size: 100%; }
#Contact.Index  INPUT { padding: 2px; font-size: .9em; margin-top: 5px; color: #2b1d12; }
#Contact.Index #Column1 INPUT.Button { font-size: 70%; }
#Contact.Index INPUT.Button { cursor: pointer; margin-top: 10px; background: #DDD; padding: 5px 10px; font-size: .85em; border: 1px solid #555; color: #333; text-transform: uppercase; }
#Contact.Index #Column2 INPUT.Button { font-size: 75%; }
#Contact.Index TEXTAREA { padding: 2px; font-size: .9em; color: #2b1d12; }
#Contact.Index  SELECT { margin-top: 5px; width: 250px; padding: 2px; font-size: .9em;  color: #2b1d12; }
#Contact IFRAME { border: 1px solid #c7c3b4; }

#Contact.NewProject #Intro P { width: 600px; line-height: 1.5em; }
#Contact.NewProject #Column1 { width: 260px; }
#Contact.NewProject #Column2 { margin-right: 45px; }
#Contact.NewProject FORM { margin: 0; padding: 0; }
#Contact.NewProject { margin: 0;  }
#Contact.NewProject #Columns DL { margin: 0px 10px 0px 0; padding: 0 px; background: #FFF; }
#Contact.NewProject #Columns DT { font-family: Georgia, Times; padding: 10px 0 0 0; }
#Contact.NewProject #Columns LABEL { font-size: .75em; color: #000; font-family: Georgia, Times; font-size: 110%; }
#Contact.NewProject #Columns INPUT { padding: 2px; font-size: 1em; color: #2b1d12; }
#Contact.NewProject #Columns INPUT.Button { clear: both; display: block; font-size: 80%; cursor: pointer; margin-top: 10px; background: #DDD; padding: 5px 10px; font-size: .9em; border: 1px solid #555; color: #333; text-transform: uppercase; }
#Contact.NewProject #Columns TEXTAREA { padding: 2px; font-size: 1em; color: #2b1d12; }
#Contact.NewProject #Columns SELECT { margin-top: 5px; padding: 2px; font-size: 1em; color: #2b1d12; }
#Contact.NewProject P.Smaller { font-size: 100%; }
#Contact.NewProject #Column2 P { font-size: .80em; line-height: 1.6em; }
#Contact.NewProject #Column2 P.LearnMoreBar { background: #635a4b; padding: 10px; display: block; font-size: .75em; width: 100%; }
#Contact.NewProject #Column2 DL.Posting { padding: 0 10px 1.25em .15em; }
#Contact.NewProject #Column2 DL.Posting DT { font-size: .85em; font-weight: bold; }
#Contact.NewProject #Column2 DL.Posting DD { font-size: .70em; }

/* About Us Treatment
----------------------------------------------- */
#AboutUs .Team { clear: both; display: block; }
#AboutUs .Team IMG { margin-right: 10px; border: 1px solid #000; }
#AboutUs .Member { width: 355px; float: left; padding-bottom: 5px; }
#AboutUs .Member DT { font-family: Georgia, Times; }

#Blog #Column1 .Posting DT { font-size: 140%; font-family: Georgia;  }
#Blog #Column1 .Posting DD  P { font-size: 110%;   }
#CategoryListing DT { margin: 15px 0 0 0; font-weight: normal; font-family: 110%; font-family: Georgia; }
#CategoryListing DD { margin: 0 0 10px 0; font-size: 95%; }


/* Footer Treatment
----------------------------------------------- */
#FooterWrapper { font-family: arial; width: 900px; margin: 0 auto; color: #929292; line-height: 1.2em; clear: both; display: block; } 
#FooterWrapper LI { list-style-type: none; float: left; font-size: .75em; }
#FooterWrapper LI A { border-left: 1px solid #929292; padding: 0px 7px;  }
#FooterWrapper SPAN { font-size: .75em; }
#FooterWrapper LI.First A { border-left: none; padding-left: 0; }

#FooterWrapper #ServiceBar {  display: none; font-weight: bold; font-size: 95%;  color: #333; padding: 11px 0px 10px 0px; margin-bottom: 10px; text-align: right; }
#FooterWrapper #ServiceBar LI.First { padding-left: 0; }
#FooterWrapper #ServiceBar LI { border: 0; padding: 0px 22px 0 7px; background: #FFF url(/img/global-star.jpg) right no-repeat; }
#FooterWrapper #ServiceBar LI.Last { padding-right: 0; background: transparent; }
#FooterWrapper #ServiceBar IMG { margin-top: 0; padding: 0 8px 0 8px; }
#FooterWrapper .Right { text-align: right; }
#FooterWrapper .Left P { padding-top: 2px; text-align: left;  }
#FooterWrapper P { font-size: .75em; line-height: 1.5em; } 

#TB_next { position: absolute; right: 20px; top: 240px;}
#TB_prev { position: absolute; left: 20px; top: 240px;   }
#TB_next A { padding: 225px 0 225px 280px; color: #CC0000;}
#TB_prev A { padding: 225px 280px 225px 0; color: #CC0000;}
#TB_next A, #TB_prev A {  font-size: 50px; color: #CC0000; opacity: .5; filter(opacity=.5); }
#TB_next A:hover, #TB_prev A:hover {  color: #000; opacity: 1;  }
#TB_next A:visited, #TB_prev A:visited { color: #CC0000; }