/* Intergate Management Consulting */
/*
NOTE
To force client cache reload, the version number, which forms part of the
file name of this commomn CSS file, needs to be changed whenever the CSS
is updated. The CSS include needs to be updated in the subTop.php file.
*/


html, body {margin:0px; padding:0px; width:100%; height:100%;}
body {
   font-family: Arial, Helvetica,sans-serif;
  font-size: 14px;
  color: #666666;
  background-color: #ffffff;
    height: 100%;
}
#container {
    position: relative;
    margin: 0 auto;
    padding: 0 0 28px 0;
    width: 1000px;
    min-height: 608px;
}
#main {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* HEADER & FOOTER **********************************************************************
*/
#header{
    padding: 0;
    position: relative;
    width: 100%;

}
#menu {
    background-color: #000000;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
    height: 24px;
}
#menu a {
    float: left;
    display: block;
    font-size: 90%;
    padding: 4px 0 0 10px;
    text-decoration: none;
    width: 120px;
}

#menu a:hover {
    font-size: 100%;
}
.menuHover {
    color:#a0a0a0;
    font-size: 100%;
}
.logo {
    float:right;
    height: 72px;
    width: 108px;
    margin: 0 10px 0 10px;
}
.title {
    float:right;
    height:30px;
    margin: 30px 0 0 0;
    font-size: 130%;
    color: #000000;
    font-weight: bold;
}
.initials {
    float:right;
    height:30px;
    margin: 20px 20px 0 0;
    font-size: 200%;
    color: #000000;
    font-family: Papyrus, Helvetica,sans-serif;
    font-style: italic;
    font-weight: bold;
}
#footerContainer {
    position: fixed;
	bottom: 0px;
    width: 100%;
    z-index: 999;
}
#footer {
    position: relative;
    height: 24px;
    margin: auto;
    width: 1000px;
	background-color: #000000;  
}
#menuLinks a {
    float: right;
    display: block;
    font-size: 90%;
    padding: 4px 6px 0 6px;
    text-decoration: none;
    width: 80px;
}
#menuLinks a:hover {
    background-color: #000000;
    font-size: 100%;
}
#socialLinks a {
    float: left;
    display: block;
    width: 20px;
    padding: 3px 0 0 15px;
    text-decoration: none;
    background-color: #000000;
}
#socialLinks a img {
    background-color: #000000;
}

/* HOME page **********************************************************************
*/
.landing {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #000000;
    z-index:999;
    display:none;
}
.landing .spacer {      /* spacer for vertical centering */
    width:100%;         /* both this spacer and the box to be centred need width defined to work in IE6/7 */
    height:50%;
    margin-bottom: -45px; /* negative half of total height of div to be centered */
}
.landing .box{
    width:100%;
    height: 70px;
    padding-bottom:20px;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}
.landing .text{
    font-family: "Arial Rounded MT Bold", "Nunito", sans-serif;
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    display:none;
}
#montageContainer {
    position: relative;
    clear:both;
    width: 992px;
    height: 504px;
}
.montageBox {
    position: relative;
    float: left;
    width: 240px;
    height: 160px;
    margin: 8px 8px 0 0;
    overflow: hidden;
}
.montageText {
    position: relative;
    float: left;
    width: 236px;
    height: 154px;
    padding: 6px 0 0 4px;
    margin: 8px 8px 0 0;
    font-size: 90%;
    cursor: default;
}
.montageBox img{
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
.imageZoom0 {
    height: 176px;
    width: 264px;
}
.imageZoom1 {
    height: 160px;
    width: 240px;
}
.imageZoom2 {
    height: 176px;
    width: 264px;
}
.linkText {
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 95%;
    font-weight: bold;
    padding: 0 10px 4px 10px;
    background-color: #000000;
    color: #a0a0a0;
    z-index: 9;
    cursor:pointer;
    display: none;
}

/* PROJECT page **********************************************************************
*/
#projectBox {
    position: relative;
    z-index: 20;
    float: left;
    width: 640px;
    height: 480px;
    margin: 30px 0 0 10px;
    font-size: 100%;
}
#projectBoxBG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 640px;
    height: 480px;
}
#projectBox img{
    position: relative;
    float: left;
    width: 320px;
    height: 230px;
    margin: 0;
}
.projectText {
    position: relative;
    float: left;
    width: 300px;
    height: 225px;
    margin: 0;
    background-color: #EEEEEE;
    padding: 0 10px 5px 10px;
    overflow: hidden;
}
.projectP2 {
    margin: 4px 0 0 0;
    font-size: 85%;
}
#projectList {
    position: relative;
    float: left;
    margin: 60px 0 0 0;
    width: 330px;
}
#projectList a {
    float:left;
    clear:both;
    height: 15px;
    margin: 10px 0 0 10px;
    overflow: hidden;
    font-size: 90%;
    outline: none;
	text-decoration:none;
	border:none;
    color: #666666;
}
#projectList a:hover {
    color:#000000;
    font-weight: bold;
}
#projectList .activeLink {
    color:#000000;
    font-weight: bold;
}

/* PEOPLE page **********************************************************************
*/
#box700 {
    position: relative;
    float: left;
    margin: 18px 0 10px 0;
    width: 670px;
    font-size: 100%;
}
#box300 {
    position: relative;
    float: left;
    margin: 20px 30px 0 30px;
    width: 240px;
}
.box30Line {
    position: static;
    float: left;
    clear:both;
    margin-top: 4px;
    font-size: 90%;

}
.box30Head {
    position: static;
    float: left;
    clear:both;
    margin: 20px 0 2px 0;
    font-size: 100%;
}

