﻿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}
div#top{background:transparent url(images/tile_masthead_bg_90.png) repeat;height:100px;position:relative}
div#top 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}
div#top h1 a.Health{background:url(images/gra_redbox_health_logo.gif) no-repeat}
div#top h1 a.Retail{background:url(images/gra_redbox_retail_logo.gif) no-repeat}
div#top ul#navigation{position:absolute;right:0}
div#top ul#navigation li{float:left;margin-right:1.5em;line-height:100px}
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}
div#main{background:transparent url(images/tile_page_bg.png) repeat;position:relative;margin-top:55px;overflow:hidden;padding:20px 0 50px 20px}
div#main h2{height:124px;line-height:100px}
div#main div#bubble{position:absolute;top:0;right:0;width:211px;height:124px;background:url(images/quotes/RB_00_homepage_quote_03.png) no-repeat}
div#main div#bubble.about_us{background:url(images/quotes/RB_01_about-us_quote_03.png) no-repeat}
div#main div#bubble.clients{background:url(images/quotes/RB_03_clients_quote_03.png) no-repeat}
div#main div#bubble.contact_us{background:url(images/quotes/RB_05_contact-us_quote_03.png) no-repeat}
div#main div#bubble.our_work{background:url(images/quotes/RB_04_our_work_quote_03.png) no-repeat}
div#main div#bubble.case_studies{background:url(images/quotes/RB_04.case_study_quote_03.png) no-repeat}
div#main div#bubble.what_we_do{background:url(images/quotes/RB_02_what_we_do_quote_03.png) no-repeat}
div#main div ul#sub_navigation{float:left;position:relative;left:-20px;margin-right:20px}
div#main div ul#sub_navigation li{margin-bottom:15px;width:140px}
div#main div ul#sub_navigation li a{display:block;height:100%;width:100%;padding-left:20px;line-height:15px}
div#main div ul#sub_navigation li a.active{background:#B30305 url(images/gra_subnav_bg.gif) repeat-x;padding-top:6px;padding-bottom:6px}
div#main div ul#sub_navigation li ul#filter_navigation li{margin-bottom:5px;width:auto}
div#main div ul#sub_navigation li ul#filter_navigation li a{padding-left:0;width:100%;height:100%;display:block}
div#main div ul#sub_navigation li ul#filter_navigation li a.active{color:#CC050A;background:none;padding-top:0;padding-bottom:0}
div#main div#about_us{float:left}
div#main div#about_us div{float:left;width:380px}
div#main div#about_us div img{margin-bottom:20px}
div#main div#about_us div#text{margin-left:20px}
div#main div#clients ul li{float:left;display:block;margin:0 20px 20px 0}
div#main div#clients ul li img{width:220px;height:165px}
div#main div#our_work{float:left;width:800px}
div#main div#our_work ul li{float:left;display:block;width:380px;height:440px;position:relative;margin:0 20px 50px 0}
div#main div#our_work ul li img{width:380px;height:250px}
div#main div#our_work ul li div.title{line-height:25px;padding-bottom:6px;background:url(images/tile_nameplinth.png) repeat-x left bottom}
div#main div#our_work ul li div.bottom{position:absolute;bottom:0;width:100%;height:1em}
div#main div#our_work ul li div.bottom a{position:relative}
div#main div#our_work ul li div.bottom a.launch{right:0;position:absolute}
div#main div#case_studies{float:left;width:800px}
div#main div#case_studies img{width:780px;height:300px}
div#main 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}
div#main div#case_studies div#study{width:480px}
div#main div#case_studies div#study div.bottom{padding-top:15px}
div#main div#what_we_do{float:left;width:800px}
div#main div#what_we_do div{float:left;margin-bottom:50px}
div#main div#what_we_do div img{float:left;width:380px;height:285px}
div#main div#what_we_do div div{width:380px;margin-bottom:0;margin-left:20px;float:left}
div#main div#what_we_do div div h3{width:380px;height:30px;background:url(images/tile_nameplinth.png) repeat-x left bottom;margin-bottom:10px}
div#main div#static{float:left;width:480px}
div#footer{background:transparent url(images/tile_footer_bg_90.png) repeat;height:55px;margin-top:50px;position:relative}
div#footer div#redbox{position:absolute;right:0;top:11px;width:178px;height:29px}
div#footer div#redbox a#redbox_logo{background:url(images/redbox_footer.png) no-repeat;width:148px;height:29px;display:block;text-indent:-9999px}
div#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}
div#footer div#redbox.active a#redbox_toggle{background:url(images/but_toggle_down.png) no-repeat}
div#footer div#footernavigation{position:absolute;top:21px;left:20px}
div#footer div#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}