/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0 auto;
}


a:link{ text-decoration: underline; color: #3618ab;}
a:visited{ text-decoration: underline; color: #000;}
a:hover{ text-decoration: underline; color: #1B0C55;}
a:active{ text-decoration: underline; color: #e23828;}




#cnt-wrapper{
width: 824px;
height: auto;
margin: 0 auto;
padding: 0;
/*background: #ba0000;*/
}

#cnt-masthead{
height: 160px;
width: 824px;
margin-bottom: -3px;
}

#cnt-content, #cnt-content-home{
width: 530px;
height: auto;
margin-top: 0;
padding: 0 10px;
float: left;
}


/*#cnt-content-home{
width: 600px;
height: auto;
padding:0 0 0 10px;
float: left;
}*/




#cnt-right{
width: 274px;
height: auto;
float: left;
}

#location-images{
height: 150px;
width: 824px;
background-color: #fff;
}

.loc-img-sides{
width: 274px;
float: left;
}

.loc-img-centre{
float: left;
width: 274px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}


/*  NAVAGATION ITEMS */

#globalheader{
width: 824px;
height: 30px;
overflow: hidden;
background: #e44637;
margin: 0;
padding: 0;
}

globalheader #globalnav {
padding: 0;
margin: 0;
}

#globalheader #globalnav ul{
height: 25px;
margin-left: 0;
padding-left: 0;
}

#globalheader #globalnav li{
display: inline;
margin: 0;
padding: 0;
}

#globalheader #globalnav li a{
width: 117px;
height: 30px;
padding: 0;
margin: 0;
text-decoration: none;
float: left;
}

#globalheader #globalnav li a, #globalheader #gn-spacer {
background-image: url(../images/gn-buttons_v2.gif);
background-repeat: no-repeat;
}

/* BUTTONS */
#globalheader #globalnav li#gn-about a { background-position: 0 0; }
#globalheader #globalnav li#gn-proposition a { background-position: -117px 0; }
#globalheader #globalnav li#gn-services a{ background-position: -234px 0; }
#globalheader #globalnav li#gn-people a{ background-position: -351px 0; }
#globalheader #globalnav li#gn-experience a { background-position: -468px 0; }
#globalheader #globalnav li#gn-research a { background-position: -585px 0; }
#globalheader #globalnav li#gn-dimensions a { background-position: -702px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-about a:hover { background-position: 0 -30px; }
#globalheader #globalnav li#gn-proposition a:hover { background-position: -117px -30px; }
#globalheader #globalnav li#gn-services a:hover{ background-position: -234px -30px; }
#globalheader #globalnav li#gn-people a:hover{ background-position: -351px -30px; }
#globalheader #globalnav li#gn-experience a:hover { background-position: -468px -30px; }
#globalheader #globalnav li#gn-research a:hover { background-position: -585px -30px; }
#globalheader #globalnav li#gn-dimensions a:hover { background-position: -702px -30px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-about a:active { background-position: 0 -60px; }
#globalheader #globalnav li#gn-proposition a:active { background-position: -117px -60px; }
#globalheader #globalnav li#gn-services a:active { background-position: -234px -60px; }
#globalheader #globalnav li#gn-people a:active { background-position: -351px -60px; }
#globalheader #globalnav li#gn-experience a:active { background-position: -468px -60px; }
#globalheader #globalnav li#gn-research a:active { background-position: -585px -60px; }
#globalheader #globalnav li#gn-dimensions a:active { background-position: -702px -60px; }

/* ON STATES */


.hide-text{
visibility: hidden;
}


#cnt-pagetitle{
height: 70px;
width: 824px;
margin: 0;
padding: 0;
background: url(../images/bg-graid-top.gif) repeat-x 0 0;
}

#cnt-pagetitle h1{
visibility: hidden;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

#cnt-pagetitle img{

}

#cnt-footer{
clear: both;
margin: 0;
padding: 0;
overflow: hidden;
height: 70px;
width: 824px;
background: url(../images/footer.jpg) no-repeat bottom left;
}

.cnt-segment{
height: auto;
width: auto;
padding: 5px 0;
/*background: #999;*/
}

.clear{
clear: both;
height: 1px;
width: auto;
display: block;
}

p, li{
font-size: 70%;
line-height: 155%;
}

p{
margin: 0 0 15px 0;
}

p.caption{
font-size: 65%;
line-height: 140%;
padding: 0 3px 3px 3px;
border-bottom: 1px solid #d9d9d9;
}

#cnt-content-home p{
font-size: 82%;
line-height: 180%;
}

