body { background: #F2F5F8; font-family: Arial; font-size: 12px; }
#masterContainer { display: block; width: 960px; margin: 0px auto; }
a em { display: none; }

/* Navigation */
#nav { display: block; width: 766px; height: 64px; }
.aboutus { display: block; width: 127px; height: 64px; float: left; background: url(../images/main_nav.gif) 0px 0px; }
.development { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -127px 0px; }
.casestudies { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -253px 0px; }
.news { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -379px 0px; }
.contactus { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -505px 0px; }
.blog { display: block; width: 135px; height: 64px; float: left; background: url(../images/main_nav.gif) -631px 0px; }

.aboutus:hover { display: block; width: 127px; height: 64px; float: left; background: url(../images/main_nav.gif) 0px -64px; }
.development:hover { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -127px -64px; }
.casestudies:hover { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -253px -64px; }
.news:hover { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -379px -64px; }
.contactus:hover { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav.gif) -505px -64px; }
.blog:hover { display: block; width: 135px; height: 64px; float: left; background: url(../images/main_nav.gif) -631px -64px; }

.aboutus_selected { display: block; width: 127px; height: 64px; float: left; background: url(../images/main_nav_selected.gif) 0px 0px; }
.development_selected { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav_selected.gif) -127px 0px; }
.casestudies_selected { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav_selected.gif) -253px 0px; }
.news_selected { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav_selected.gif) -379px 0px; }
.contactus_selected { display: block; width: 126px; height: 64px; float: left; background: url(../images/main_nav_selected.gif) -505px 0px; }
.blog_selected { display: block; width: 135px; height: 64px; float: left; background: url(../images/main_nav_selected.gif) -631px 0px; }

#h_nav { display: block; width: 766px; height: 42px; }
#h_main { display: block; width: 960px; height: 507px; }
.h_aboutus { display: block; width: 127px; height: 42px; float: left; background: url(../images/home_menu.gif) 0px 0px; }
.h_development { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -127px 0px; }
.h_casestudies { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -253px 0px; }
.h_news { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -379px 0px; }
.h_contactus { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -505px 0px; }
.h_blog { display: block; width: 135px; height: 42px; float: left; background: url(../images/home_menu.gif) -631px 0px; }

.h_aboutus:hover { display: block; width: 127px; height: 42px; float: left; background: url(../images/home_menu.gif) 0px -42px; }
.h_development:hover { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -127px -42px; }
.h_casestudies:hover { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -253px -42px; }
.h_news:hover { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -379px -42px; }
.h_contactus:hover { display: block; width: 126px; height: 42px; float: left; background: url(../images/home_menu.gif) -505px -42px; }
.h_blog:hover { display: block; width: 135px; height: 42px; float: left; background: url(../images/home_menu.gif) -631px -42px; }

