/* 
    Document   : designs
    Created on : 24-Jun-2013, 17:56:38
    Author     : Asif Javed
    Description:
        Purpose of the stylesheet follows.
*/

.genBoxes {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 190px;
}
.genBoxes a
{

    width: 226px;
    height: 180px;
    padding-top: 10px;
    margin-right: 11px;
    background: url("/images/hfbg.png") repeat scroll center top transparent;
    display: block;
    float: left;
    position: relative;  
    text-align: center;

}

.genBoxes a.noRightMargin 
{
    margin-right: 0px;
}

.genBoxes a:hover 
{
    text-decoration: none;
}

.genBoxes a .tGenBox  
{ 
    font-size: 26px;
    line-height: 26px;
    display: block;            
    color: #FACC0E;
    text-transform: uppercase;
    padding: 15px;            
    text-align: center;
}

.genBoxes .pGenBox
{
    width: 90px;
    height: 90px;
    position: absolute;
    right: 10px;
    top: 5px;             
    background: url("/images/circle_design.png") no-repeat scroll center top transparent;            
    text-align: center;
}

.genBoxes .gbNavBtn 
{ 
    position: absolute;
    left: 0px;
    bottom: 0px;            
    width:216px; 
    padding-right: 10px;
    height: 35px;
    font-size: 20px;
    line-height: 35px;
    vertical-align: central;
    text-align: center;
    color: #FFF;        
}

.genBoxes a:hover .gbNavBtn 
{
    background: url("/images/hfbg.png") repeat scroll center top transparent;
    color: #FACC0E;

}

.genBoxes a .gbNavBtn .icon 
{
    background: url("/images/icons_sprite.png") no-repeat scroll 0 -28px transparent;
    height: 18px;
    position: absolute;
    right: 85px;
    text-align: left;
    text-indent: -4000px;
    top: 9px;
    width: 20px;
}

.genBoxes a:hover .gbNavBtn .icon {

    background: url("/images/icons_sprite.png") no-repeat scroll 0 -47px transparent;
    color: #FACC0E;

}

.genBoxes .viewPortfolio 
{

}


.separatorLine {
    background: url("/images/separator-shadow.png") no-repeat scroll left top transparent;
    border-top: 1px solid #FFFFFF;
    height: 15px;
    margin-bottom: 0px;
    margin-top: 8px;
}


.btSlogan 
{
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 3px;
    text-align: center;
    line-height: 27px;
}

.btSlogan .quoteLeft 
{
    margin-right: 10px;
    margin-bottom: 5px;
}

.btSlogan .quoteRight {
    margin-left: 10px;
    margin-bottom: 5px;
}      

#leftSide { 
    height: 820px !important;
}