.CTA{
font-weight: bold;
}

#cnt-content ul{
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin:  0 0 15px 0;
}

ul.right-list{
margin-left: 0;
padding-left: 0;
margin:  15px 0 15px 15px;
}

ul.right-list li{
background: url(../images/bullet-v2.gif) no-repeat 0 .4em;
margin-left: 0;
padding-left: 0;
margin: 0;
padding: 0 0 0 13px;
}

#cnt-content li{
background: url(../images/bullet-v2.gif) no-repeat 0 .4em;
margin-left: 0;
padding-left: 0;
margin: 0 0 0 -15px;
padding: 0 0 0 13px;
}

h1, h2, h3, h4{
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #1b0c55;
}

h1{
font-size: 120%;
font-weight: normal;
margin: 30px 0 10px 0;
}

h2{
font-size: 90%;
font-weight: bold;
margin: 15px 0 5px 0;
}


h3{
font-size: 80%;
font-weight: bold;
margin: 15px 0 5px 0;
}

h4{
font-size:75%;
font-weight: bold;
margin: 15px 0 5px 0;
}

p.intro-text{
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size: 95%;
line-height: 160%;
color: #444;
color: #E23828;
}

.hd-first{
margin: 0 0 10px 0;
}

.hd-home-page{
color: #E23828;
font-size: 145%;
font-weight: lighter;
letter-spacing: 0.025em;
margin: 25px 0 10px 0;
}


ul.utility-links{
text-align: right;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.utility-links li, #footer-links li{
display:inline;
height: auto;
margin: auto 5px;
}


.utility-links a{
padding: 0;
margin: 0;
}

.utility-links a:link, #footer-links a:link{ color: #888; } 
.utility-links a:visited, #footer-links a:visited{ color: #888; }
.utility-links a:hover, #footer-links a:hover{  color: #1B0C55; }
.utility-links a:active, #footer-links a:active{ color: #e23828; }


#footer-links ul{
text-align: right;
}

#footer-links a{
margin: 0;
height: auto;
padding: 0;
}

.rule-h{
height: 9px;
width: auto;
background: url(../images/rule-h2.gif) repeat-x 0 0;
margin: 5px;
}

.rule-h#rule-space{
margin: 5px;
height: auto;
}

strong{
font-weight: bold;
color: #1b0c55;
}

.date{
font-weight:bold;
color: #b2b2b2;
color: #979797;
margin: 0;
}

#cnt-content ul{
list-style-type: none;
margin: 0 0 10px 15px;
}

#cnt-content ul li{
background: url(../images/bullet_v1.gif) no-repeat 0 0.5em;
margin: 0 0 7px 0;
}

/* PEOPLE SECTION */

.personal-profile{
margin: 10px 0 25px 0;
width: 506px;
}

.personal-details{
/*border-bottom: 1px solid #ccc;*/
height: auto;
width: auto;
/*background: url(../images/rule-h2.gif) repeat-x bottom left;*/
margin: 0;
padding: 0;

}

.personal-details img {
float: left;
margin: 0 5px 0 0;
}

.name {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 110%;
font-weight: normal;
color: #e23828;
margin: 0 0 0 0;
}

.title{
font-weight: bold;
margin: 0;
}

.qualification{
color: #1b0c55;
margin: 0;
}

.contact{
background: #ececec;
padding: 2px;
text-align: center;
}

/*  TABLE STYLES */

.tb-experience{
width: 508px;

}

.tb-experience td{
padding: 3px 2px;
border-bottom: 1px solid #ccc;
}

.tb-experience p{
margin:0;
line-height: 140%;
}

tr.tb-head td{
background: #d9d9d9;
border-top: 1px solid #ccc;
}

.project-sponsor{
text-align: center;
width: 170px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.example-projects{
border-left: 1px solid #ccc;
}

/* CONTACT US */

#contact-office, #contact-people{
float: left;
width: 260px;
height: auto;
}

/* Tria Dimensions */
.dimensions{
background: url(../images/pdf_v2.gif) no-repeat top left;
height: 27px;
padding: 6px 0 0 34px;
margin: 0;
}

p.dimensions{
margin: 0 0 12px 0;
}

.pull-out-container{
border: 1px solid #ccc;
padding: 8px 8px 4px 8px;
margin: 0 0 18px 0;
}


/* Award Logos */

#award-logos-cont{
height: 59px;
width: auto;
margin: 27px 0 0 0;
}

#award-logos{
margin: 0 auto;
height: 59px;
width: 292px;
}

#award-logos img{
float: left;
}

#award-logos a {
border: none;
}