td.left_side { width: 14px; background: url(../images/left_rpt.jpg) repeat-y; }
td.right_side { width: 14px; background: url(../images/right_rpt.jpg) repeat-y; }
td.content { width: 932px; background: #ffffff; }

#footer { margin-top: 3px; font-weight: bold; text-align: right; margin-right: 105px;  }

td.inside_left_side { width: 10px; background: url(../images/right_box_leftside_rpt.jpg) repeat-y; }
td.inside_right_side { width: 8px; background: url(../images/right_box_rightside_rpt.jpg) repeat-y; }
td.inside_content { width: 532px; background: #ffffff; }

.rightredheader {color:#ed2227; font:arial; font-size:24px; line-height: 30px; font-weight:bold; border-bottom-style:solid; border-bottom-color:#a7a9ac; border-width:1px;}
.rightsubredheader {color:#ed2227; font:arial; font-size:12px; font-weight:bold;}
.leftpanelredheader {color:#ed2227; color:#ed2227; font:arial; font-size:12px; font-weight:bold; border-bottom-style:solid; border-bottom-color:#a7a9ac; border-width:1px; }
.leftsubgrayheader {color:#a7a9ac; font:arial; font-size:10px; font-weight:bold;}
.rightgraysubheader {color:#a7a9ac; font:arial; font-size:12px; font-weight:bold; line-height: 18px; }
.bodytext {color:#000000; font:arial; font-size:12px; line-height: 18px; }

a { color:#ed2227; font-weight:bold; }

.greytext { color: #a7a7a7; }
 
#dev_development { display: block; width: 76px; height: 76px; background: url(../images/development_options.jpg) 0px 0px; float: left;  }
#dev_design { display: block; width: 75px; height: 76px; background: url(../images/development_options.jpg) -76px 0px; float: left; }
#dev_build { display: block; width: 76px; height: 76px; background: url(../images/development_options.jpg) -151px 0px; float: left; }
#dev_finance { display: block; width: 76px; height: 75px; background: url(../images/development_options.jpg) 0px -76px; float: left; }
#dev_renovate { display: block; width: 75px; height: 75px; background: url(../images/development_options.jpg) -76px -76px; float: left; }
#dev_process { display: block; width: 76px; height: 75px; background: url(../images/development_options.jpg) -151px -76px; float: left; }

#dev_development:hover { background: url(../images/development_options.jpg) 0px -151px;  }
#dev_design:hover { background: url(../images/development_options.jpg) -76px -151px; }
#dev_build:hover { background: url(../images/development_options.jpg) -151px -151px; }
#dev_finance:hover { background: url(../images/development_options.jpg) 0px -227px; }
#dev_renovate:hover { background: url(../images/development_options.jpg) -76px -227px; }
#dev_process:hover { background: url(../images/development_options.jpg) -151px -227px; }

#dev_development_active { display: block; width: 76px; height: 76px; background: url(../images/development_options.jpg) 0px -151px; float: left;  }
#dev_design_active { display: block; width: 75px; height: 76px; background: url(../images/development_options.jpg) -76px -151px; float: left; }
#dev_build_active { display: block; width: 76px; height: 76px; background: url(../images/development_options.jpg) -151px -151px; float: left; }
#dev_finance_active { display: block; width: 76px; height: 75px; background: url(../images/development_options.jpg) 0px -227px; float: left; }
#dev_renovate_active { display: block; width: 75px; height: 75px; background: url(../images/development_options.jpg) -76px -227px; float: left; }
#dev_process_active { display: block; width: 76px; height: 75px; background: url(../images/development_options.jpg) -151px -227px; float: left; }

/* Case Studies Nav */
#cs_nav { display: block; width: 229px; height: 379px; }
#cs0 { display: block; width: 77px; height: 77px; background: url(../images/cs_nav.jpg) 0px 0px; float: left; }
#cs1 { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -77px 0px; float: left; }
#cs2 { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -153px 0px; float: left; }
#cs3 { display: block; width: 77px; height: 74px; background: url(../images/cs_nav.jpg) 0px -77px; float: left; }
#cs4 { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -77px -77px; float: left; }
#cs5 { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -153px -77px; float: left; }
#cs6 { display: block; width: 77px; height: 74px; background: url(../images/cs_nav.jpg) 0px -151px; float: left; }
#cs7 { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -77px -151px; float: left; }
#cs8 { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -153px -151px; float: left; }
#cs9 { display: block; width: 77px; height: 77px; background: url(../images/cs_nav.jpg) 0px -225px; float: left; }
#cs10 { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -77px -225px; float: left; }
#cs11 { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -153px -225px; float: left; }
#cs12 { display: block; width: 77px; height: 77px; background: url(../images/cs_nav.jpg) 0px -302px; float: left; }


#cs0:hover { background: url(../images/cs_nav.jpg) 0px -377px; }
#cs1:hover { background: url(../images/cs_nav.jpg) -77px -377px; }
#cs2:hover { background: url(../images/cs_nav.jpg) -153px -377px; }
#cs3:hover { background: url(../images/cs_nav.jpg) 0px -454px; }
#cs4:hover { background: url(../images/cs_nav.jpg) -77px -454px; }
#cs5:hover { background: url(../images/cs_nav.jpg) -153px -454px; }
#cs6:hover { background: url(../images/cs_nav.jpg) 0px -528px; }
#cs7:hover { background: url(../images/cs_nav.jpg) -77px -528px; }
#cs8:hover { background: url(../images/cs_nav.jpg) -153px -528px; }
#cs9:hover { background: url(../images/cs_nav.jpg) 0px -602px; }
#cs10:hover { background: url(../images/cs_nav.jpg) -77px -602px; }
#cs11:hover { background: url(../images/cs_nav.jpg) -153px -602px; }
#cs12:hover { background: url(../images/cs_nav.jpg) 0px -680px; }

#cs0.active { display: block; width: 77px; height: 77px; background: url(../images/cs_nav.jpg) 0px -377px; float: left; }
#cs1.active { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -77px -377px; float: left; }
#cs2.active { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -153px -377px; float: left; }
#cs3.active { display: block; width: 77px; height: 74px; background: url(../images/cs_nav.jpg) 0px -454px; float: left; }
#cs4.active { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -77px -454px; float: left; }
#cs5.active { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -153px -454px; float: left; }
#cs6.active { display: block; width: 77px; height: 74px; background: url(../images/cs_nav.jpg) 0px -528px; float: left; }
#cs7.active { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -77px -528px; float: left; }
#cs8.active { display: block; width: 76px; height: 74px; background: url(../images/cs_nav.jpg) -153px -528px; float: left; }
#cs9.active { display: block; width: 77px; height: 77px; background: url(../images/cs_nav.jpg) 0px -602px; float: left; }
#cs10.active { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -77px -602px; float: left; }
#cs11.active { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) -153px -602px; float: left; }
#cs12.active { display: block; width: 76px; height: 77px; background: url(../images/cs_nav.jpg) 0px -680px; float: left; }