html {
	height: 101%;
	/* scrollbar will always be visible */
}

/*body*/
body {
    background-color: #444;
    margin:0;
    padding:0;
    font: .75em Arial,sans-serif;
    color:#000;
    border-top:12px solid #c10024;
    
}

p span {font-size:1.3em;}

div#wrapper {
	background-color: #fff;
	overflow: hidden;
}

a, img{
	border: none;
}

.container {
    width:978px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    background:#FFF;
    padding:0;
    overflow: hidden;
}

.container h1, .container h1 a {
	font-weight: normal;
    width: 515px;
    padding: 0;
    margin: 20px 0 0 0;
    font-size: 30px;
    color: #c10024;
    letter-spacing: -1px;
}

ul.news {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.news li a {
	color: #c10024;
	text-decoration: none;
}

ul.news li {
	margin-bottom: 10px;
}

ul.news li a:hover {
	text-decoration: underline;
}

ul.news li span.small {
	font-size: 0.8em;
}

#overseas a {
	color: #c10024;
	text-decoration: none;
}

#overseas a:hover {
	text-decoration: underline;
}

#logo, #banner {
    width:978px;
    height:380px;
    float:left;
    background: url(../images/logo.png) no-repeat;
    background-position: top center;
}

#banner {
	height:68px;
	background: url(../images/banner.gif) no-repeat;
	background-position: top center;
}

#smallLogo {
    width:200px;
    float:left;
    background-position: top left;
}

.container p {
       
}

a {
    outline:none;
    
}

#overseas {
	width: 550px;
	margin: 0 auto;
}

#overseas h2 {
	font-weight: normal;
    padding: 0px 2px 0px 2px;
    margin-bottom:0;
    font-size: 25px;
    color: #aaa;
    letter-spacing: -1px;
}

#contentright {
	float: right;
	width: 778px;
}

/*left*/
.left {
    width:499px;
    float:left;
    background:#FFF;
    padding-top:60px;
    padding-bottom:50px;
    
}

/*  RIGHT */

div.right p {
	font-size: 15px;
	line-height: 40px;
}

div.floatRight img {
	border: solid 4px #d7d7d7;
	float: right;
	margin-left: 10px;
}


/*  LEFT */

div.floatLeft, div.floatRight {
	clear: both;
	margin-bottom: 25px;
	overflow: hidden;
	width: 550px;
}

div.floatLeft h2, div.floatRight h2 {
	margin: 0 0 10px 0;
}


div.floatLeft img {
	border: solid 4px #d7d7d7;
	float: left;
	margin-right: 10px;
}

div.centerImage {
	overflow: hidden;
	margin: 15px auto;
	width: 500px;
}

#smallNav ol {
	clear: both;
	width: 200px;
	padding: 0;
	list-style: none;
	margin: 30px 0 0 0;
	overflow: hidden;
	height: auto;
}

#smallNav ol li a {
	font-size: 1.8em;
	display: block;
	padding: 10px 0;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #c10024;
}

#smallNav ol li a:hover {
	color: #c10024;
}


a.larger {
	font-size: 1.3em;
}

.leftSmall {
    width:200px;
    float:left;
    background:#FFF;
    padding-top:30px;
    padding-bottom:50px;
    
}

/*right menu*/
.right {
    width:466px;
    height:auto;
    float:right;
    padding-top:60px;
    background: #FFF;
    
}

#links {
    width:466px;
    height:24px;
    background: url(../images/links.png) no-repeat;
    background-position: bottom right;
    
}

#what a {
    display:block;
    width:466px;
    height:94px;
    background: url(../images/what_off.png) no-repeat;
    background-position: top right;
    
}


#where a {
    display:block;
    width:466px;
    height:94px;
    background: url(../images/where_off.png) no-repeat;
    background-position: top right;
    
}


#who a {
    display:block;
    width:466px;
    height:94px;
    background: url(../images/who_off.png) no-repeat;
    background-position: top right;
    
}


#contactus a {
    display:block;
    width:466px;
    height:94px;
    background: url(../images/contact_off.png) no-repeat;
    background-position: top right;
    
}



dl {
	overflow: hidden;
	margin-top: 0;
}

dl dt {
	font-size: 1.3em;
	border-bottom: 1px solid #c10024;
	margin: 25px 0 0 0;
}

dl dd {
	margin: 0;
	padding: 10px;
	background-color: #f5f5f5;
}

dl dd img {
	float: right;
	display: block;
}

dl dd span {
	display: block;
	float: left;
	width: 120px;
	margin-right: 5px;
	border-right: 1px solid #ccc;
}

/*content*/
.contentSite {
    width:100%;
    background: #f1f1f1;
    clear:both;
    border-top:2px solid #ddd;
    
}

div#bottom {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

