﻿html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {  margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {    display:block}
nav ul { list-style:none}
blockquote, q { quotes:none}
blockquote:before, blockquote:after,
q:before, q:after { content:'';content:none}
a { margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins { background-color:#ff9;color:#000;text-decoration:none}
mark { background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del { text-decoration: line-through}
abbr[title], dfn[title] { border-bottom:1px dotted;cursor:help}
table { border-collapse:collapse;border-spacing:0}
hr { display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input, select { vertical-align:middle}


*{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;border-width:0}
td{vertical-align:top}
caption,th,td{text-align:left;font-weight:400}
body{font-family:Trebuchet MS,Helvetica,sans-serif;color:#fff;font-size:12px}
h2{font-size:4.9em;text-transform:uppercase;line-height:1em}
h3{font-size:1.4em;text-transform:uppercase;line-height:1em;color:#d6050c}
h4{font-size:1.3em;text-transform:uppercase;font-weight:700;color:#d6050c;margin-top:20px}
a{text-decoration:none;color:#fff}
p{margin-top:6px;font-size:1.1em;color:#dbdbdb}
p.headline{font-size:2.7em;vertical-align:top;line-height:0.9em;margin:0 0 15px}
p a{color:#dbdbdb}
ul.square{margin-top:6px}
ul.square li{list-style:square url(images/gra_bulletpoint.gif);margin-left:25px}
label{font-size:1.2em;font-weight:700;margin:0;padding:0}
input,select,textarea{width:100%;border:inset 1px #999;font-size:1.4em;line-height:1.45em;margin-top:4px}
textarea{height:120px}
img.ajax-loader{display:none;position:relative;left:208px}
input.submit{display:inline-block;background:url(images/but_submit_norm.gif) no-repeat;color:#fff;width:142px;height:32px;line-height:32px;cursor:pointer;border:none;position:relative;left:95px}
input[type=submit]:hover{background:url(images/but_submit_hover.gif) no-repeat}
.validation-summary-errors,.field-validation-error{color:red}
div.validation-summary-container{display:none;border:dashed 1px #FFF;margin:4px 0;padding:4px;font-size:larger}
div.validation-summary-container span{color:#fff;font-weight:300 }
ul.validation-summary-errors li{list-style:decimal inside}

div#twitter div div.twitter_text span{color:#d7050c}
div#twitter div div.twitter_text span a{color:#d7050c;text-decoration:underline}
article div ul#sub_navigation li a{font-size:1.25em;text-transform:uppercase;text-decoration:none;font-weight:700}
article div ul#sub_navigation li a.active:hover{color:#fff}
article div ul#sub_navigation li ul#filter_navigation li a{font-size:1.05em;font-weight:700;text-transform:none}
footer #footernavigation{text-transform:uppercase;font-size:11px;font-weight:700}
h4.first_child,div p:first-child{margin:0}
a:hover,header nav ul li a.active,header nav ul li a:hover,article div ul#sub_navigation li a:hover,article div ul#sub_navigation li ul#filter_navigation li a.active,article div#our_work ul li div.title span,article div#our_work ul li div.bottom a:hover,article div#case_studies div.title span,article div#case_studies div.bottom a:hover{color:#CC050A}
article div#our_work ul li div.title,article div#case_studies div.title{font-size:14px;text-transform:uppercase}
article div#our_work ul li div.bottom a,article div#case_studies div.bottom a{font-size:12px;text-transform:uppercase;color:#dbdbdb;font-weight:700}
article div#what_we_do div div h3,footer #footernavigation a{text-transform:uppercase}


body{background-color:#A40207;background-repeat:no-repeat;background-position:top center}
div#mesh{background:transparent url(images/tile_bg_mesh.gif) repeat;width:100%;height:100%}
div#wrapper{width:980px;margin:0 auto}
header{background:transparent url(images/tile_masthead_bg_90.png) repeat;height:100px;position:relative}
header h1 a{position:absolute;left:0;top:23px;background:url(images/gra_redbox_logo.gif) no-repeat;width:217px;height:54px;display:block;text-indent:-9999px}
header h1 a.Health{background:url(images/gra_redbox_health_logo.gif) no-repeat}
header h1 a.Retail{background:url(images/gra_redbox_retail_logo.gif) no-repeat}
header img{position:absolute;left:220px;top:23px;height:62px}
header nav ul{position:absolute;right:0}
header nav ul li{float:left;margin-right:1.5em;line-height:100px}
header nav ul li a{font-size:1.3em;text-transform:uppercase;font-weight:700;text-decoration:none}
div#twitter{margin-top:13px;position:relative;display:none}
div#twitter >div{position:absolute;right:0}
div#twitter >div >div.twitter_left{float:left;background:url(images/gra_tweetbanner_end_90.png) no-repeat;width:36px;height:36px;position:relative;left:0;top:0}
div#twitter >div >div.twitter_text{position:static;float:left;background:url(images/gra_tweetbanner_90.png) repeat-x;height:30px;line-height:30px}
div#twitter >div >div.twitter_text >a{margin-left:4px}
div#twitter >div >div.twitter_right{float:left;background:url(images/gra_twitterbird.png) no-repeat right;width:40px;height:57px;position:relative;left:0;top:-18px}
div#twitter >div >div.twitter_right:hover{background:url(images/gra_twitterbird_hover.png) no-repeat right}
div#twitter >div >div.twitter_right >a{display:block;width:40px;height:57px}
article{background:transparent url(images/tile_page_bg.png) repeat;position:relative;margin-top:55px;overflow:hidden;padding:20px 0 50px 20px}
article h2{height:124px;line-height:100px}
article div#bubble{position:absolute;top:0;right:0;width:211px;height:124px}
article div#bubble.home{background:url(images/quotes/RB_00_homepage_quote_03.png) no-repeat}
article div#bubble.about_us{background:url(images/quotes/RB_01_about-us_quote_03.png) no-repeat}
article div#bubble.clients{background:url(images/quotes/RB_03_clients_quote_03.png) no-repeat}
article div#bubble.contact_us{background:url(images/quotes/RB_05_contact-us_quote_03.png) no-repeat}
article div#bubble.our_work{background:url(images/quotes/RB_04_our_work_quote_03.png) no-repeat}
article div#bubble.case_studies{background:url(images/quotes/RB_04.case_study_quote_03.png) no-repeat}
article div#bubble.what_we_do{background:url(images/quotes/RB_02_what_we_do_quote_03.png) no-repeat}
article div ul#sub_navigation{float:left;position:relative;left:-20px;margin-right:20px}
article div ul#sub_navigation li{margin-bottom:15px;width:140px}
article div ul#sub_navigation li.jobs{margin-top:50px}
article div ul#sub_navigation li a{display:block;height:100%;width:100%;padding-left:20px;line-height:15px}
article div ul#sub_navigation li a.active{background:#B30305 url(images/gra_subnav_bg.gif) repeat-x;padding-top:6px;padding-bottom:6px}
article div ul#sub_navigation li ul#filter_navigation li{margin-bottom:5px;width:auto}
article div ul#sub_navigation li ul#filter_navigation li a{padding-left:0;width:100%;height:100%;display:block}
article div ul#sub_navigation li ul#filter_navigation li a.active{color:#CC050A;background:none;padding-top:0;padding-bottom:0}
article div#home{position:relative;height:480px;width:940px;overflow:hidden}
article div#home div#items{width:20000em;position:absolute}
article div#home div#items div.item{float:left;position:relative;width:1100px}
article div#home div#items div.item div{width:940px;height:50px;background:url(images/tile_nameplinth.png) repeat-x left bottom;text-transform:uppercase;font-size:20px;line-height:53px;margin-top:-5px;padding:0 15px}
article div#home div#items div.item div span{color:#CC050A}
article div#home div#navi{position:absolute;right:15px;bottom:0;height:50px;line-height:50px;font-size:20px;white-space:nowrap}
article div#home div#navi span{float:left}
article div#home div#navi a{width:20px;height:20px;float:left;margin-left:9px;display:block;cursor:pointer;position:relative;top:15px}
article div#home div#navi a.prevPage{background:url(images/but_arrow_left.gif) no-repeat}
article div#home div#navi a:hover.prevPage{background:url(images/but_arrow_left_hover.gif) no-repeat}
article div#home div#navi a.nextPage{background:url(images/but_arrow_right.gif) no-repeat}
article div#home div#navi a:hover.nextPage{background:url(images/but_arrow_right_hover.gif) no-repeat}
article div#home a#view_our_work{position:absolute;right:20px;bottom:70px;width:176px;height:32px;display:block;cursor:pointer;background:url(images/but_homehero_norm.gif) no-repeat;line-height:32px;font-size:1.3em;text-align:center;text-transform:capitalize;font-weight:700}
article div#home a#view_our_work:hover{background:url(images/but_homehero_hover.gif) no-repeat}
article div#about_us{float:left}
article div#about_us div{float:left;width:380px}
article div#about_us div img{margin-bottom:20px}
article div#about_us div#text{margin-left:20px}
article div#clients ul li{float:left;display:block;margin:0 20px 20px 0}
article div#clients ul li img{width:220px;height:165px}
article div#our_work{float:left;width:800px}
article div#our_work ul li{float:left;display:block;width:380px;height:440px;position:relative;margin:0 20px 50px 0}
article div#our_work ul li img{width:380px;height:250px}
article div#our_work ul li div.title{line-height:25px;padding-bottom:6px;background:url(images/tile_nameplinth.png) repeat-x left bottom}
article div#our_work ul li div.bottom{position:absolute;bottom:0;width:100%;height:1em}
article div#our_work ul li div.bottom a{position:relative}
article div#our_work ul li div.bottom a.launch{right:0;position:absolute}
article div#case_studies{float:left;width:800px}
article div#case_studies img{width:780px;height:300px}
article div#case_studies div.title{width:auto;margin-right:20px;line-height:25px;padding-bottom:6px;background:url(images/tile_nameplinth.png) repeat-x left bottom}
article div#case_studies div#study{width:480px}
article div#case_studies div#study div.bottom{padding-top:15px}
article div#what_we_do{float:left;width:800px}
article div#what_we_do div{float:left;margin-bottom:50px}
article div#what_we_do div img{float:left;width:380px;height:285px}
article div#what_we_do div div{width:380px;margin-bottom:0;margin-left:20px;float:left}
article div#what_we_do div div h3{width:380px;height:30px;background:url(images/tile_nameplinth.png) repeat-x left bottom;margin-bottom:10px}
article div#static{float:left;width:480px}
article div#contact_us div div{float:none}
article div#contact_us,article div#contact_us div{float:left}
article div#contact_us div#middle{width:480px;margin-left:30px;background-color:transparent}
article div#contact_us div#middle .we-are-here{display:none}
article div#contact_us div#middle div#map_canvas{float:none;width:480px;height:480px;margin-top:10px}
article div#contact_us div#right{margin-left:50px;width:220px}
article div#contact_us div#right img{margin-top:10px}
article div#contact_us p.phone{font-size:4em;line-height:0.7em}
article div#contact_us p.email{font-size:1.6em}
article div#contact_us div#middle form table{width:100%;margin-top:5px}
article div#contact_us div#middle form table tr td{line-height:1.4em;width:50%;padding:10px 0 0 7px}
article div#contact_us div#middle form table tr td:first-child{padding:10px 0 0}
div#contact_us_thank_you_message{float:none;display:none;z-index:10000;background:url(images/thank_you_card.png) no-repeat;width:502px;height:228px;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow:0 0 90px #000;position:relative}
div#contact_us_thank_you_message a.close{display:block;position:absolute;left:462px;top:8px;width:28px;height:28px}
footer{background:transparent url(images/tile_footer_bg_90.png) repeat;height:55px;margin-top:50px;position:relative}
footer div#redbox{position:absolute;right:0;top:11px;width:178px;height:29px}
footer div#redbox a#redbox_logo{background:url(images/redbox_footer.png) no-repeat;width:148px;height:29px;display:block;text-indent:-9999px}
footer div#redbox a#redbox_toggle{background:url(images/but_toggle_up.png) no-repeat;display:block;position:absolute;right:0;top:6px;width:30px;height:20px;z-index:200;text-indent:-9999px}
footer div#redbox.active a#redbox_toggle{background:url(images/but_toggle_down.png) no-repeat}
footer #footernavigation{position:absolute;top:21px;left:20px}
footer #footernavigation a{margin-left:15px}

div#redbox_selector_menu{display:none;width:193px;height:122px;background:transparent url(images/tile_masthead_bg_90.png) repeat;position:absolute;z-index:100;left:796px;bottom:7px}
div#redbox_selector_menu ul li{margin-bottom:1px;display:block}
div#redbox_selector_menu ul li a{height:40px;width:193px;display:block;text-indent:-9999px}
div#redbox_selector_menu ul li a.redbox_selector_menu_retail{background:url(images/gra_toggle_retail_norm.gif) no-repeat}
div#redbox_selector_menu ul li a.redbox_selector_menu_retail:hover{background:url(images/gra_toggle_retail_hover.gif) no-repeat}
div#redbox_selector_menu ul li a.redbox_selector_menu_health{background:url(images/gra_toggle_health_norm.gif) no-repeat}
div#redbox_selector_menu ul li a.redbox_selector_menu_health:hover{background:url(images/gra_toggle_health_hover.gif) no-repeat}
div#redbox_selector_menu ul li a.redbox_selector_menu_digital{background:url(images/gra_toggle_dig_norm.gif) no-repeat}
div#redbox_selector_menu ul li a.redbox_selector_menu_digital:hover{background:url(images/gra_toggle_dig_hover.gif) no-repeat}

.ie6 body{text-align:center}
.ie6 div#wrapper{text-align:left;margin:0 auto}
.ie6 div#twitter div{position:absolute;right:0}
.ie6 div#twitter div div.twitter_left{float:left;background:url(images/gra_tweetbanner_end_90.png) no-repeat;width:36px;height:36px;position:relative;left:0;top:0}
.ie6 div#twitter div div.twitter_text{position:static;float:left;background:url(images/gra_tweetbanner_90.png) repeat-x;height:30px;line-height:28px}
.ie6 div#twitter div div.twitter_text span{color:#d7050c}
.ie6 div#twitter div div.twitter_text a{margin-left:4px}
.ie6 div#twitter div div.twitter_right{float:left;position:relative;left:0;top:-18px}
.ie6 div#twitter div div.twitter_right a{display:block;background:url(images/gra_twitterbird.png) no-repeat right;width:40px;height:57px}
.ie6 div#twitter div div.twitter_right a:hover{background:url(images/gra_twitterbird_hover.png) no-repeat right}
.ie6 article{height:1%;width:980px;overflow:hidden}
.ie6 article div ul#sub_navigation{margin-right:0;width:auto}
.ie6 article div ul#sub_navigation li a{width:160px}
.ie6 article div#about_us{margin-left:0;position:relative}
.ie6 article div#what_we_do div{margin-left:0;width:auto}
.ie6 article div#what_we_do div div{margin-left:5px;width:auto}
.ie6 article div#clients{margin:0;padding:0}
.ie6 article div#clients ul li{margin:0 20px 20px 0}
.ie6 article div#our_work ul li{margin-right:10px}
.ie6 article div#our_work ul li div{margin:0}
.ie6 article div#contact_us div{float:none;clear:both;width:auto;margin:0 0 10px;padding:0}
.ie6 article div#contact_us div#right{left:-40px;position:relative;height:360px}
.ie6 article div#contact_us div div{clear:none}
.ie6 article div#contact_us div#right div{position:absolute;width:240px}
.ie6 article div#contact_us div#right div#location{margin-top:20px}
.ie6 article div#contact_us div#right div#travel{left:240px}
.ie6 div#twitter div div.twitter_text span a,.ie6 article div#what_we_do div img{margin-left:0}
.ie6 article div#what_we_do,.ie6 article div#our_work{margin-left:0;width:auto;position:relative}
