/* mac hide \*/
html, body {height:100%; width:100%;}
/* end hide */
html {background-color:#a5dde2; color:#00337f; font-family:arial, sans-serif;}
body {font-family:arial, sans-serif; font-size:76%; color:#00337f; border:0; background-color:#a5dde2; text-align:center; min-height:660px; min-width:660px; margin:0; padding:0;}
a:link, a:visited, a:active {color:#00337f; cursor:pointer; text-decoration:none;}
a:hover {cursor:pointer; text-decoration:none;}
h1 {font-size:11px; font-weight:bold; margin:0; margin-bottom:10px; padding:0;}
h2 {font-size:12px; font-weight:bold; margin:0; padding:0;}
img {border:0; display:block;}
p {margin:0; padding:0}

#outer {height:100%; width:100%; display:table; vertical-align:middle;}
#container {text-align:center; vertical-align:middle; display:table-cell; height:660px;} 
#inner {width:660px; height:660px; text-align:left; margin-left:auto; margin-right:auto;}

#header_left {float:left; height:20px; margin-left:5px; width:300px;}
#header_left-left.info {font-size:11px; font-weight:bold;}
#header_left-left.info-italic {font-size:10px;font-style:italic; font-weight:bold;}
#header_right {float:right; height:20px; margin-right:5px; text-align:right; width:300px;}
#header_right.business {float:right; font-size:12px; font-variant:small-caps; font-weight:bold;}

#column_left {background:#ffffff; border:20px solid #00337f; color:#00337f; float:left; height:570px; padding:5px; width:140px;}
#menu_container {height:490px;}
#menu {background-image:url(http://www.storax.co.uk/images/grid.jpg); border:1px solid #00337f; font-size:12px; font-weight:bold; width:138px;}
.menu_group {font-style:italic; list-style-type:none; margin:0; padding:0;}
.menu_group a {border:1px solid #00337f; color:#00337f; display:block; line-height:29px; margin:-1px 0 0 -1px; padding-left:5px; text-decoration:none; width:132px;}
.menu_group a:hover {background-color:#a5dde2; text-decoration:none;}
.menu_subgroup {display:none; list-style-type:none; font-size:11px; font-style:normal; margin-left:1px; padding:0;}
.menu_subgroup a {border:1px solid #00337f; color:#00337f; display:block; line-height:23px; margin:-1px 0 0 3px; padding-left:3px; text-decoration:none; width:129px;}
.menu_subgroup a:hover {background-color:#a5dde2; text-decoration:none;}
#logo {position:relative; left:10px; margin:0; padding:0;}

#content_container {background:#ffffff; border:20px solid #00337f; color:#00337f; float:left; height:430px; margin-left:-20px; padding:10px; width:430px; z-index:0;}
#content {height:385px; margin:0; padding:0;}
#content_page {margin:0; padding:0; width:410px;}
#content_page h1 {color:#a5dde2; font-size:30px; font-weight:bold;}
#content.careers {font-size:16px; margin:5px;}
#content.email {margin:5px; padding:0;}
#content fieldset {border:1px solid #00337f; display:block; margin-bottom:5px; padding:0px 5px 5px 5px; width:408px; overflow:hidden;}
#content input {border:1px solid #00337f; background-color:#a5dde2; color:#00337f; display:block; float:left; margin:0px 2px 2px 2px; padding:2px;}
#content input.button, #content_text input.button {border:1px solid #a5dde2; background-color:#00337f; color:#a5dde2; cursor:pointer; width:50px;}
#content input.button:hover, #content_text input.button:hover {border:1px solid #00337f; background-color:#a5dde2; color:#00337f;}
#content label {display:block; float:left; margin-top:3px; width:115px;}
#content legend {border:1px solid #00337f; font-style:italic; font-weight:bold;margin-bottom:3px; padding:3px;}
#content textarea {border:1px solid #00337f; background-color:#a5dde2; color:#00337f; display:block; float:left; font-family:arial, sans-serif; font-size:12px; margin:0px 2px 2px 2px; padding:2px;}
#content ul img {display:inline;}
#content ul.four_columns_three_rows {list-style:none; margin:0; padding:0;}
#content ul.four_columns_three_rows li {display:block; float:left; height:100px; margin:10px 0 10px 0; padding:3px; text-align:center; vertical-align:middle; width:100px}
#content ul.four_columns_three_rows li a img {border:3px solid #ffffff;}
#content ul.four_columns_three_rows li a:hover img {border:3px solid #a5dde2;}
#content ul.four_columns_two_rows {list-style:none; margin:0; padding:0;}
#content ul.four_columns_two_rows li {display:block; float:left; padding:3px; text-align:center; vertical-align:middle; width:101px}
#content ul.four_columns_two_rows li a img {border:3px dotted #c3c3c3;}
#content ul.four_columns_two_rows li a:hover img {border:3px solid #a5dde2;}
#content ul.four_columns_two_rows li.corporate_partners {margin:45px 0 40px;}
#content ul.one_column_two_rows {list-style:none; margin:5px 0 5px 0; padding:0;}
#content ul.one_column_two_rows li {display:block; float:left; height:200px; margin:0; padding:3px; text-align:center; width:424px;}
#content ul.one_column_two_rows li a img {border:3px solid #ffffff;}
#content ul.one_column_two_rows li a:hover img {border:3px solid #a5dde2;}
#content ul.three_columns_one_row {list-style:none; margin:0; padding:0;}
#content ul.three_columns_one_row li {display:block; float:left; margin:0px; padding:3px; text-align:center; vertical-align:middle; width:136px}
#content ul.three_columns_one_row li a img {border:3px dotted #c3c3c3;}
#content ul.three_columns_one_row li a:hover img {border:3px solid #a5dde2;}
#content ul.three_columns_one_row li.charity_partners {margin:125px 0 125px;}
#content ul.three_columns_two_rows {list-style:none; margin:0; padding:0;}
#content ul.three_columns_two_rows li {display:block; float:left; margin:0px; padding:3px; text-align:center; vertical-align:middle; width:136px}
#content ul.three_columns_two_rows li a img {border:3px solid #ffffff;}
#content ul.three_columns_two_rows li a:hover img {border:3px solid #a5dde2;}
#content ul.three_columns_two_rows li.visualisations {margin:25px 0 25px;}
#content ul.three_columns_two_rows li.panoramas_photographs {margin:20px 0 20px;}
#content ul.three_columns_two_rows li.case_studies {margin:5px 0 5px;}
#content ul.three_columns_two_rows li.brochure {margin:45px 0 45px;}
#content ul.two_columns_two_rows {list-style:none; margin:10px 0 10px 0; padding:0;}
#content ul.two_columns_two_rows li {display:block; float:left; margin:29px 0 29px 0; padding:3px; text-align:center; width:206px;}
#content ul.two_columns_two_rows li a img {border:3px solid #ffffff;}
#content ul.two_columns_two_rows li a:hover img {border:3px solid #a5dde2;}

#content_text {background:#ffffff; border:20px solid #00337f; color:#000000; float:left;  height:100px; margin:-20px 0px 0px -20px; overflow:auto; padding:5px; width:440px;}
#content_text .case_studies, .market_sector {display:block; float:left; font-size:12px; position:absolute; visibility:hidden;}
#content_text .clients, .contact_us {display:block; float:left; width:210px;}
#content_text .absolute_hidden {position:absolute; visibility:hidden; width:430px;}
#content_text blockquote.quote {font-style:oblique; margin-top:-10px;}
#content_text h2 {color:#a5dde2; font-size:16px; margin-bottom:5px;}
#content_text p {padding-bottom:10px;}
#content_text p:first-letter {color:#3aaab4; font-size:14px; font-weight:bold;}
#content_text p.careers {color:#000000; font-size:12px; font-weight:normal;}
#content_text span.bq-left {color:#a5dde2; font-size:200%; font-weight:bold;}
#content_text span.bq-right {color:#a5dde2; font-size:200%; font-weight:bold;}
#content_text ul.products {font-size:11px; font-weight:bold; margin:0; padding:0; overflow:hidden;}
#content_text ul.products li {border:2px solid #00337f; display:block; float:left; height:30px; padding:3px 0px 3px 0px; margin:5px 5px; text-align:center; width:93px;}
#content_text	ul.products a:hover li {background-color:#a5dde2;}

#footer {float:left; height:20px; margin-left:5px; width:400px;}
#footer-print {height:0; display:none;}

#tooltip {background:#a5dde2; border:1px solid #00337f; font-size:11px; padding:3px; text-align:left; max-width:215px;}
.tip {cursor:auto;}