/* LAYOUT */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #0066CC;
}
#container {
 background: #FFFFFF;
 height: auto;
}
#header {
 background: #FFFFFF;
 height: auto;
}
#menu {
 background: #003399;
 height: auto;
}
#content {
 width: 100%;
 padding: 15px;
 background: #FFFFFF;
 color: #000000;
}
#contentpeer {
 width: 100%;
 padding: 15px;
 background: url(images/dummyteam.gif) no-repeat;
 color: #000000;
}
#contentserv {
 width: 100%;
 padding: 15px;
 background: url(images/services_bg.gif) no-repeat;
 color: #000000;
}
#contprinciples {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_arrows.gif) no-repeat;
 color: #000000;
}
#contprinc {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_principles.gif) no-repeat;
 color: #000000;
}
#contgchq {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_gchq.gif) no-repeat;
 color: #000000;
}
#contdesign {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_design.gif) no-repeat;
 color: #000000;
}
#conthka {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_hongkongairport.gif) no-repeat;
 color: #000000;
}
#contt5 {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_t5.gif) no-repeat;
 color: #000000;
}
#example {
 width: 100%;
 align: center;
 padding: 5px;
 border-top: 0px;
 border-left: 2px solid #0066CC;
 border-right: 2px solid #0066CC;
 border-bottom: 2px solid #0066CC;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}

#contdfma {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_dfma.gif) no-repeat;
 color: #000000;
}

#contcompli {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_1.gif) no-repeat;
 color: #000000;
}

#conthealth {
 width: 100%;
 padding: 15px;
 background: url(images/triangle_bg_2.gif) no-repeat;
 color: #000000;
}

.box
{
width: 900px;
height: 435px;
}
html>body .box
{
width: auto;
height: auto;
min-width: 900px;
min-height: 435px;
}

#holder {
 float: right;
}
#left {
 float: left;
}
#holder1 {
 float: right;
 margin-top: 330px;
}
#homeleft {
 width: 570px;
 height: auto;
}
#klickleft {
 width: 590px;
 height: auto;
}
#approachleft {
 width: 475px;
 height: auto;
}
#awardleft {
 width: 520px;
 height: auto;
}
#peopleleft {
 width: 500px;
 height: auto;
}
#pullouthome { 	
 width: 250px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#contactright { 	
 float: right; 
 width: 180px;
 padding: 0;
 text-align: left;
 vertical-align: left;	
}
#pulloutklick { 	
 width: 220px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#pulloutaward { 	
 width: 240px;
 padding: 5px;
 border: 2px solid #ffcc66;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/awards_bg.gif); background-repeat: repeat-x;
}
#pullout { 	
 width: 470px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#pulloutpeople { 	
 width: 500px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#people { 	
 width: 410px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#pullouts { 	
 width: 520px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#pulloutplus { 	
 width: 520px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#pulloutmore { 	
 width: 570px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#pullout100 { 	
 width: 850px;
 padding: 5px;
 border: 2px solid #CCCCFF;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/pullout_bg.gif); background-repeat: repeat-x;
}
#pulloutnews { 	
 width: 880px;
 padding: 5px;
 border: 2px solid #003399;
 margin-top: 30px;
 text-align: left;
 vertical-align: left;	
 background-image: url(images/news_lead_bg.gif); background-repeat: repeat-x;
}
#leftcolumn {
 width: 175px;
 background: #000000;
 color: #FFFFFF;
}
#rightcolumn {
 width: 750px;
 padding: 60px 30px 30px 30px;
 background: #FFFFFF;
 color: #000000;
}
#newscolumn{
 width: 580px;
 padding: 60px 30px 30px 30px;
 background: #FFFFFF;
 color: #000000;
}
#linkscolumn{
 width: 175px;
 padding: 60px 30px 30px 0;
 background: #FFFFFF;
 color: #000000;
}
#home {
 width: 750px;
 padding: 30px 30px 30px 30px;
 background: #FFFFFF;
 color: #000000;
}
#footercorner { 
 height: auto;
 background: #FFFFFF;
 border-right: 1px solid #FFFFFF;
}
#footer {
 width: 900px;
 padding: 10px 0px 10px 0px;
 color: #FFFFFF;
 text-align: left;
 background: #0066CC;
}
.clear { clear: both; background: none; }

