/** Box section **/
#box {
	clear: both;
    width: 985px;
    height: 325px;
    margin-top: 58px;
}

#box-1 {
	position: relative;
    width: 235px;
    float: left;
}

#box-2 {
	position: relative;
    width: 235px;
    float: left;
    margin-left: 15px;
}

#box-3 {
	position: relative;
    width: 235px;
    float: left;
    margin-left: 15px;
}

#box-4 {
	position: relative;
    width: 235px;
    float: left;
    margin-left: 15px;
}

#box hr {
    color: #dfdfdf;
    margin-top: 8px;
}

#box h3 {
    font-family: 'MyProCond';
    text-transform: uppercase;
    font-size: 26px;
}

#box-1 h3 {
    color: #157ac2;
}

#box-2 h3 {
    color: #ff9307;
}

#box-3 h3 {
    color: #f12800;
}

#box-4 h3 {
    color: #5c5757;
}

#box h4 {
    font-family: verdana;
    font-size: 8.5px;
    color: #a0a0a0;
}

#box p.text {
    color: #797979;
    font-family: Arial;
    font-size: 12px;
    line-height: 20px;
    margin-top: 3px;
    text-align: justify;
 /*   letter-spacing: -1px;	*/
    height: 150px;
    overflow: hidden;
}

#box img {
    width: 226px;
    height: 131px;
    border: 4px solid white;
    margin-top: 13px;
}

.img-shadow{
    background: url('../images/shadow.png') 0 100% no-repeat;
    height: 167px !important;
}


#box .more{
    width: 83px;
    height: 25px;
    color: #FFF;
    position: absolute;
   /** top: 877px; **/
    text-decoration: none;
    font-size: 11px;
    line-height: 25px;
    padding-left: 5px;
	letter-spacing: -1px;
	letter-spacing: -0.5px;
	top: 270px;
}

#box-1 .more{
    background: url('../images/button-1.png') 0 0 no-repeat;
}

#box-2 .more{
    background: url('../images/button-2.png') 0 0 no-repeat;
}

#box-3 .more{
    background: url('../images/button-3.png') 0 0 no-repeat;
}

#box-4 .more{
    background: url('../images/button-4.png') 0 0 no-repeat;
}

#box-1 .more:hover{
    background: url('../images/button-1.png') 0 -25px no-repeat;
}

#box-2 .more:hover{
    background: url('../images/button-2.png') 0 -25px no-repeat;
}

#box-3 .more:hover{
    background: url('../images/button-3.png') 0 -25px no-repeat;
}

#box-4 .more:hover{
    background: url('../images/button-4.png') 0 -25px no-repeat;
}

/** Box section end **/

.clear{ clear: both; }