/* sci css for portfolio pages */

/*overides base wrapper min-height*/
#wrapper {
    min-height: 825px;
    height:auto !important;
    height: 825px;
}

/* ============================== Header ============================== */
#headerLogo {
    margin: 0;
    padding: 0;
    float: right;
}

/* ============================== Display ============================== */
#displayWrap {
    height: 265px;
    margin: 0;
    _margin: 0 -2px 0 0; /*IE hack to remove 2px gap*/
    padding: 0;
    background: #666 url(../images/portfolio_bg.gif) no-repeat top left;
    font-size: 0;
    line-height: 0;
}

#displayImg {
    margin: 0;
    padding: 0 0 0 52px;
    float: left;
}

#displayImg.honda {
    margin: 0;
    padding: 0;
    float: left;
}

#displayThmbs {
    margin: 0;
    padding: 0;
}

/* ============================== Main ============================== */
#mainContent {
    margin: 0;
    padding: 0;
}

#mainContent p {
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    line-height: 1.4em;
    text-align: left;
}

#mainContentLeft {
    width: 300px;
    margin: 0;
    padding: 0;
    float: left;
}

#mainContentLeft p {
    margin: 0 20px 0 55px;
    padding: 0;
}

#mainContentRight {
    width: 680px;
    margin: 0;
    padding: 0;
    float: right;
}

#clientsMenuWrap {
    margin: 0;
    padding: 0;
}

.clientsMenu ul {
    margin: 0;
    padding: 0 24px 20px 0;
    list-style-type: none;

}

.clientsMenu ul li {
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 1.4em;
}

.clientsMenu ul li a {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 1.0em;
    text-decoration: none;
    padding-left: 20px;
    background: url(../images/right_arrow.gif) no-repeat left center;
    color: #000;
}

.clientsMenu ul li a:hover {
    color: #fe9900;
    padding-left: 20px;
    background: url(../images/right_arrow_hover.gif) no-repeat left center;
}

.clientsMenu ul li#active a {
    color: #fe9900;
    padding-left: 20px;
    background: url(../images/right_arrow_hover.gif) no-repeat left center;
}

#contactInfo {
    margin: 35px 0 0 55px;
    padding: 0;
    font-weight: bold;
    font-size: 1.0em;
    color: #76b42b;
}

#contactInfo p {
    margin: 0;
    padding: 0;
    text-align: left;
}

#contactInfo a {
    font-weight: bold;
    color: #76b42b;
}

#contactInfo a:hover {
    color: #fe9900; 
}

#clientInfo {
    margin: 0 40px 0 0;
    padding: 0;    
}

#clientInfo .heading {
    margin: 0 0 5px 2px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    font-weight: bold;
    color: #999;
}
#clientInfo h4 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 1.1em;
}

#clientInfoText {
    margin: 0;
    padding: 15px 15px 15px 15px;
    background-color: #ccc;
}