/* SERVICES page **********************************************************************
*/
#servicesList {
    position: relative;
    float: left;
    margin: 60px 0 0 0;
    width: 330px;
}
#servicesList a {
    float:left;
    clear:both;
    height: 15px;
    margin: 10px 0 0 10px;
    overflow: hidden;
    font-size: 90%;
    outline: none;
	text-decoration:none;
	border:none;
    color: #666666;
}
#servicesList a:hover {
    color:#000000;
    font-weight: bold;
}
#servicesList .activeLink {
    color:#000000;
    font-weight: bold;
}
.servicesBanner {
    position:relative;
    overflow: hidden;
    height: 460px;
    width: 640px;
}
.servicesBanner .line{
    position:absolute;
    top:10%;
    left:10%;

    font-size: 50%;
    overflow: hidden;
    height: 22px;
    cursor: pointer;
    padding: 4px;
}
.servicesBanner li{
    position:absolute;
    top:30%;
    left:40%;
    background-color: transparent;
    list-style: none;
    width:100%;
    overflow: hidden;
}
#servicesBox {
    position: relative;
    float: left;
    width: 640px;
    margin: 30px 0 20px 10px;
    font-size: 100%;
}
#servicesBoxBG {
    position: absolute;
    z-index: 0;
    width: 640px;
    height: 480px;
}
#servicesBoxBG img{
    position: relative;
    float: left;
    width: 320px;
    height: 230px;
    margin: 0;
}
.servicesPara {
    clear:both;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}
.bullet {
    clear: both;
    float: left;
    margin: 10px 5px 0 10px;
}
.bulletText {
    position: relative;
    float: left;
    width: 540px;
    margin: 10px 0 0 0;
}
.imgRight{
float: right;
margin: 0 0 5px 10px;
}
.imgLeft{
float: left;
margin: 0 10px 5px 0;
}

/* CONTACT page ***************************************************************************
 */
.contactLeft {
    position: relative;
    float: left;
    margin: 100px 0 0 40px;
    padding: 10px 0 0 0;
    width: 80px;
    height: 390px;
    border-top: 2px solid #333333;
}
.contactRight {
    position: relative;
    float: left;
    margin:  0;
    padding: 0 0 0 10px;
    width: 280px;


}
.contactH {
    position: relative;
    float: left;
    margin: 100px 0 0 0;
    width: 800px;
    height: 10px;
    border-top: 2px solid #333333;
}
.contactV {
    position: relative;
    float: left;
    height: 440px;
    width: 2px;
    margin: 40px 0 0 0;
    background-color: #000000;
}
.contactAddress {
    width: 100%;
    float:left;
    height:110px;
    padding: 0 0 10px 0;
}
.contactHeader {
    padding:20px 0 0 0;
    height:110px;
}
.contactCountry {
    height:110px;
    padding: 10px 0 0 20px;
}
.contactMailto {
    height: 110px;
    float: left;
    padding:20px 0 0 0;
    line-height: 50px;

}
.contactMailto img{
    float:left;
}
.contactMailto a{
    color: #666666;
    font-size:100%;
}
.contactMailto a:hover{
    color: #999999;
    font-size:100%;
}
.telephoneBox {
    height: 110px;
    clear: both;
    width:100%;
    font-size: 95%;
}

.contactLinks {
    float: left;
    padding:20px 0 0 30px;
}
.contactLinks a {
    float: left;
    text-decoration: none;
}
.contactLinks a img {
float: left;
}

/* CREDITS page ***************************************************************************
 */
.creditsBox50 {
    position: relative;
    float: left;
    padding: 0 0 0 10px;
    width: 390px;
    height: 330px;
}
.creditsText {
    float:left;
    width: 320px;
    height: 330px;
    padding: 25px 0 0 70px;
}
.linkBox {
    margin: 0 0 8px 0;
    height: 30px;
}
.linkBox a{
    color: #999999;
}
.linkBox a:hover{
    color: #4A786B;
}


/* COMMON ITEMS  **********************************************************************
*/
.cover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: transparent;
}
.loading {
    position: absolute;
    width: 100%;
    height: 460px;
    background: url(../images/loading.gif) center no-repeat transparent;
    display: none;
}
.lineV {
    position: relative;
    float: left;
    height: 480px;
    width: 2px;
    margin: 20px 2px 0 2px;
    background-color: #000000;
}
.floatLeft {
    float:left;
    margin-right: 10px;
}
a {
    outline: none;
	text-decoration:none;
	border:none;
    color: #ffffff;
}
a:hover {
  color:#a0a0a0;
  text-decoration:none;
    font-size: 110%;
}
a img {
   border: none;
}
a img:hover{
	 border-color: #954034;
}
.active {
    color:#a0a0a0;
    font-weight: bold;
}
.activeM {
    color:#a0a0a0;
    font-weight: bold;
}
.activeLink {
    color:#000000;
    font-weight: bold;
}
.hoveredLink {
    color:#000000;
    font-weight: bold;
}


.linkActive {
    color:#000000;
    font-weight: bold;
}
.linkHovered {
    color:#000000;
    font-weight: bold;
}
.brown {
    color: #A85739;
    font-weight: bold;
}
.yellow {
    color: #FFB800;
    font-weight: bold;
}
.blue {
    color: #0000FF;
    font-weight: bold;
}
h1 {
    color: #F5DF00;
    font-size: 130%;
    letter-spacing: 1.02px;
    margin: 6px 0 6px;
    padding: 6px 0 6px;
}
h2 {
    color: #A85739;
    font-size: 90%;
    letter-spacing: 1.02px;
    margin: 2px 0 6px;
    padding: 4px 0 4px;
}