#rightalign {
 float: right;
 height: auto;
 width: auto;
 margin-left: 10px;
}
#leftalign {
 float: left;
 height: auto;
 width: auto;
 margin: 0px 10px 10px 0px;
}
#roomsright {
 float: right;
 height: auto;
 width: auto;
 margin: 0px 0px 0px 15px;
}

#custom { 	
 margin: 0 auto;
 margin: 10px;
 padding: 10px;
 width: 639px;
 text-align: left;
 vertical-align: left;	
 background: url(images/content_bg.jpg) no-repeat;
}

#genbox {
 float: right;
 height: auto;
 width: 200px;
 margin: 0 15px 0 15px;
}

#contactbox {
 float: left;
 height: auto;
 width: 280px;
}

#boxthird {
 float: left;
 height: auto;
 width: 30%;
}

#casestudy {
 border: 1px solid #7E7E7E;
 float: left;
 height: auto;
 padding: 10px;
 width: 60%;
}

/* PRODUCTS */

.bottom {
 border-bottom: 1px solid #7E7E7E;
 margin-bottom: 0px;
 padding-bottom: 10px;
}

.image {
 float: right;
 margin: 3px 0 0 10px;
 padding: 0;
}

.indent {
 margin-right: 130px;
}

.cell {
 padding: 0 25px 10px 0;
}

/* STYLES */

h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 {font-size: 1.6em; font-weight: bold; color: #0066CC;}
h2 {font-size: 0.9em; font-weight: bold; color: #0066CC;}
h3 {font-size: 0.8em; font-weight: bold; color: #003399;}
h4 {font-size: 0.7em; font-weight: bold; color: #003399;}
h5 {font-size: 1.1em; font-weight: bold; color: #0066CC;}

.headw {font-size: 1.2em; font-weight: bold; color: #FFFFFF;}

p {
 font-size: 0.8em;
}
#footer p {
 font-size: 0.7em;
 margin-right: 220px;
}

#pulloutaward h2 {font-size: 0.9em; font-weight: bold; color: #000000;}
#peole h2 {font-size: 0.9em; font-weight: bold; color: #0066CC;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000;}
a:hover {color: #0066CC;}

a.one:link {color: #000000; text-decoration: underline}
a.one:visited {color: #000000;}
a.one:hover {color: #FFFFFF;}

#pullouthome a {
 color: #000000;
 text-decoration: underline;
}
#pullouthome a:hover {
 color: #0066CC;
}
#pulloutklick a {
 color: #000000;
 text-decoration: underline;
}
#pulloutklick a:hover {
 color: #0066CC;
}

#rightcolumn hr {border: 0; height: 1px; color: #99CC66; background-color: #99CC66;}
#home hr {border: 0; height: 1px; color: #99CC66; background-color: #99CC66;}
.smallprint {
	font-size: 0.7em;
	text-align: left;
}
.smallprint2 {
	font-size: 0.7em;
	text-align: right;
}

#leftcolumn a {
 color: #FFFFFF;
 text-decoration: underline;
}
#leftcolumn a:hover {
 color: #99CC66;
}

#footer a {
 color: #FFFFFF;
 text-decoration: underline;
}
#footer a:hover {
 color: #003399;
}

#product {
 width: 100%;
 height: auto;
 border-bottom: 1px solid #99CC66;
}

.rightalign {
 float: right;
 height: auto;
 width: auto;
 margin: 0px 0px 10px 10px;
}
.leftalign {
 float: left;
 height: auto;
 width: auto;
 margin: 0px 10px 10px 0px;
}

#homefooter p {
 font-size: 11px;
 font-weight: bold;
 background: #3333CC;
 color: #ffffff;
 margin: 0px 20px 0px 20px;
 padding: 3px;
 text-align: center;
 border: 1px solid #FFFFFF;
}

#klickleft ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#klickleft li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}
#homeleft ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#homeleft li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

#awardleft ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#awardleft li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

#peopleleft ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#peopleleft li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

#example ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#example li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

#approachleft ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#approachleft li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

