@media screen {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; overflow: visible; }
body { min-width: 1024px; min-height: 768px; color: #ffffff; background-color: #333333; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; }
h1 { color: #FC3; font-weight: bold; font-size: 36px; line-height: 48px; }
h2 { color: #FC3; font-weight: bolder; font-size: 24px; line-height: 36px; }
h6 { font-size: 16px; line-height: 20px; font-weight: bold; color: #FC3; margin-top: 5px; }
.clear { clear: both; }
span.hidden { display: none; }
a { color: #0CF; }
a:hover { color: #FFF; }
a:visited { color: #cccccc; }
a.subtle { text-decoration: none; color: #ffffff; }
a.subtle:hover, a.subtle:focus { text-decoration: underline; }
#top { width: 1024px; height: 99px; background: transparent url(../images/top.png) top center no-repeat; margin-left: auto; margin-right: auto; }
a#logo { position: relative; display: block; overflow: hidden; }
a#logo, a#logo span.blur { width: 600px; height: 99px; background: transparent url(../images/top.png) top left no-repeat; }
a#logo:hover, a#logo:focus, a#logo span.focus { width: 600px; height: 99px; background: transparent url(../images/top.png) bottom left no-repeat; }
a#logo span.blur, a#logo span.focus { position: absolute; top: 0; right: 0; }
a#logo span.focus { display: none; }
#middle { width: 100%; height: 418px; padding-top: 17px; padding-bottom: 17px; background: transparent url(../images/band.png) center center repeat-x; overflow: hidden; }
#panel { width: 910px; height: 350px; margin-left: auto; margin-right: auto; padding: 34px; overflow: hidden; background: transparent url(../images/panel.png) center center no-repeat; }
ul.menu { display: block; float: left; width: 265px; height: 352px; list-style: none; overflow: hidden; }
ul.menu li.menu a { position: relative; display: block; width: 265px; height: 70px; overflow: hidden; }
ul.menu li.menu a span.blur, ul.menu li.menu a span.focus { position: absolute; top: 0; right: 0; width: 265px; height: 70px; }
ul.menu li.menu a span.focus { display: none; }
ul.menu li.menu a#web-development-menu-item, ul.menu li.menu a#web-development-menu-item span.blur { height: 71px; background: transparent url(../images/menu-sprite.png) 0 0 no-repeat; }
ul.menu li.menu a#web-development-menu-item:hover, ul.menu li.menu a#web-development-menu-item:focus, ul.menu li.menu a#web-development-menu-item span.focus { height: 71px; background: transparent url(../images/menu-sprite.png) -265px 0 no-repeat; }
ul.menu li.menu a#web-development-menu-item.selected, ul.menu li.menu a#web-development-menu-item.selected:hover, ul.menu li.menu a#web-development-menu-item.selected:focus, ul.menu li.menu a#web-development-menu-item.selected span { height: 71px; background: transparent url(../images/menu-sprite.png) -530px 0 no-repeat; }
ul.menu li.menu a#software-development-menu-item, ul.menu li.menu a#software-development-menu-item span.blur { background: transparent url(../images/menu-sprite.png) 0 -71px no-repeat; }
ul.menu li.menu a#software-development-menu-item:hover, ul.menu li.menu a#software-development-menu-item:focus, ul.menu li.menu a#software-development-menu-item span.focus { background: transparent url(../images/menu-sprite.png) -265px -71px no-repeat; }
ul.menu li.menu a#software-development-menu-item.selected, ul.menu li.menu a#software-development-menu-item.selected:hover, ul.menu li.menu a#software-development-menu-item.selected:focus, ul.menu li.menu a#software-development-menu-item.selected span { background: transparent url(../images/menu-sprite.png) -530px -71px no-repeat; }
ul.menu li.menu a#it-consultancy-menu-item, ul.menu li.menu a#it-consultancy-menu-item span.blur { background: transparent url(../images/menu-sprite.png) 0 -141px no-repeat; }
ul.menu li.menu a#it-consultancy-menu-item:hover, ul.menu li.menu a#it-consultancy-menu-item:focus, ul.menu li.menu a#it-consultancy-menu-item span.focus { background: transparent url(../images/menu-sprite.png) -265px -141px no-repeat; }
ul.menu li.menu a#it-consultancy-menu-item.selected, ul.menu li.menu a#it-consultancy-menu-item.selected:hover, ul.menu li.menu a#it-consultancy-menu-item.selected:focus, ul.menu li.menu a#it-consultancy-menu-item.selected span { background: transparent url(../images/menu-sprite.png) -530px -141px no-repeat; }
ul.menu li.menu a#it-innovation-menu-item, ul.menu li.menu a#it-innovation-menu-item span.blur { background: transparent url(../images/menu-sprite.png) 0 -211px no-repeat; }
ul.menu li.menu a#it-innovation-menu-item:hover, ul.menu li.menu a#it-innovation-menu-item:focus, ul.menu li.menu a#it-innovation-menu-item span.focus { background: transparent url(../images/menu-sprite.png) -265px -211px no-repeat; }
ul.menu li.menu a#it-innovation-menu-item.selected, ul.menu li.menu a#it-innovation-menu-item.selected:hover, ul.menu li.menu a#it-innovation-menu-item.selected:focus, ul.menu li.menu a#it-innovation-menu-item.selected span { background: transparent url(../images/menu-sprite.png) -530px -211px no-repeat; }
ul.menu li.menu a#contact-bradley-it-menu-item, ul.menu li.menu a#contact-bradley-it-menu-item span.blur { height: 71px; background: transparent url(../images/menu-sprite.png) 0 -281px no-repeat; }
ul.menu li.menu a#contact-bradley-it-menu-item:hover, ul.menu li.menu a#contact-bradley-it-menu-item:focus, ul.menu li.menu a#contact-bradley-it-menu-item span.focus { height: 71px; background: transparent url(../images/menu-sprite.png) -265px -281px no-repeat; }
ul.menu li.menu a#contact-bradley-it-menu-item.selected, ul.menu li.menu a#contact-bradley-it-menu-item.selected:hover, ul.menu li.menu a#contact-bradley-it-menu-item.selected:focus, ul.menu li.menu a#contact-bradley-it-menu-item.selected span { height: 71px; background: transparent url(../images/menu-sprite.png) -530px -281px no-repeat; }
div#inner-panel, div#inner-panel div.container { width: 645px; height: 350px; display: block; float: right; padding: 0; margin: 0; border: 0; overflow: hidden; }
div#inner-panel { position: relative; margin: 1px 0 1px 0; }
div#inner-panel div.container { position: absolute; top: 0; left: 0; }
div.display { width: 595px; height: 322px; display: block; float: right; padding: 14px 25px 14px 25px; position: relative; overflow: hidden; }
div.display h1 { margin-bottom: 15px; }
p.display { margin: 5px 0 5px 0; }
div.display ul.services { width: 140px; margin-right: 25px; float: left; color: #999999; }
div.display ul#divisions { position: absolute; list-style: none; height: 100px; padding: 0; margin: 0; overflow: hidden; bottom: 5px; right: -10px; }
div.display ul#divisions.icons { width: 650px; }
div.display ul#divisions.icon { width: 130px; }
div.display ul#divisions li { display: inline-block; width: 100px; height: 100px; margin-right: 28.5px; float: right; }
div.display ul#divisions li a { display: block; width: 100px; height: 100px; position: relative; }
div.display ul#divisions li a span.blur, div.display ul#divisions li a span.focus { display: block; width: 100px; height: 100px; top: 0; left: 0; position: absolute; }
div.display ul#divisions li a span.focus { display: none; }
div.display ul#divisions li.web a, div.display ul#divisions li.web a span.blur { background: transparent url(../images/service-icon-sprite.png) 0 0 no-repeat; }
div.display ul#divisions li.web a:hover, div.display ul#divisions li.web a span.focus { background: transparent url(../images/service-icon-sprite.png) 0 -100px no-repeat; }
div.display ul#divisions li.software a, div.display ul#divisions li.software a span.blur { background: transparent url(../images/service-icon-sprite.png) -100px 0 no-repeat; }
div.display ul#divisions li.software a:hover, div.display ul#divisions li.software a span.focus { background: transparent url(../images/service-icon-sprite.png) -100px -100px no-repeat; }
div.display ul#divisions li.consultancy a, div.display ul#divisions li.consultancy a span.blur { background: transparent url(../images/service-icon-sprite.png) -200px 0 no-repeat; }
div.display ul#divisions li.consultancy a:hover, div.display ul#divisions li.consultancy a span.focus { background: transparent url(../images/service-icon-sprite.png) -200px -100px no-repeat; }
div.display ul#divisions li.innovation a, div.display ul#divisions li.innovation a span.blur { background: transparent url(../images/service-icon-sprite.png) -300px 0 no-repeat; }
div.display ul#divisions li.innovation a:hover, div.display ul#divisions li.innovation a span.focus { background: transparent url(../images/service-icon-sprite.png) -300px -100px no-repeat; }
div.display ul#divisions li.bit a, div.display ul#divisions li.bit a span.blur { background: transparent url(../images/service-icon-sprite.png) -400px 0 no-repeat; }
div.display ul#divisions li.bit a:hover, div.display ul#divisions li.bit span.focus { background: transparent url(../images/service-icon-sprite.png) -400px -100px no-repeat; }
div#display-home h1 { display: block; width: 294px; height: 43px; background: transparent url(../images/about-us.png) center center no-repeat; }
div#display-web h1 a { display: block; width: 294px; height: 43px; background: transparent url(../images/bit-media.png) center center no-repeat; }
div#display-software h1 a { display: block; width: 432px; height: 43px; background: transparent url(../images/bit-solutions.png) center center no-repeat; }
div#display-consultancy h1 a { display: block; width: 502px; height: 43px; background: transparent url(../images/bit-consultancy.png) center center no-repeat; }
div#display-innovation h1 a { display: block; width: 280px; height: 43px; background: transparent url(../images/bit-labs.png) center center no-repeat; }
div#contact { width: 400px; height: 322px; float: left; position:relative; overflow: visible; }
.fieldbox { padding-bottom: 8px; }
.field_desc { display: none; }
.asterisk { color: #0000ff ; }
div#contact label { display: block; float: left; text-align: right; margin: 12px 10px 2px 0; width: 80px; }
div#contact input[type="text"] { float: left; width: 286px; height: 20px; border: 0; margin-top: 7px; margin-bottom: 2px; padding: 5px 3px 2px 3px; background: transparent url(../images/input-sprite.png) 0 0 no-repeat; color: #ffffff; }
div#contact input[type="text"]:focus { background: transparent url(../images/input-sprite.png) 0 -27px no-repeat; }
div#contact textarea { width: 286px; height: 96px; margin-top: 10px; margin-bottom: 2px; padding: 2px; background: transparent url(../images/textarea-sprite.png) -1px -1px no-repeat; border: none; color: #ffffff; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; }
div#contact textarea:focus { background: transparent url(../images/textarea-sprite.png) 0 -102px no-repeat; }
div#contact input#verify { width: 52px; margin-left: 90px; background: transparent url(../images/input-sprite.png) 0 -54px no-repeat; }
div#contact input#verify:focus { background: transparent url(../images/input-sprite.png) 0 -81px no-repeat; }
div#contact img#verify-image { margin-top: 10px; margin-left: 10px; }
div.legend { float: left; margin-top: 5px; margin-left: 90px; }
div#contact input[type="submit"], div#contact input.button { width: 72px; height: 28px; line-height: 28px; background: transparent url(../images/submit-sprite.png) 0 0 no-repeat; color: transparent; font-size: 0; float: right; margin-right: 20px; }
div#contact input[type="submit"]:hover, div#contact input[type="submit"]:focus { width: 72px; height: 28px; line-height: 28px; background: transparent url(../images/submit-sprite.png) 0 -28px no-repeat; color: transparent; float: right; margin-right: 20px; }
div#contact input[type="submit"]:active { width: 72px; height: 28px; line-height: 28px; background: transparent url(../images/submit-sprite.png) 0 -56px no-repeat; color: transparent; float: right; margin-right: 20px; }
div#contact-details { float: right; display: block; width: 180px; height: 194px; font-size: 12px; }
div#contact label.error { display: block; position: absolute; width: 290px; margin: 0; padding: 0; color: #F00; font-size: 10px; text-align: left; margin-left: 90px; }
div#contact label#name_error { top: -7px; left: 0; }
div#contact label#email_error { top: 37px; left: 0; }
div#contact label#verify_error { top: 245px; left: 0; }
div#contact label.hidden { display: none; }
#bottom { width: 1024px; height: 217px; background: transparent url(../images/bottom.png) top center no-repeat; margin-left: auto; margin-right: auto; text-align: center; }
p.copyright { padding-top: 25px; font-size: 10px; font-weight: bold; color: #111111; }
}