@import url(http://fonts.googleapis.com/css?family=Lobster+Two);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

html, body                                    {padding:0; margin:0;}
.content                                      {max-width:1140px; overflow:hidden; margin:0 auto;}

/*Homepage Spotlight*/
.spotlight                                    {background-color:#e7e7e2; overflow:hidden; position:relative; z-index:120;}
.spotlight .portrait                          {float:left; display:none; margin-left:40px; background-color:#CCC; height:575px; width:340px;}
.spotlight .headline                          {width:600px; text-align:center; /*float:right;*/ margin:60px auto; font-family:opensans-bold, helvetica,sans-serif; color:#263c53;}
.spotlight .headline h1                       {font-family:'Lobster Two', Helvetica, sans-serif; font-size:62px; font-weight:bold;}
.spotlight .headline h2                       {font-family: 'Open Sans Condensed', sans-serif; font-weight:300; text-transform:uppercase; font-size:36px; color:#263c53;}
.spotlight .headline h2 strong                {color:#d83827; font-weight:300;}
.spotlight .link                              {display:block; margin:0px auto 20px; width:260px; background-color:#d83827; border-bottom:4px solid #8e1a1c; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:28px; color:#FFF; padding:5px; text-transform:uppercase; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.spotlight .link span                         {background:#8e1a1c url('../images/arrow.png') no-repeat 10px 7px; width:32px; height:32px; display:inline-block; position:relative; top:6px; margin-left:10px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}

/*Homepage Overview*/
.overview                                     {background-color:#42aab1; overflow:hidden;}
.overview .section                            {float:left; color:#263c53; text-align:center; font-family:verdana, sans-serif; font-size:14px; width:250px; margin:50px 15px 50px;}
.overview .section h2                         {font-family: 'Open Sans Condensed', sans-serif; font-weight:700; color:#FFF; font-size:25px; text-transform:uppercase;}
.overview .section h2 a                       {color:#FFF; text-decoration:none;}
.overview .section.webdesign                  {margin-top:57px;}
.overview .section.branding                   {}
.overview .section.print                      {margin-top:77px;}
.overview .section.responsive                 {margin-top:79px;}

                                              
/*Top nav*/                                   
.top-nav                                      {background-color:#01777f; text-align:center; box-shadow:0px 0px 0px 2px rgba(107,151,160,1), 0px 0px 0px 4px rgba(1,119,127,1), 0px 0px 10px 5px rgba(0,0,0,.3); position:relative; z-index:100;}
.logo                                         {float:left; margin-top:19px;}
.top-nav ul                                   {float:right; padding:0; margin:0 auto;}
.top-nav ul li                                {list-style-type:none; float:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:17px; text-transform:uppercase;}
.top-nav ul li a                              {display:block; color:#FFF; text-decoration:none; padding:18px 30px;}
.top-nav ul li a:hover                        {color:#e7ec9e;}

/*Footer*/
.footer                                       {background-color:#343434; text-align:center; color:#9098a1; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:400; padding:15px;}
                                              
/* Project Categories */                      
.project-categories                           {background-color:#e7e7e2; border-bottom:6px solid #FFF; width:100%;}
.project-categories ul                        {margin:0; padding:0; overflow:hidden;}
.project-categories ul li                     {list-style-type:none; float:left; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:22px; text-transform:uppercase; margin:15px 50px 15px 0;}
.project-categories ul li a                   {display:block; border:1px solid transparent; padding:15px 10px; color:#747575; text-decoration:none;}
.project-categories ul li a:hover             {border:1px solid #c2c0bd;}

/*Project*/
.project                                      {padding:30px 0; overflow:hidden; border-bottom:9px solid #FFF;}
.project .info                                {width:285px; float:left; margin-top:60px;}
.project .info .color-swatches                {overflow:hidden; margin-bottom:15px;}
.project .info .color-swatches span           {width:20px; height:20px; float:left; margin-right:10px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.project .info .attributes                    {font-family: 'Fjalla One', helvetica, sans-serif; font-size:21px;}
.project .info h2                             {font-family: 'Fjalla One', helvetica, sans-serif; text-transform:uppercase; font-size:40px; margin:10px 0; font-weight:normal;}
.project .info p                              {font-family: 'Noto Sans', helvetica, sans-serif; font-size:18px; margin:15px 0;}
.next-project,
.project .info .link                          {display:block; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:28px; color:#FFF; padding:15px; text-transform:uppercase; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.project .info .link                          {width:245px;}
.next-project span,
.project .info .link span                     {background:url('../images/arrow.png') no-repeat 10px 7px; width:32px; height:32px; display:inline-block; position:relative; top:6px; margin-left:14px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.project .screenshot                          {max-width:803px;}

/*Project - Full Page View*/
.project.screenshot-center .info              {width:100%; margin-top:0px; float:none;}
.project.screenshot-center .color-swatches    {float:right; margin-top:25px;}
.project .info .full-width                    {width:100%; background-color:#FFF; border:1px solid #CCC; display:block; max-width:1140px;}
.next-project                                 {width:275px; margin-top:20px;}

/*Project - Image on right*/
.project.screenshot-right .screenshot         {float:right;}

/*Project - Image on left*/
.project.screenshot-left .screenshot          {float:left; margin-right:50px;}

/*Specific Project Backgrounds */

/*Web Design*/
#aonn                               {background-color:#d5d1d5; color:#333;}
#aonn  .primary                      {background-color:#7e0c6e;}
#aonn  .secondary                    {background-color:#b495b2;}
#aonn  .tertiary                     {background-color:#761215;}
#aonn  .next-project,
#aonn  .info .link                   {background-color:#7d0a6c; border-bottom:4px solid #4e0744;}
#aonn  .next-project span,
#aonn  .info .link span              {background-color:#4e0744;}

#conquer                               {background-color:#aeaeae; color:#333;}
#conquer  .primary                      {background-color:#203f5c;}
#conquer  .secondary                    {background-color:#305373;}
#conquer  .tertiary                     {background-color:#556066;}
#conquer  .next-project,
#conquer  .info .link                   {background-color:#305373; border-bottom:4px solid #203f5c;}
#conquer  .next-project span,
#conquer  .info .link span              {background-color:#203f5c;}

#law                               {background-color:#d3d3d3; color:#333;}
#law  .primary                      {background-color:#2b2b2b;}
#law  .secondary                    {background-color:#FFF;}
#law  .tertiary                     {background-color:#c04233;}
#law  .next-project,
#law  .info .link                   {background-color:#c04233; border-bottom:4px solid #88281d;}
#law  .next-project span,
#law  .info .link span              {background-color:#88281d;}

#wchp                               {background-color:#d5cda6; color:#333;}
#wchp  .primary                      {background-color:#728356;}
#wchp  .secondary                    {background-color:#db7618;}
#wchp  .tertiary                     {background-color:#ffb067;}
#wchp  .next-project,
#wchp  .info .link                   {background-color:#db7618; border-bottom:4px solid #b25803;}
#wchp  .next-project span,
#wchp  .info .link span              {background-color:#b25803;}

#bensalem                               {background-color:#ceb591; color:#333;}
#bensalem  .primary                      {background-color:#0c0e0b;}
#bensalem  .secondary                    {background-color:#ff0e0e;}
#bensalem  .tertiary                     {background-color:#077b34;}
#bensalem  .next-project,
#bensalem  .info .link                   {background-color:#077b34; border-bottom:4px solid #054b20;}
#bensalem  .next-project span,
#bensalem  .info .link span              {background-color:#054b20;}

#PFA                               {background-color:#d8d8d8; color:#333;}
#PFA  .primary                      {background-color:#e24b16;}
#PFA  .secondary                    {background-color:#6d6861;}
#PFA  .tertiary                     {background-color:#FFF;}
#PFA  .next-project,
#PFA  .info .link                   {background-color:#e24b16; border-bottom:4px solid #ac3409;}
#PFA  .next-project span,
#PFA  .info .link span              {background-color:#ac3409;}

#stadium                               {background-color:#969696; color:#f1f1f1;}
#stadium  .primary                      {background-color:#323232;}
#stadium  .secondary                    {background-color:#ffff16;}
#stadium  .tertiary                     {background-color:#e6413f;}
#stadium  .next-project,
#stadium  .info .link                   {background-color:#0facbd; border-bottom:4px solid #0a7884;}
#stadium  .next-project span,
#stadium  .info .link span              {background-color:#0a7884;}

#group-g-direct                               {background-color:#d3d3d3; color:#333;}
#group-g-direct .primary                      {background-color:#07699b;}
#group-g-direct .secondary                    {background-color:#4a5b63;}
#group-g-direct .tertiary                     {background-color:#761215;}
#group-g-direct .next-project,
#group-g-direct .info .link                   {background-color:#04689a; border-bottom:4px solid #024768;}
#group-g-direct .next-project span,
#group-g-direct .info .link span              {background-color:#024768;}

#i-business                                   {background-color:#919c94; color:#333;}
#i-business .primary                          {background-color:#374550;}
#i-business .secondary                        {background-color:#106bac;}
#i-business .tertiary                         {background-color:#f7911e;}
#i-business .next-project,
#i-business .info .link                       {background-color:#f58b1f; border-bottom:4px solid #b06428;}
#i-business .next-project span,
#i-business .info .link span                  {background-color:#b06428;}

#heritage                                     {background-color:#cee3e0; color:#534f4f;}
#heritage .primary                            {background-color:#8c8c8c;}
#heritage .secondary                          {background-color:#88bbb4;}
#heritage .tertiary                           {background-color:#b12929;}
#heritage .next-project,
#heritage .info .link                         {background-color:#b52b2a; border-bottom:4px solid #811518;}
#heritage .next-project span,
#heritage .info .link span                    {background-color:#811518;}

#lean-4-life                                  {background-color:#e0e6c7; color:#323230;}
#lean-4-life .primary                         {background-color:#064e86;}
#lean-4-life .secondary                       {background-color:#f5841f;}
#lean-4-life .tertiary                        {background-color:#0089ca;}
#lean-4-life .next-project,
#lean-4-life .info .link                      {background-color:#288bca; border-bottom:4px solid #054e86;}
#lean-4-life .next-project span,
#lean-4-life .info .link span                 {background-color:#054e86;}

#main-line                                    {background-color:#cedce7; color:#343434;}
#main-line .primary                           {background-color:#b22b2c;}
#main-line .secondary                         {background-color:#a2aa38;}
#main-line .tertiary                          {background-color:#273c53;}
#main-line .next-project,
#main-line .info .link                        {background-color:#a2ab38; border-bottom:4px solid #666e2f;}
#main-line .next-project span,
#main-line .info .link span                   {background-color:#666e2f;}

#neshaminy-creek                              {background-color:#bcbeb8; color:#454645;}
#neshaminy-creek .primary                     {background-color:#7b1315;}
#neshaminy-creek .secondary                   {background-color:#ee9925;}
#neshaminy-creek .tertiary                    {background-color:#566d31;}
#neshaminy-creek .next-project,
#neshaminy-creek .info .link                  {background-color:#566d31; border-bottom:4px solid #3a4a20;}
#neshaminy-creek .next-project span,
#neshaminy-creek .info .link span             {background-color:#3a4a20;}

#first-united                                 {background-color:#d6d6e5; color:#343434;}
#first-united .primary                        {background-color:#252159;}
#first-united .secondary                      {background-color:#1d9e5e;}
#first-united .tertiary                       {background-color:#ee572b;}
#first-united .next-project,
#first-united .info .link                     {background-color:#303167; border-bottom:4px solid #101234;}
#first-united .next-project span,
#first-united .info .link span                {background-color:#101234;}
                    

#south-florida                                {background-color:#d2ebe5; color:#343434;}
#south-florida .primary                       {background-color:#3a3a3a;}
#south-florida .secondary                     {background-color:#02956f;}
#south-florida .tertiary                      {background-color:#f0b228;}
#south-florida .next-project,
#south-florida .info .link                    {background-color:#02956f; border-bottom:4px solid #075843;}
#south-florida .next-project span,
#south-florida .info .link span               {background-color:#075843;}

#johns-autotags                               {background-color:#d6d8d8; color:#454645;}
#johns-autotags .primary                      {background-color:#d16527;}
#johns-autotags .secondary                    {background-color:#FFF;}
#johns-autotags .tertiary                     {background-color:#283032;}
#johns-autotags .next-project,
#johns-autotags .info .link                   {background-color:#d26428; border-bottom:4px solid #a04b24;}
#johns-autotags .next-project span,
#johns-autotags .info .link span              {background-color:#a04b24;}

/*Infographics*/
#golden-asp                                   {background-color:#f8d5e2; color:#3d3c3c;}
#golden-asp .attributes a                     {color:#3d3c3c;}
#golden-asp .primary                          {background-color:#7f246b;}
#golden-asp .secondary                        {background-color:#eb3570;}
#golden-asp .tertiary                         {background-color:#f59cbe;}
#golden-asp .info .link                       {background-color:#b34c9c; border-bottom:4px solid #7f246b;}
#golden-asp .info .link span                  {background-color:#7f246b;}

#superbowl                                    {background-color:#dcc7c2; color:#3d3c3c;}
#superbowl .attributes a                      {color:#3d3c3c;}
#superbowl .primary                           {background-color:#ab1e23;}
#superbowl .secondary                         {background-color:#fdee19;}
#superbowl .tertiary                          {background-color:#ffc113;}
#superbowl .info .link                        {background-color:#6c382c; border-bottom:4px solid #441c12;}
#superbowl .info .link span                   {background-color:#441c12;}

#dog-awareness                                    {background-color:#55767d; color:#bec9cc;}
#dog-awareness .attributes a                      {color:#3d3c3c;}
#dog-awareness .primary                           {background-color:#3f3f3f;}
#dog-awareness .secondary                         {background-color:#76ad35;}
#dog-awareness .tertiary                          {background-color:#eca000;}
#dog-awareness .info .link                        {background-color:#f1412a; border-bottom:4px solid #b62613;}
#dog-awareness .info .link span                   {background-color:#c32a12;}

#shoplifting                                    {background-color:#3e3e3e; color:#ebebeb;}
#shoplifting .attributes a                      {color:#ebebeb;}
#shoplifting .primary                           {background-color:#2f6a68;}
#shoplifting .secondary                         {background-color:#529a99;}
#shoplifting .tertiary                          {background-color:#fdfd83;}
#shoplifting .info .link                        {background-color:#2f6a68; border-bottom:4px solid #1c4645;}
#shoplifting .info .link span                   {background-color:#448080;}

/*Print*/
#tiffanys,
#tiffanys2                                    {background-color:#e0d8c7; color:#3d3c3c;}
#tiffanys2 .attributes a,
#tiffanys .attributes a                       {color:#3d3c3c;}
#tiffanys2 .primary,
#tiffanys .primary                            {background-color:#221313;}
#tiffanys2 .secondary,
#tiffanys .secondary                          {background-color:#c74a5d;}
#tiffanys2 .tertiary,
#tiffanys .tertiary                           {background-color:#392013;}
#tiffanys2 .info .link,
#tiffanys .info .link                         {background-color:#c74a5d; border-bottom:4px solid #862636;}
#tiffanys2 .info .link span,
#tiffanys .info .link span                    {background-color:#862636;}

#brochure,
#brochures2                                    {background-color:#f0e9d9; color:#3d3c3c;}
#brochure2 .attributes a,
#brochure .attributes a                       {color:#3d3c3c;}
#brochure2 .primary,
#brochure .primary                            {background-color:#221313;}
#brochure2 .secondary,
#brochure .secondary                          {background-color:#c74a5d;}
#brochure2 .tertiary,
#brochures .tertiary                           {background-color:#392013;}
#brochure2 .info .link,
#brochure .info .link                         {background-color:#c74a5d; border-bottom:4px solid #862636;}
#brochure2 .info .link span,
#brochure .info .link span                    {background-color:#862636;}

#theatre                                          {background-color:#d2c8d0; color:#3d3c3c;}
#theatre .attributes a                            {color:#3d3c3c;}
#theatre .primary                                 {background-color:#2b1326;}
#theatre .secondary                               {background-color:#7c5371;}
#theatre .tertiary                                {background-color:#f3733a;}
#theatre  .info .link                   {background-color:#56394f; border-bottom:4px solid #3a2334;}
#theatre  .next-project span,
#theatre  .info .link span              {background-color:#3a2334;}


#bcg                                          {background-color:#e4ecee; color:#3d3c3c;}
#bcg .attributes a                            {color:#3d3c3c;}
#bcg .primary                                 {background-color:#151112;}
#bcg .secondary                               {background-color:#3c708f;}
#bcg .tertiary                                {background-color:#b1bfc7;}

/*Branding*/
#route66                                      {background-color:#eaeaea; color:#3d3c3c;}
#route66 .attributes a                        {color:#3d3c3c;}

#apex                                         {background-color:#233c53; color:#FFF;}
#apex .attributes a                           {color:#FFF;}

#burial                                       {background-color:#d4d5d7; color:#3d3c3c;}
#burial .attributes a                         {color:#3d3c3c;}

#target                                       {background-color:#e0cdbd; color:#3d3c3c;}
#target .attributes a                         {color:#3d3c3c;}