.intro {
	font-size: 0.8em;
	color: #003399;
	font-weight: bold;
}
.intro a:link {color: #003399; text-decoration: underline;}
.intro a:visited {color: #003399;}
.intro a:hover {color: #0066CC;}

.bold {font-weight: bold; color: #0066CC;}

#extra {
 font-size: 0.8em;
 color: #003399;
 padding: 15px 0px 0px 10px;
}

#pulloutklick ul {
 font-size: 0.7em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#pulloutklick li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}
#pullout ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#pullout li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}
#pullout100 ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#pullout100 li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}
#people ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#people li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}
#pulloutpeople ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#pulloutpeople li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

#pulloutmore ul {
 font-size: 0.8em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#pulloutmore li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

#pulloutklick p {
 font-size: 0.7em;
 margin-top: 0px;
 margin-bottom: 5px; 
}
#pulloutklick h2 {
 margin-bottom: 5px; 
}
#pullouthome p {
 font-size: 0.7em;
 margin-top: 0px;
 margin-bottom: 5px; 
}
#pullouthome h2 {
 margin-bottom: 5px; 
}
#pulloutaward h2 {
 margin-bottom: 5px; 
}
#pullouthome ul {
 font-size: 0.7em;
 list-style-type: none;
 padding-left: 0;
 margin-left: 25px; 
}
#pullouthome li { 
 background: url(images/bullet.gif) left top no-repeat;
 padding-left: 15px;
 margin-bottom: 5px;
}

#linkscolumn ul {
 font-size: 0.8em;
 list-style-position: outside;
 list-style-type: square;
}

#pulloutplus p {
 font-size: 0.7em;
 color: #003399; 
}

#maintitle {
 width: 434px;
 font-size: 36px;
 font-weight: bold;
 text-transform: none;
 margin: 57px 0px 0px 0px;
}
#mainsub {
 font-size: 24px;
 font-weight: bold;
 margin: 20px 0px 0px 0px;
}

.bullets {
 list-style-type: disc;
 text-decoration: none;
 list-style-position: inside;
}

table.award {
 border-spacing: 0px;
 border-collapse: collapse;
 background: #FFFFFF;
 border: 1px solid #ffcc66;
}
table.award th {
 font-size: 0.7em;
 text-align: left;
 font-weight: normal;
 padding: 5px;
 color: #000000;
 background-image: url(images/awards.gif); background-repeat: repeat-x;
 border-bottom: 1px solid #ffcc66;
}
table.award td {
 font-size: 0.7em;
 font-weight: normal;
 text-align: left;
 padding: 5px;
 border-bottom: 1px solid #ffcc66;
}

table.data {
 border-spacing: 0px;
 border-collapse: collapse;
 background: #FFFFFF;
 border: 1px solid #003399;
}
table.data caption {
 font-size: 0.9em; 
 font-weight: bold; 
 color: #0066CC;
 text-align: left;
}
table.data th {
 font-size: 0.7em;
 text-align: left;
 font-weight: normal;
 padding: 5px;
 color: #003399;
 background: #FFFFFF;
 border-bottom: 1px solid #003399;
}
table.data td {
 font-size: 0.7em;
 font-weight: normal;
 text-align: left;
 padding: 5px;
 border-bottom: 1px solid #003399;
}

table.form {
 border-spacing: 0px;
 border-collapse: collapse;
 background: #FFFFFF;
 border: 1px solid #003399;
}
table.form caption {
 font-size: 0.8em; 
 font-weight: bold; 
 color: #0066CC;
 text-align: left;
}
table.form th {
 font-size: 0.7em;
 text-align: left;
 font-weight: normal;
 padding: 5px;
 color: #003399;
 background: #FFFFFF;
 border-bottom: 1px solid #003399;
}
table.form td {
 font-size: 0.7em;
 font-weight: normal;
 text-align: left;
 padding: 5px;
 border-bottom: 1px solid #003399;
}

table.contact td.contactright {
 text-align: left;
 padding: 10px;
 border-right: 1px solid #99CC66;
}
table.contact td.contactbutton {
 text-align: right;
 padding: 10px;
 border: 1px solid #99CC66;
}

table.press {
 border-spacing: 0px;
 border-collapse: collapse;
 background: #FFFFFF;
 border: 1px solid #99CC66;
}
table.press th {
 text-align: left;
 font-weight: bold;
 padding: 5px;
 background: #99CC66;
 border: 1px solid #99CC66;
}
table.press td {
 text-align: left;
 padding: 5px;
 border-left: 1px solid #99CC66;
 border-right: 1px solid #99CC66;
 border-bottom: 1px solid #99CC66;
}
.finale {

	font-size: 0.8em;
	color: #0066CC;
	font-weight: bold;
}
