html,body{height:100%;}
body{background:url(/images/bg.jpg) repeat-x; background-color:#212e6f; font:normal 62.5% Arial, Helvetica, sans-serif; margin:0;}
.white{color:#fff;}
img{border:0;}
#container{width:740px; margin:0 auto; position:relative; height:100%;}
#logo{position:absolute; top:20px; left:25px;}
#nav{position:absolute; z-index:999; top:0; right:0; }
#nav ul{margin:5px 0; padding:0;}
#nav ul li{list-style:none; float:left; font-size:1.1em; font-weight:bold; margin-left:1px;*display:inline; }
#nav ul li a{display:block; *float:left; padding:40px 13px 8px 13px; background-color:#082b4a; color:#fff; text-decoration:none;}
#nav ul li a:hover, #nav ul li a#active{background-color:#027bb9;}

/* ----- Hp content -----*/
#hpcontent{position:absolute; top:95px; left:0; visibility:visible; z-index:100; width:740px;}
/*#whiteblock{height:5px; width:310px; background-color:#fff; display:block; padding:0; margin:5px 0 0 0 ;}*/
#whiteblock{height:5px; width:310px; display:block; padding:0; margin:0px 0 0 0 ;}
#hpcontent #title{background-color:#162243; float:right;}
#hpcontent h2{ text-transform:uppercase; color:#fff; font:bold 1.3em Arial, Helvetica, sans-serif; margin-left:13px; margin-bottom:0; margin-top:5px;}
#hpcontent h3{  color:#fff; font:bold 2em Arial, Helvetica, sans-serif; margin-left:13px; margin-top:0; padding-bottom:5px; margin-bottom:0;}
	#hpcontent #title2{background:/*url(/images/title2bg.jpg)*/ #162243 repeat-x; float:left; width:430px;}
	#hpcontent #title2 img{float:left;}
	#hpcontent #title2 h2{color:#009de9; font:normal 2.3em Arial, Helvetica, sans-serif; padding:3px 0 0 5px; text-transform:lowercase; margin:0; position:relative;}
	#hpcontent #title2 h3{text-transform:uppercase;clear:both; font:bold 0.9em Arial, Helvetica, sans-serif; letter-spacing:0.0em; color:#ccc;padding-bottom:6px;}
	
#hpcontent02{position:absolute; top:426px; *top:425px; right:0; visibility:visible; z-index:101;}
	#hpcontent02 #availability{ width:199px; background-color:#23395d;}	
	#hpcontent02 #availability h2{ background:#152345; font:bold 1.2em Arial, Helvetica, sans-serif; color:#bec8d1; text-transform:none; padding:8px 3px 8px 10px; margin:0;}
	#hpcontent02 #availability p{ font:bold 1.1em Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:5px 5px 5px 10px;}
	
	#stayconnected{background:#23395d; float:left;}
	/* ----- Safari only ----- */
	#stayconnected:not(:root:root){ float:left; }
	/* ----------------------- */
	#stayconnected #staytitle{ background-color:#152345; width:250px;}
	#stayconnected #staytitle p{ font:bold 1.1em Arial, Helvetica, sans-serif; color:#bec8d1;padding:0 0 3px 0; margin:0 0 0 10px; }
	#stayconnected form{padding:0 0 5px 0; *padding-top:5px; margin:0px 0 0 0; width:250px; float:left;}
	#stayconnected fieldset{border:none;}
	#stayconnected label{width:30px; color:#fff; float:left; padding-top:4px; *margin-left:8px; clear:both;}
	#stayconnected input{width:141px; float:left; background-color:#4e6284; border:none; color:#fff; font:normal 1.2em Arial, Helvetica, sans-serif; margin-top:2px;padding:1px; margin-left:3px;}
	#stayconnected .submit{float:left; width:50px; font:normal 1.2em Arial, Helvetica, sans-serif; padding:0; margin-left:4px; margin-top:0px;}

/* ----- Content ----- */

#content #featureflash{padding-top:70px;}
#content #row01{width:400px; margin-left:30px; *margin-left:15px; float:left;}
#content #row01 h1{ color:#fff; font-size:1.7em; margin-bottom:0; padding-bottom:0; text-indent:-3000px; background:url(../images/location.gif) no-repeat; }
#content #row01 p{color:#fff; font-size:1.1em; line-height:1.4em; margin-top:0;}

#content #opportunity{ /*background:url(../images/oppor_grad.jpg) bottom right no-repeat #dcdde2;*/ margin-top:80px; float:left; padding-bottom:10px;}
#content #opportunity p{color:#fff; font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;}
#content #opportunity h1{ color:#009de9; font-size:1.7em; margin-bottom:10px; padding-bottom:0; text-indent:-3000px; background:url(../images/theopportunity.gif) no-repeat; }
#content #opportunity h2{ color:#009de9; font-size:1.7em; margin-bottom:0; padding-bottom:0; text-indent:-3000px; background:url(../images/commuting.gif) no-repeat bottom left; clear:both; margin-bottom:5px; padding-bottom:0; padding-top:5px; }
#content #opportunity #row01{width:440px; margin-top:30px;*margin-top:42px; margin-left:30px; *margin-left:15px; float:left;}
#content #opportunity #row02{ float:left; width:227px; margin:40px 0 0 20px; padding:5px; background-color:#fff;}
#content #opportunity #row02 p{font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; padding-right:5px; color:#000;}
#content #opportunity #row01 h2.environment{color:#009de9; font-size:1.7em; margin-bottom:5px; padding-bottom:0; padding-top:5px; text-indent:-3000px; background:url(../images/environment.gif) no-repeat bottom left; clear:both; }
#content #opportunity #row02 h1.success{color:#009de9; font-size:1.7em; margin-bottom:0; padding-bottom:0; text-indent:-3000px; background:url(../images/success.gif) no-repeat; clear:both;}
#content #opportunity #row02 h1.skilled{color:#009de9; font-size:1.7em; margin-bottom:0; padding-bottom:0; text-indent:-3000px; background:url(../images/skilled.gif) no-repeat;clear:both; }
.images img{float:left;margin-right:2px;}

#content #row02_location{float:left; margin:35px 0 0 20px;}

#content #availability_listing{float:left;margin-top:90px; margin-bottom:30px; width:740px;}
#content #availability_listing h1{color:#0485c8; font-size:1.5em; margin:5px 0 0 20px; padding:0;}
#content #availability_listing h3{  color:#fff; font:bold 1.3em Arial, Helvetica, sans-serif; margin:0 0 0 5px; padding:0;}
#content #availability_listing table{width:720px; margin-left:20px;}
#content #availability_listing table th p{font:bold 1.3em Arial, Helvetica, sans-serif; color:#fff; text-align:left;padding-left:8px;} #content #availability_listing table th p.availability{text-align:center; padding:0;}
#content #availability_listing table td{background-color: #303861;}
#content #availability_listing table td img{padding:0;margin:0;}
#content #availability_listing table td p{font:bold 1.1em Arial, Helvetica, sans-serif; color:#FFFFFF;padding:5px;}
#content #availability_listing p.occupied{color:#ff7e00; text-transform:uppercase; text-align:center;}
#content #availability_listing p.availablenow{color:#00c017; text-transform:uppercase;text-align:center;}
#content #availability_listing p.underoffer{color:#fff600; text-transform:uppercase;text-align:center;}
#content #availability_listing p.builttosuit{color:#009de9; text-transform:uppercase;text-align:center;}
#content #availability_listing p.contact{ text-align:center; padding:0;margin:0;}
#content #availability_listing p.contact a{color:#131a3f; display:block; padding:37px 3px 36px 3px; background-color:#747995; text-decoration:none;}
#content #availability_listing p.contact a:hover{background-color:#009de9;color:#fff;}

#content #location{margin-top:10px; float:left;}

#contact{position:absolute; top:90px; left:20px; visibility:visible; z-index:100;}
#contact h1{color:#027bb9; text-indent:-3000px; background:url(../images/contact.gif) no-repeat center left; margin:0 0 10px 0; padding:4px 0 0 0}
#contact #agent{ background-color:#fff; float:left; margin-left:425px;*margin-left:205px; margin-top:275px;*margin-top:265px;}
#contact #agent img{float:left;}
#contact #agent_contacts{ float:left; margin-right:10px; margin-top:5px;}
#contact #agent_contacts p{font:bold 1.1em Arial, Helvetica, sans-serif;}
#contact #agent_contacts a{color:#027bb9; text-decoration:none;}
#contact #agent_contacts a:hover{text-decoration:underline;}


h2.location {color:#00a1de;}

#footer{width:740px; background:url(/images/footer_bg2.gif) repeat-x; float:left;margin-top:0px;}
#footer p{color:#062946; height:34px; font-size:1.1em; margin:13px 0 0 10px; float:left;}
#footer #hsbcfooter{float:right; margin-top:5px;}
#footer2 a { color:#FFFFFF; text-decoration:none;}
#footer2 a:hover {color:#CCCCCC;}