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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { font-family: Arial, sans-serif; font-size: 8.5pt; color: white; }

a { color: white; text-decoration: none; }

#outer { position: relative; width: 520px; height: 560px; margin: 0 auto; }

img#copyright-queo { position: absolute; bottom: 119px; left: 8px; }

#container { position: relative; top: 40px; left: 20px; width: 478px; height: 478px; background-repeat: no-repeat; text-align: left; }
#container #read-more { position: absolute; top: 380px; left: 139px; }
#container #breadcrumbs span { color: white; }
#container.intro { background-image: url('/media/style/images/bg_intro.png'); }
#container.company { background-image: url('/media/style/images/bg_company.png'); }
#container.company #main #heading { color: #006c67; border-color: #006c67; }
#container.company #main #breadcrumbs { color: #006c67; }
#container.company #main #breadcrumbs a { color: #006c67; }
#container.company #main .jScrollPaneDrag { background: #006c67; }
#container.web { background-image: url('/media/style/images/bg_web.png'); }
#container.web #main #heading { color: #005869; border-color: #005869; }
#container.web #main #breadcrumbs { color: #005869; }
#container.web #main #breadcrumbs a { color: #005869; }
#container.web #main .jScrollPaneDrag { background: #005869; }
#container.mobile { background-image: url('/media/style/images/bg_mobile.png'); }
#container.mobile #main #heading { color: #006838; border-color: #006838; }
#container.mobile #main #breadcrumbs { color: #005869; }
#container.mobile #main #breadcrumbs a { color: #006838; }
#container.mobile #main .jScrollPaneDrag { background: #006838; }
#container.lab { background-image: url('/media/style/images/bg_lab.png'); }
#container.lab #main #heading { color: #780000; border-color: #780000; }
#container.lab #main #breadcrumbs { color: #780000; }
#container.lab #main #breadcrumbs a { color: #780000; }
#container.lab #main .jScrollPaneDrag { background: #780000; }
#container.systems { background-image: url('/media/style/images/bg_systems.png'); }
#container.systems #main #heading { color: #79310b; border-color: #79310b; }
#container.systems #main #breadcrumbs { color: #79310b; }
#container.systems #main #breadcrumbs a { color: #79310b; }
#container.systems #main .jScrollPaneDrag { background: #79310b; }
#container a#logo { position: absolute; bottom: 40px; left: 55px; }

.intro { background-image: url('/media/style/images/bg_intro.png'); }

.company { background-image: url('/media/style/images/bg_company.png'); }

.web { background-image: url('/media/style/images/bg_web.png'); }

.systems { background-image: url('/media/style/images/bg_systems.png'); }

.mobile { background-image: url('/media/style/images/bg_mobile.png'); }

.lab { background-image: url('/media/style/images/bg_lab.png'); }

#secondary-menu { position: absolute; top: 26px; right: 85px; width: 205px; line-height: 24px; text-align: center; }
#secondary-menu li { display: inline; }

#business-areas-menu { position: absolute; bottom: 10px; left: 0px; width: 520px; padding-left: 0px; padding-right: 0px; text-align: center; }
#business-areas-menu li { display: inline; margin-right: 30px; }

#submenu { position: absolute; top: 130px; left: 490px; width: 190px; height: 220px; padding-top: 40px; padding-left: 15px; background-image: url('/media/style/images/bg_submenu.png'); background-repeat: no-repeat; }
#submenu h2 { font-weight: bold; margin-bottom: 10px; }
#submenu ul { margin-bottom: 10px; }
#submenu ul li { margin-bottom: 5px; padding-left: 10px; }
#submenu #expand-collapse-button { position: absolute; top: 40px; right: 50px; width: 11px; height: 7px; cursor: pointer; background-repeat: no-repeat; }
#submenu .collapse { background-image: url('/media/style/images/btn_submenu_collapse.png'); }
#submenu .expand { background-image: url('/media/style/images/btn_submenu_expand.png'); }

form#search { position: absolute; bottom: 35px; right: 55px; width: 173px; height: 50px; }
form#search #search-input { position: absolute; top: 0px; right: 0px; width: 176px; height: 24px; background-image: url('/media/style/images/search_box.png'); }
form#search input { border: none; background-color: transparent; background-repeat: no-repeat; }
form#search input#id_q { margin: 0px; padding: 0px; padding-left: 5px; padding-right: 5px; }
form#search input.button { position: absolute; top: 24px; right: 0px; padding: 0px; margin: 0px; color: lightgray; padding-left: 18px; padding-top: 5px; text-align: right; background-image: url('/media/style/images/search_icon.png'); background-position: bottom left; }

#main { position: absolute; top: 45px; left: 55px; width: 390px; height: 280px; }
#main #breadcrumbs { position: absolute; top: 0px; left: 0px; font-size: 7.5pt; text-transform: lowercase; }
#main #breadcrumbs li { display: inline; list-style-type: none; }
#main #heading { font-size: 9pt; font-weight: bold; position: absolute; top: 20px; left: 0px; width: 370px; border-top: 1px solid; border-bottom: 1px solid; }
#main #heading h1 { line-height: 28px; }
#main #text { position: absolute; width: 390px; top: 60px; left: 0px; line-height: 130%; }
#main #text .scroll-pane { width: 390px; height: 230px; overflow: auto; }
#main #text p { padding-bottom: 5px; }
#main #text strong { font-weight: bold; }
#main #text #text-inner { width: 370px; }
#main #text #portfolio-image { margin-bottom: 10px; }
#main #text .portfolio-link { position: relative; float: left; width: 77px; height: 77px; background-repeat: no-repeat; }
#main #text .portfolio-fg { position: absolute; top: 0px; left: 0px; width: 62px; height: 62px; display: none; cursor: pointer; background-image: url('/media/style/images/thumb_01.png'); }