div#middle {
    background-color: #eee;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 30px 0px 30px 0px;
	overflow: hidden;
	
    
}

div#middle h2 {
    font-weight: normal;
    width: 515px;
    padding: 0px 2px 0px 48px;
    font-size: 25px;
    color: #aaa;
    letter-spacing: -1px;
}

div#middle ul#work {
    width: 745px;
	float: left;
    padding: 0;
	margin: 0 0 0 15px;
    list-style-type: none;
}

div#middle ul#work li {
    display: inline;
    
}

div#middle ul#work li img {
    border: solid 4px #d7d7d7;
    margin: 15px 85px 0px 0px;
    
}


div#twitter {
	width: 200px;
	float: left;
	min-height: 200px;
} 

div#twitter h2 {
	width: 200px;
	padding: 0;
	
}

ul#secondfloorplan{
	width: 550px;
	height: 377px;
	background: url(/images/second.png) no-repeat top left;
	padding: 0;
	margin: 0;
	position: relative;
}
	
	ul#secondfloorplan li{
		padding: 0;
		list-style: none;
		margin: 0;
		z-index: 99999;
	}
		
		ul#secondfloorplan li img, ul#secondfloorplan li span{
			display: none;
		}
		
		ul#secondfloorplan li:hover img, ul#secondfloorplan li:hover span{
			display: block;
		}
		
		ul#secondfloorplan li span{
			position: absolute;
			top: 60px;
			left: 10px;
			width: 200px;
			background: #fff;
			padding: 10px;
			-moz-border-radius: 10px;
		    -webkit-border-radius: 10px;
		    border: 4px solid #C31230;
		    -moz-box-shadow: 0 0 20px #FFF;
		    -webkit-box-shadow: 0 0 20px #FFF;

		}
			
			ul#secondfloorplan li span h3{
				padding-top: 0;
				margin-top: 0;
			}
	
	ul#secondfloorplan li#office201{
		position: absolute;
		top: 203px;
		left: 41px;
		height: 66px;
		width: 47px;
	}
	
	ul#secondfloorplan li#office202{
		position: absolute;
		top: 162px;
		left: 58px;
		height: 48px;
		width: 44px;
	}
	
	ul#secondfloorplan li#office203{
		position: absolute;
		top: 119px;
		left: 64px;
		height: 53px;
		width: 68px;
	}
	
	ul#secondfloorplan li#office208{
		position: absolute;
		top: 59px;
		left: 84px;
		height: 78px;
		width: 103px;
	}
	
	ul#secondfloorplan li#office209{
		position: absolute;
		top: 69px;
		left: 185px;
		height: 86px;
		width: 42px;
	}
	
	ul#secondfloorplan li#office210{
		position: absolute;
		left: 226px;
		top: 70px;
		height: 85px;
		width: 41px;
	}
	
	ul#secondfloorplan li#office213{
		position: absolute;
		left: 309px;
		top: 65px;
		height: 58px;
		width: 82px;
	}
	
	ul#secondfloorplan li#office215{
		position: absolute;
		left: 326px;
		top: 122px;
		height: 59px;
		width: 63px;
	}
	
	ul#secondfloorplan li#office216{
		position: absolute;
		left: 309px;
		top: 181px;
		height: 75px;
		width: 80px;
	}
	
	ul#secondfloorplan li#office217{
		position: absolute;
		left: 268px;
		top: 190px;
		height: 67px;
		width: 42px;
	}
	
	ul#secondfloorplan li#office218{
		position: absolute;
		left: 227px;
		top: 190px;
		height: 67px;
		width: 41px;
	}
	
	ul#secondfloorplan li#office219{
		position: absolute;
		left: 186px;
		top: 190px;
		height: 67px;
		width: 41px;
	}
	
	ul#secondfloorplan li#office220{
		position: absolute;
		left: 130px;
		top: 185px;
		height: 99px;
		width: 55px;
	}
	
	ul#secondfloorplan li#office221{
		position: absolute;
		left: 110px;
		top: 238px;
		height: 40px;
		width: 25px;
	}
	
	ul#secondfloorplan li#office222{
		position: absolute;
		left: 267px;
		top: 70px;
		height: 53px;
		width: 42px;
	}

/*footer*/
#footer {
    width:100%;
    background: #444;
    height:65px;
    clear:both;
	margin-top: 10px;
    line-height:65px;
    font-size:0.85em;
    color:#F8F8F8;
    text-align:center;
}

#footer a {
	color:#F9F9F9;
	text-decoration:none;
	}

/*omg tables*/

table {width:40%; margin:10px 0px; text-align:center; float:left; padding-right:60px; padding-left:40px;}
table tr thead {}
table tr td, table tr thead {border:1px solid grey; padding:3px 0;}