@font-face {
    font-family: 'SpaceAgeRegular';
    src: url('space_age-webfont.eot');
    src: url('space_age-webfont.eot?#iefix') format('embedded-opentype'),
         url('space_age-webfont.woff') format('woff'),
         url('space_age-webfont.ttf') format('truetype'),
         url('space_age-webfont.svg#SpaceAgeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.bluespace {
font-family: 'SpaceAgeRegular' !important;
color:#8585C8 !important;
font-size: 1.15em !important;
}
.greyspace {
font-family: 'SpaceAgeRegular' !important;
color:#AAAAAA !important;
font-size: 1.15em !important;
}
body {
background: #FFF;
line-height: 110%;
font-family: Arial, Helvetica, sans-serif;
font-size:90%;
color: #777;
}

a:link, a:visited, a:active, a:hover {
text-decoration: underline;
color: #777;
}

a:hover {
color: #333;
}
.active, .active a:link, .active a:visited, .active a:active, .active a:hover {
color:#000 !important;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.0em 0 0 0;
line-height: 1.2em;
}

p {
margin: 0.5em 0 0;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
font-size: 1.2em;
}
h2 {
font-size: 1.1em;
}
h3, h4, h5, h6 {
font-size: 1em;
}
p {
text-align: justify;
}
strong, b {
font-weight:bold;
}
hr {
border: 0; 
border-bottom: 1px solid #777;
height: 1px;
color: #CCC;
margin: 0;
}
.news hr {
margin: 0;
}
#body-wrapper {
width: 960px;
min-height: 600px;
background: #FFF;
margin: 0 auto 3ex;
}
#header {
width: 100%;
height: 320px;
position:relative;
overflow: hidden;
border-bottom: 1px solid #777;
}
#header #logo, .flex-caption {
position:absolute;
bottom:0;
background: rgba(255,255,255,.8);
width:100%;
font-size: 1.2em;
font-weight: bold;
text-transform:uppercase;
color: #000;
padding: 0.8em 1ex 0.6em;
z-index: 1;
}
.flex-caption {
background:none transparent;
right:0;
text-align: right;
line-height: 1.3em;
font-size: 1em;
font-weight: normal;
text-transform:none;
display:none;
}
#slideControls {
position: absolute;
bottom: 6.5ex;
right: 1ex;
}
#slideControls li {
float: left;
margin-left: 1ex;
height: 0.8em;
width: 0.8em;
border: medium solid #CCC;
background: rgba(255,255,255,.3);
}
#slideControls a {
color: #CCC;
display:block;
height: 0.8em;
width: 0.8em;
cursor: pointer;
text-indent: -99em;
}
#slideControls a:hover {
background: #FFF;
}
#slideControls a.active {
background: #CCC;
}

.projCaption, .pressCaption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    bottom: 0;
    color: #000000 !important;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 222px;
}
.no-rgba #header #logo, .no-rgba .projCaption, .no-rgba .pressCaption {
background:none; 
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); 
zoom: 1;
}

#content {
min-height: 300px;
position:relative;
padding:0 1ex;
}
#cntp {
min-height: 300px;
position:relative;
}
/* Start of Column CSS */
#cnt2 {
clear:left;
float:left;
width:100%;
overflow:hidden;
background:#F7F7F7; /* column 2 background colour */
}
#cnt1 {
float:left;
width:100%;
position:relative;
right:25%;
background:#FFF; /* column 1 background colour */
}
#leftbox {
float: left;
left: 25%;
overflow: hidden;
position: relative;
width: 72%;
padding-left:0.6em;
}
#rightbox {
float:left;
width:22%;
position:relative;
left:29%;
overflow:hidden;
}

#rightbox li {
list-style-type: none;
font-size: 0.8em;
margin: 1em 0 1em 3ex;
text-indent: -3ex;
}

#footer {
color: #AAA;
font-size: 0.65em;
border-top: 1px solid #777;
}
.footer {
line-height: 26px;
}

.nav {
width:100%;
position: relative;
}
.nav ul {
padding: 0 0 0 0.6em;
}
.nav ul li {
float: left;
margin: 0 3ex 0 0;
padding: 0.8em 0 0.6em;
}
.nav a:link, .nav a:visited, .nav a:active, .nav a:hover {
color: #777;
text-decoration:none;
font-size: 1.2em;
font-weight: normal;
}
.nav a:hover {
color:#000;
text-decoration: underline;
}
.right {
float:right;
}
.left {
float:left;
}
.clear {
clear:both;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.mabot {
margin-bottom: 1em;
}
#imgslider .slides > li {
display:none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

#projList, #pressList {
width:110%;
margin: 1em 0 0.3em;
}
.projItem, .pressItem {
float: left;
margin: 0 0.53em 0.53em 0;
overflow: hidden;
position: relative;
width: 232px;
height: 152px;
border: 1px solid #CCC;
}
.pressItem {
margin: 0 0.72em 0.72em 0;
width: 182px;
height: 256px;
}
.pressItem *, .projItem * {
vertical-align:bottom;
}
/*
.no-touch .projItem a:hover .projCaption {
display:block;
}
.no-touch .projItem a .projCaption {
display:none;
}
*/
#projDetail, #pressDetail {
margin: 1em 0 0;
width: 110%;
position:relative;
}


.no-touch .pressItem a:hover .pressCaption {
display:block;
}
.no-touch .pressItem a .pressCaption {
display:none;
}
.detail {
width: 10.8%;
height: 100px;
display: block;
float: left;
margin: 0.4em .47% 0 0;
padding: 0;
position: relative;
border: 1px solid #CCC;
}
.detail img, .projItem img, .pressItem img {
height: 100%;
width: 100%;
}
#newsList .imgWrapper {
float:left;
position:relative;
width: 250px;
height: 150px;
margin:0 1.2em 1.2em 0;
}
#newsList img {
width: 100%;
}

.gmaptv {
float:right;
}

.gmaptv p {
text-align: left;
margin:0;
}