/* - GLOBAL
=========================================================================*/
html { font-size:16px; border-top:6px solid #570000 }
body { font:.75em/1.417em Arial, Helvetica, sans-serif /* 12px */; color:#6d6e71; /* GUIDE background:url(/images/!guide.jpg) 50% -6px no-repeat;*/ border-top:1px solid #c50008; padding:0; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top }
img { border:0 }
html, ul, li, form, input, select, h1, h2, h3, h4, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#570000; text-decoration:none; -moz-outline-width:0; outline:none }
a:hover { color:#ff6000 }

.clear_all { clear:both }
.clear_right { clear:right }
.clear_left { clear:left }

.alignleft { float:both }
.alignright { float:right }

h1 { font:3em Georgia, "Times New Roman", Times, serif; color:#6d2222; padding:26px 0 23px }
h2 { font:1.917em/1.313em Georgia, "Times New Roman", Times, serif; color:#c50008 }
#ThreeColumn #ColumnMain h2 { font:1.167em Arial, Helvetica, sans-serif; color:#570000; padding:0 0 6px }
h4 { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; padding:8px 0 0; margin:0 0 3px }

h4.title { text-indent:-10000px }
h4.featured_work { background:url(/images/titles/featured_work.gif) 10px -3px no-repeat }
h4.featured_clients { background:url(/images/titles/featured_clients.gif) 15px -3px no-repeat }
h4.our_people { background:url(/images/titles/our_people.gif) 14px -7px no-repeat }
h4.our_people2 { background:url(/images/titles/our_people.gif) 23px 4px no-repeat }
h4.our_company { background:url(/images/titles/our_company.gif) 23px 4px no-repeat }
h4.our_culture { background:url(/images/titles/our_culture.gif) 23px 4px no-repeat }
h4.our_solutions { background:url(/images/titles/our_solutions.gif) 19px -7px no-repeat }
h4.whats_new { background:url(/images/titles/whats_new.gif) 19px -7px no-repeat }
li.whats_new_nav { text-indent:-10000px; background:url(/images/titles/whats_new_nav.gif) 0 -11px no-repeat }
h4.who_we_are_gray { background:url(/images/titles/who_we_are_gray.gif) 17px 14px no-repeat }
h4.what_we_do_gray { background:url(/images/titles/what_we_do_gray.gif) 17px 14px no-repeat }
li.what_we_do_nav { text-indent:-10000px; background:url(/images/titles/what_we_do_nav.gif) 0 -11px no-repeat }
h4.our_philosophy { background:url(/images/titles/our_philosophy.gif) 0 -3px no-repeat }
h4.our_commitment { background:url(/images/titles/our_commitment.gif) 0 -3px no-repeat }
h4.our_structure { background:url(/images/titles/our_structure.gif) 0 -3px no-repeat }
h4.our_difference { background:url(/images/titles/our_difference.gif) 0 -3px no-repeat }
h4.talk_to_an_expert { background:url(/images/titles/talk_to_an_expert.gif) 0 -4px no-repeat }
h4.work_with_us { background:url(/images/titles/work_with_us.gif) 0 -4px no-repeat }
h4.related_work { background:url(/images/titles/related_work.gif) 17px 2px no-repeat }
h4.related_articles { background:url(/images/titles/related_articles.gif) 17px 2px no-repeat }
h4.our_location { background:url(/images/titles/our_location.gif) 17px 2px no-repeat }
h4.socialize_with_us { background:url(/images/titles/socialize_with_us.gif) 17px 2px no-repeat }
.staff_titles.about_me { text-indent:-10000px; background:url(/images/titles/about_me.gif) 0 -7px no-repeat }
.staff_titles.big_deal { text-indent:-10000px; background:url(/images/titles/big_deal.gif) 0 -7px no-repeat }
.staff_titles.check_out_work { text-indent:-10000px; background:url(/images/titles/check_out_work.gif) 0 -7px no-repeat }
.staff_titles.find_me { text-indent:-10000px; background:url(/images/titles/find_me.gif) 0 -7px no-repeat }

#PageTitles { float:left; width:680px }
#PageTitles h2 { font-size:1.583em; padding-bottom:35px }
#TwoColumn-left #PageTitles h2 { font-size:1.917em; padding-bottom:0 }
#PageTitles.what-we-do-titles h2 { font-size:1.917em }
#PageTitles.whats-new-titles h1 { width:458px }
#PageTitles.whats-new-titles h2 { width:458px; font:1.583em/1.313em Georgia, "Times New Roman", Times, serif; color:#c50008; padding-bottom:35px }

.back-link { float:left; width:700px; padding:30px 0 0 }
.back-link a { font-size:1.083em; color:#a77a7a }
.back-link a:hover { color:#ff6000 }
.back-link.all { float:right; width:610px; text-align:right; padding:7px 30px 0 0 }

#ColumnMain ul { padding:5px 14px }
#ColumnMain ul ul { padding:5px 14px 0 }
#ColumnMain ul li { list-style:disc }
#ColumnMain ul li li { list-style:circle }
#ColumnMain ul li li li { list-style:square }

#ColumnMain ol { padding:5px 30px }
#ColumnMain ol ol { padding:5px 30px }
#ColumnMain ol li { list-style:decimal }
#ColumnMain ol li li { list-style:lower-alpha }
#ColumnMain ol li li li { list-style:lower-roman }

.red-button { float:left; display:block; width:auto; font:bold 11px Helvetica, Arial, sans-serif; color:#fff; border:0 none; text-transform:lowercase; background:#c50008; padding:4px 15px; margin:7px 9px 0 0 }
.red-button:hover { cursor:pointer; color:#fff; background:#ff6000; text-decoration:none }

#ColumnMain .our_work_list ul { padding-bottom:0; margin-bottom:-5px }

/* - WRAPPERS
=========================================================================*/
#SiteWrap, #OneColumn, #TwoColumn-left, #ThreeColumn { width:960px; margin:0 auto }

/* - HEADER
=========================================================================*/
#Header { width:960px; height:87px; border-bottom:1px solid #d9d9d9 }
#Header img { float:left }

/* - NAVIGATION
=========================================================================*/
#NavMain { float:left; display:inline; width:710px; padding:58px 0 0 67px }
#NavMain li { float:left; display:inline; height:15px }
#NavMain li.rightlink { float:right; border:0 }
#NavMain li.last { border:0 }
#NavMain li a { position:relative; float:left; display:inline; font-size:1.417em; margin:-3px 16px 0 }
#NavMain li a:hover { text-decoration:none }

body#WhoWeAre #NavMain .who-we-are-link,
body#WhatWeDo #NavMain .what-we-do-link,
body#OurWork #NavMain .our-work-link,
body#WhatsNew #NavMain .whats-new-link,
body#Blog #NavMain .blog-link,
body#Contact #NavMain .contact-link { color:#ff6000 }

#NavLeft { padding:38px 0 46px 18px }
#NavLeft .title { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#c50008; padding:0 0 16px }
#NavLeft li { padding-bottom:6px }
#NavLeft a { color:#9a6666 }
#NavLeft a:hover { color:#ff6000; text-decoration:none }

/* - FLASH / SPLASH
=========================================================================*/
#Flash { width:960px; height:360px; border-bottom:1px solid #d9d9d9 }
#Flash-OurWork { height:304px; background:url(/images/banners/ourwork_kwad.jpg); margin:0 0 -35px }
#Flash-OurWork .red-button { margin:17px 0 0 14px }
#Flash-OurWork h1 { font-size:40px; padding:49px 0 0 13px }
#Flash-OurWork h2 { font-size:19px; line-height:28px; padding:9px 450px 0 14px }
#Splash { width:902px; height:88px; font:40px Georgia, "Times New Roman", Times, serif; color:#fff; padding:140px 0 0 27px; margin:14px 0 5px 17px }
#Splash.banner01 { background:url(/images/splash-01_new.jpg) }

/* - FEATURED CLIENTS
=========================================================================*/
#FeaturedWork { position:relative; float:left; clear:both; width:954px; min-height:166px; height:auto !important; height:166px; border-bottom:1px solid #d9d9d9; padding:0 0 0 6px }
#FeaturedWork h4 { padding-left:10px }
#FeaturedWork .morework { float:right; font-size:1.083em; color:#9a6666; margin:7px 21px 0 0 }
#FeaturedWork .morework:hover, #OneColumn #FeaturedWork .morework:hover { color:#ff6000; text-decoration:none }
#FeaturedWork .featured-item { position:relative; float:left; display:inline; overflow:hidden; width:215px; min-height:220px; height:auto !important; height:220px; background:url(/images/dots_repeat_y.gif) 100% 0 repeat-y; padding:0 11px 0 0; margin:0 0 10px 11px }
* html #FeaturedWork .featured-item { height:auto }
#FeaturedWork .featured-item.staff { min-height:170px; height:auto !important; height:170px }
#FeaturedWork .featured-item p { float:left; clear:both; width:199px; padding:14px 8px 10px 8px }
#FeaturedWork .featured-item p a { font-size:14px; padding:0 0 11px }
#FeaturedWork .featured-item p a span { display:block; font-size:12px; font-style:italic; color:#bc9999 }
#FeaturedWork .featured-item.last { background:none; padding-right:0 }
#FeaturedWork .featured-item a.feat-item-link { float:left; overflow:hidden; width:215px; height:122px; text-decoration:none }
#FeaturedWork .featured-item a.feat-item-link:hover { cursor:pointer; text-decoration:none }
#FeaturedWork .featured-item a.feat-item-link:hover img { position:relative; margin:0 0 0 -215px }
#FeaturedWork .featured-item img { float:left }
#FeaturedWork .featured-item .feat-item-info { float:left; width:196px; height:107px; font-size:1.083em; font-weight:normal; color:#fff; background:#bb0006 url(/images/arrow-orange_red.gif) 184px 100px no-repeat; padding:15px 0 0 19px }
#FeaturedWork .featured-item .feat-item-info b { display:block; font-size:1.077em; line-height:normal; font-weight:normal; color:#e6999c; padding:0 0 9px }

body#Home .featured-item { min-height:122px; height:auto !important; height:122px }

#OneColumn #FeaturedWork { border:0; padding-bottom:25px }
#OneColumn #FeaturedWork .featured-item { padding-top:9px }
#OneColumn #FeaturedWork .morework { float:none; color:#c5a7a7; margin-left:10px }

/* - 3 EVENLY SPACED CELLS OF CONTENT
=========================================================================*/
#Content3Wide { float:left; width:100%; min-height:230px; height:auto !important; height:230px; border-bottom:1px solid #d9d9d9; padding-bottom:16px }
body#OurWork #Content3Wide { padding-bottom:50px }
#Content3Wide .contentblock { position:relative; float:left; width:320px; min-height:210px; height:auto !important; height:210px; padding:0 0 17px; margin:11px 0 0 }
#Content3Wide .contentblock h4 { padding:15px 0 0 23px; margin:0 0 4px }
#Content3Wide .contentblock p, #Content3Wide .contentblock.right ul { padding:12px 20px 15px 23px }
#Content3Wide .contentblock.left { background:url(/images/dots_repeat_y.gif) 100% 0 repeat-y }
#Content3Wide .contentblock.left p { padding-left:27px }
#Content3Wide .contentblock.left img { float:left; width:270px; height:139px; margin:0 0 12px -4px }
#Content3Wide .contentblock.left i { font-style:italic; color:#808285 }
#Content3Wide .contentblock.left a:hover i { color:#808285 }
#Content3Wide .contentblock.left .staff-update { position:relative; display:block; font:18px/25px Georgia, "Times New Roman", Times, serif; color:#bf0007; padding:0 10px 8px 0; margin:-1px 0 0 }
#Content3Wide .contentblock.left .staff-member { font-size:.75em; font-family:Arial, Helvetica, sans-serif; color:#999 }
#Content3Wide .contentblock.left .twitter_link { color:#a77a7a }
#Content3Wide .contentblock.left .twitter_link:hover { color:#ff6000 }
#Content3Wide .contentblock.center { width:321px; background:url(/images/dots_contenthome_center.gif) repeat-y; margin:11px -1px 0 -1px }
#Content3Wide .contentblock.center p a { display:block; font:1.5em Georgia, "Times New Roman", Times, serif; color:#6d2222; padding:2px 0 8px }
#Content3Wide .contentblock.center p a:hover { color:#ff6000 }
#Content3Wide .contentblock.right { background:url(/images/dots_repeat_y.gif) repeat-y }
#Content3Wide .contentblock.right ul { line-height:1.333em; padding:0 10px 1px 20px; margin:-3px 0 1px }
#Content3Wide .contentblock.right ul a { float:left; clear:both; font:1.083em Georgia, "Times New Roman", Times, serif; margin-bottom:5px }
#Content3Wide .contentblock.right ul li { padding-bottom:18px }
#Content3Wide .contentblock .more { position:relative; font-size:13px; color:#9a6666; margin:0 0 0 23px }
#Content3Wide .contentblock.left .more { margin-left:27px }
#Content3Wide .contentblock .more:hover { color:#ff6000; text-decoration:none }

#Content3Wide .contentblock.portfolio-item-photos { width:640px; border:0 none; margin-top:7px }
#Content3Wide .contentblock.portfolio-item-photos .main-photo { width:440px; height:277px; background:url(/images/bkg-computer_large.gif) no-repeat; padding:30px 96px 63px 104px }
#Content3Wide .contentblock.portfolio-item-photos .main-photo img { width:440px; height:277px }
#Content3Wide .contentblock.portfolio-item-photos .thumbnails { text-align:center; padding:12px 0 0 }
#Content3Wide .contentblock.portfolio-item-photos .thumbnails img { width:61px; height:38px; border:1px solid #c7c7c7; margin:0 3px }
#Content3Wide .contentblock.portfolio-item-photos .thumbnails a:hover img { border-color:#ff6000 }

#Content3Wide .contentblock.portfolio-item-info { padding-top:0px }
#Content3Wide .contentblock.portfolio-item-info h1 { font-size:1.833em; padding:0 0 22px 18px }
#Content3Wide .contentblock.portfolio-item-info h2 { font-size:2.5em; padding:0 0 28px 18px }
#Content3Wide .contentblock.portfolio-item-info p { padding:0 18px }

.height-hold { float:left; min-height:269px; height:auto !important; height:269px }

body#Home #Content3Wide { padding-bottom:11px }
body#Home #Content3Wide .contentblock h4 { padding:4px 0 0 19px; margin:0 0 16px }
body#Home #Content3Wide .contentblock.left p { padding-left:14px }
body#Home #Content3Wide .contentblock.left h4 { padding-left:14px }
body#Home #Content3Wide .contentblock p, body#Home #Content3Wide .contentblock.right ul { min-height:150px; height:auto !important; height:150px; padding:0 10px 0 18px }
body#Home #Content3Wide .contentblock.center p { margin-bottom:-2px }
body#Home #Content3Wide .contentblock .more { margin:0 0 0 18px }

/* - COLUMNS FOR CONTENT
=========================================================================*/
#TwoColumn-left #ColumnLeft, #ThreeColumn #ColumnLeft { float:left; width:242px; min-height:350px; height:auto !important; height:350px }
#TwoColumn-left #ColumnMain, #ThreeColumn #ColumnMain { float:left; width:718px }
#TwoColumn-left #ColumnMain h2 { padding-right:80px }

#ThreeColumn #ColumnMain { width:458px }
#ThreeColumn #ColumnMain p { padding:0 0 18px }
#ThreeColumn #ColumnRight { float:left; width:260px; padding:5px 0 0 }

#OneColumn #ColumnMain { width:960px; margin:0 auto }

/* - VARIOUS CALL TO ACTIONS
=========================================================================*/
.cta-gray, .cta-newsletter { font-size:12px; font-weight:normal; color:#570000; /*background:#f5f6f6; border:1px solid #e4e4e4;*/ padding:11px 0 11px 18px; margin-left:3px }
.cta-newsletter { background:none }
* html .cta-gray, * html .cta-newsletter { padding:11px 0 11px 18px }
.cta-gray h4, .cta-newsletter h4 { font-family:Arial, Helvetica, sans-serif; line-height:1em; padding-bottom:5px }
.cta-gray .red-link, .cta-newsletter .red-link { display:block; width:45px; font:bold .917em Helvetica, Arial, sans-serif; color:#fff; background:#c50008; text-transform:lowercase; padding:3px 14px; margin:16px 0 0 }
.cta-gray .red-link:hover, .cta-newsletter .red-link:hover { color:#fff; background:#ff6000; text-decoration:none }
#ColumnLeft .cta-gray { margin-right:39px }
#FeaturedClients .additional-info .cta-gray { margin-right:21px; margin-left:0 }
#FeaturedClients .additional-info .cta-gray h4 { padding-left:0 }

/* - SIDEBAR
=========================================================================*/
.sidebar-box { border-top:1px solid #d9d9d9; margin:0 15px 27px 41px }
.sidebar-box h4 { padding:13px 0 6px 17px }
.sidebar-box ul { font-family:Georgia, "Times New Roman", Times, serif; padding:0 10px 0 17px }
.sidebar-box li { padding:0 0 15px }
	/* related services list */
	.sidebar-box ul.related-services { font-family:Arial, Helvetica, sans-serif }
	.sidebar-box ul.related-services a { color:#a77a7a }
	.sidebar-box ul.related-services a:hover { color:#ff6000 }
	.sidebar-box ul.related-services li { padding:0 0 5px }
	
.sidebar-box .content { padding:0 0 0 17px }
.sidebar-box .map-link span { line-height:normal; border-bottom:1px dotted #aaa }
.sidebar-box .map-link:hover span { border-color:#ff6000 }

/* - OVERVIEW PAGES
=========================================================================*/
#OverviewWrap { float:left; clear:both }
#OverviewWrap .block { float:left; width:344px; margin:39px 0 9px }
#OverviewWrap .block p { padding:10px 60px 0 0 }

/* - RELATED WORK
=========================================================================*/
.related-small_link { display:block; cursor:pointer; position:relative; z-index:100 }
.related-small_link img { width:128px; height:81px; background:url(/images/bkg-computer_small.gif) no-repeat; padding:9px 29px 16px 30px }

/* - PORTFOLIO
=========================================================================*/
#FeaturedClients { float:left; clear:both; width:100%; margin:11px 0 }
#FeaturedClients h4 { padding-left:15px }
#FeaturedClients .fc-block { float:left; width:225px; min-height:180px; height:auto !important; height:180px; font-size:13px; padding:0 0 48px 15px }
#FeaturedClients ul.fc-block { min-height:180px; height:auto !important; height:180px; color:#8d8d8d; padding-top:17px }
#FeaturedClients ul.fc-block li { padding-bottom:3px }
#FeaturedClients ul.fc-block li.column1 { padding-left:0px }
#FeaturedClients ul.fc-block li.column2 { padding-left:200px }
#FeaturedClients ul.fc-block li.column3 { padding-left:400px }
#FeaturedClients .fc-block.additional-info { position:relative; background:url(/images/dots_repeat_y.gif) repeat-y; margin:-30px 0 0; padding-bottom:24px }
#FeaturedClients span.border-right-wrap { float:left; background:url(/images/dots_repeat_y.gif) 100% 0 repeat-y; margin:0 -1px 0 0 }
#FeaturedClients .fc-block.additional-info .address { font-size:12px; padding:27px 0 0 15px }
#FeaturedClients .fc-block.additional-info .address a { font-size:13px }

.specifications { padding:27px 0 0 31px }
.specifications li { list-style:disc; color:#ccc; padding:0 0 15px }
.specifications span { display:block; font-size:14px; color:#c50008 }

.portfolio-item-attachments { padding:5px 0 0 18px }
.portfolio-item-attachments a {  }
.portfolio-item-attachments a.pdf { background:url(/images/icons/icon-pdf.gif) 100% -1px no-repeat;  padding-right:22px }
.portfolio-item-attachments a:hover {  }

/* - ARTICLES
=========================================================================*/
.article-attachments a { color:#c50008 }
.article-attachments a.pdf { color:#a77a7a; background:url(/images/icons/icon-pdf.gif) 0 0 no-repeat; padding:0 0 0 22px }
.article-attachments a:hover, .article-attachments a.pdf:hover { color:#ff6000 }

.whatsnew_item { border-bottom:1px solid #e5e5e5; padding:0 0 20px 5px; margin:0 0 20px }
.whatsnew_item h2 a { font:18px Georgia, "Times New Roman", Times, serif }
#ThreeColumn #ColumnMain .whatsnew_item p { padding:0 }
.whatsnew_postdate { font-size:11px; color:#b1b1b1 }

/* - FLOATING DIV
=========================================================================*/
#draggable { width:204px; font:13px Tahoma, Arial, Helvetica, sans-serif; color:#fff; background:#570000; padding:12px 30px 23px 16px }
#draggable .close_link { position:relative; float:right; width:12px; height:13px; color:#bc9999; border:1px solid #8a4d4d; text-align:center; line-height:10px; padding-right:1px; margin:-5px -23px 0 0 }
#draggable .close_link:hover { color:#fff; border-color:#fff }
#draggable .breadcrumb { font-size:12px; color:#a06f6f }
#draggable .breadcrumb a { color:#a06f6f }
#draggable .breadcrumb a:hover { color:#fff }
#draggable .title { font:27px Georgia, "Times New Roman", Times, serif; color:#b90006; padding:10px 0 14px }
#draggable .content { padding:0 0 30px }
#draggable .title_sub { font:19px Georgia, "Times New Roman", Times, serif; color:#b90006; padding:0 0 11px }
#draggable .contact_link { display:block; width:82px; height:19px; font-size:13px; background:#b90006; color:#fff; text-align:center; padding:2px 0 0 }
#draggable .contact_link:hover { background:#dc0007 }

/* - CONTACT
=========================================================================*/
#ContactForm, #frmContact { float:left; width:100% }
#ColumnMain #ContactForm { padding:0 }
#ColumnMain #ContactForm li { list-style:none }
#ColumnMain #ContactForm li { float:left; clear:both; width:90%; min-height:23px; height:auto !important; height:23px; padding:0 0 10px }
#ContactForm .spaceleft { position:relative; padding-left:100px }
#ContactForm li.fields { font:14px Arial, Helvetica, sans-serif; color:#c10007 }
#ContactForm label { float:left; width:85px; font:14px Arial, Helvetica, sans-serif; color:#727272; text-align:right; padding:3px 15px 0 0 }
#ContactForm label.step2-label { width:auto; text-align:left }
#ContactForm .required label { color:#c10007 }
#ContactForm input, #ContactForm textarea, #ContactForm textarea.slimmer { float:left; width:304px; font:bold 13px Arial, Helvetica, sans-serif; border:1px solid #c7c7c7; padding:2px; margin:0 }
#ContactForm textarea.slimmer { width:450px; height:80px; font:12px Arial, Helvetica, sans-serif }
#ContactForm textarea { height:150px; font-weight:normal }
#ContactForm .error input, #ContactForm .error-general input { width:302px; border:2px solid #c10007; background:#FEEAE5 url(/images/icons/icon-error.gif) 290px 50% no-repeat }

#ContactForm .error-input { width:302px; border:2px solid #c10007; background:#FEEAE5 url(/images/icons/icon-error.gif) 290px 50% no-repeat; margin:-2px 0 }
#ContactForm .error-general-input { width:302px; border:2px solid #c10007; background:#FEEAE5 url(/images/icons/icon-error.gif) 290px 50% no-repeat }
#ContactForm .spaceleft.error, #ContactForm .spaceleft.error-general { font-weight:bold; color:#c10007; padding-bottom:0; margin:-10px 0 0 }

#ContactForm .error-general input, .error-general-input { border-color:#D69320; background:#FBF2E0 url(/images/icons/icon-error_yellow.gif) 287px 50% no-repeat }
#ContactForm .spaceleft.error-general { color:#D69320 }

#ContactForm .submit, #ContactForm .otherbutton { float:left; width:auto; font:bold 11px Helvetica, Arial, sans-serif; color:#fff; border:0 none; background:#c50008; text-transform:lowercase; text-align:center; padding:3px 14px; margin:7px 9px 0 0 }
#ContactForm .otherbutton { width:197px; background:#8c8c8c; padding:3px 14px }
#ContactForm .submit:hover, #ContactForm .otherbutton:hover { cursor:pointer; color:#fff; background:#ff6000; text-decoration:none }
#ContactForm .otherbutton:hover { background:#4c4c4c }

/* side slide out contact */
* html #sidecontact { position:absolute }
#sidecontact { display:none; position:fixed; top:107px; left:0; width:338px; height:543px; background:url(/images/bkg-side_contact.gif) 0 0 no-repeat; margin:0 0 0 -306px; z-index:1000 }
#sidecontact img { position:absolute; right:0; top:0 }
#sidecontact img:hover { cursor:pointer }
#sidecontact ul { float:left; width:280px; padding:26px 0 0 26px }
#sidecontact li { float:left; clear:both; width:280px }
#sidecontact label { float:left; clear:both; width:280px; color:#f1cccd; font-family: Tahoma, Arial, Helvetica, sans-serif; padding:8px 0 1px }
#sidecontact input, #sidecontact textarea { float:left; width:196px; font:12px Arial, Helvetica, sans-serif; border:1px solid #951013; padding:2px; margin:0 }
#sidecontact input.hidden { display:none; }
#sidecontact textarea { height:114px; width:242px }
#sidecontact .submit { cursor:pointer; width:auto; width:75px; font-size:14px; font-weight:bold; color:#fff; background:#6d2222; border:1px solid #c73237; text-transform:lowercase; padding:4px 0; margin:11px 0 0 }
#sidecontact .ty { width: 250px; color:#f1cccd; font: 18px Tahoma, Arial, Helvetica, sans-serif; padding:25px }
#sidecontact .error-input { background:#FFE303; }
#sidecontact li#ferror {color: #FFE303; }
/* - OUR PEOPLE
=========================================================================*/
#StaffPersonal { }
/*
#StaffPersonal .morework { float:left; clear:both; font-size:1.083em; color:#9a6666; padding:0 0 0 12px; margin:18px 21px 0 0 }
#StaffPersonal .morework:hover { color:#ff6000; text-decoration:none }
*/
#StaffPersonal .back-link { position:relative; padding:20px 0 0 18px }
#FeaturedWork.staffpage .back-link { position:relative; padding:20px 0 0 12px }
#StaffPersonal #PageTitles { width:100% }
#StaffPersonal #PageTitles h1 { font-size:40px; color:#c10007; padding-top:18px; padding-left:12px }

#StaffPersonal #StaffPhotoVideo { float:left; display:inline; background:#000; width:593px; min-height:371px; height:auto !important; height:371px; margin:0 0 0 12px } /* change height back to 322 after madmen pictures */
#StaffPersonal .staff_bio { float:left; clear:left; width:527px; padding:27px 50px 0 28px }
#StaffPersonal .staff_titles { display:block; clear:both; height:33px; font:16px Arial, Helvetica, sans-serif; color:#c50008 }
#StaffPersonal .staff_contact { float:right; width:315px; padding-left:3px }
#StaffPersonal .staff_contact ul { list-style:disc; color:#ccc; padding:0 0 15px }
#StaffPersonal .staff_contact ul li { font-size:14px; color:#6d2222; padding:0 30px 15px 0 }
#StaffPersonal .staff_socialmedia { float:left; padding:0 85px 27px 0 }
.social { float:left; display:inline; width:32px; height:32px; text-indent:-10000px; background:url(/images/icons/social_icons.jpg); margin:0 12px 8px -4px }
.social.delicious { background-position:0 0 }
.social.delicious:hover { background-position:0 -32px }
.social.twitter { background-position:-32px 0 }
.social.twitter:hover { background-position:-32px -32px }
.social.facebook { background-position:-64px 0 }
.social.facebook:hover { background-position:-64px -32px }
.social.linkedin { background-position:-96px 0 }
.social.linkedin:hover { background-position:-96px -32px }
.social.google { background-position:-128px 0 }
.social.google:hover { background-position:-128px -32px }
.social.lastfm { background-position:-160px 0 }
.social.lastfm:hover { background-position:-160px -32px }
.social.friendfeed { background-position:-192px 0 }
.social.friendfeed:hover { background-position:-192px -32px }
.social.flickr { background-position:-224px 0 }
.social.flickr:hover { background-position:-224px -32px }
.social.slacker { background-position:-256px 0 }
.social.slacker:hover { background-position:-256px -32px }

/* - PAGING
=========================================================================*/
.paging { float:left; clear:both; border-top:1px solid #e5e5e5; font-size:11px; color:#636466; padding:3px 8px; margin:20px 0 0 }
.paging.noborder { border:0 none; margin:0 }
.paging .paging_pagelinks { float:right }
.paging .page_numbers { float:left; width:260px; text-align:center; padding:0 0 0 25px }
#ColumnMain .paging .paging_pagelinks ul, #ColumnMain .paging .paging_pagelinks li { float:left; list-style:none; padding:0; margin:0 }
.paging .paging_pagelinks a { padding:0 4px; margin:0 3px }
.paging .paging_pagelinks a.active-page, .paging .paging_pagelinks a.active-page:visited { font-weight:bold; color:#c50008 }
.paging .paging_pagelinks a:visited { color:#919191 }

/* - RELATED ARTICLES FOOTER
=========================================================================*/
#RelatedFooter { float:right; border-top:1px solid #d9d9d9; width:723px; padding:10px 0 0 15px; margin:75px 0 0 -20px }
#RelatedFooter ul { font-family:Georgia, "Times New Roman", Times, serif }
#RelatedFooter li { padding:6px 0 3px }
#RelatedFooter .cta-newsletter { float:right; width:212px; border:0 none; padding-left:0; padding-top:3px }
#RelatedFooter .cta-newsletter a.red-link { float:left; clear:both; text-transform:lowercase; margin:7px 0 0 }
#RelatedFooter .cta-newsletter input.text { float:left; width:157px; font:bold 1em Arial, Helvetica, sans-serif; color:#7f7f7f; border:1px solid #d9d9d9; padding:3px 9px; margin:7px 0 5px }

/* - CONTENT FOOTER
=========================================================================*/
#ContentFooter { float:left; clear:both; width:100%; min-height:181px; height:auto !important; height:181px; color:#999 }
#ContentFooter h4 { color:#7f7f7f; padding:22px 0 5px 17px }
#ContentFooter .more { font-size:1.083em; color:#a77a7a; margin:0 0 0 17px }
#ContentFooter .more:hover { color:#ff6000; text-decoration:none }
#ContentFooter .content-footer-left, #ContentFooter .content-footer-right { float:left; width:50% }
#ContentFooter .content-footer-left p { line-height:1.333em; padding:0 20px 13px 17px }
#ContentFooter .content-footer-right ul { float:left; width:33%; color:#ccc }
#ContentFooter .content-footer-right ul.last { width:38% }
#ContentFooter .content-footer-right ul.last li { padding-left:12px }
#ContentFooter .content-footer-right ul li { font-size:.833em; padding:0 0 3px 16px }
#ContentFooter .content-footer-right a { font-size:1.2em; color:#a77a7a; text-transform:lowercase }
#ContentFooter .content-footer-right a:hover { color:#ff6000; text-decoration:none }

li.sitemap_column_one, li.sitemap_column_two, li.sitemap_column_three, li.sitemap_column_four { display:none }

/* - GLOBAL FOOTER
=========================================================================*/
body#OurWork #GlobalFooter { margin-top:40px }

#GlobalFooter { float:right; clear:both; width:100%; height:82px; border-top:1px solid #d9d9d9; padding:18px 0 0; margin:80px 0 0 }
body#Home #GlobalFooter { margin:0 }
#GlobalFooter .copyright { float:right; color:#c5a7a7; padding:0 19px 0 0 }
#GlobalFooter ul { float:left }
#GlobalFooter li { float:left; display:inline; padding:0 0 0 16px }
#GlobalFooter a { font-size:.917em; color:#6d2222 }
#GlobalFooter a:hover { color:#ff6000 }