body{background-color : #6b6b6b;}
#content { font-family : arial;overflow : hidden;width : 100%;}
#content #header{ float : left;width : 100%; height:  274px;background-color : #313131;border-bottom : 1px solid #e1e1e1;}
#content #header .subContent{ overflow : hidden ; width : 920px;margin : 70px auto 0px auto;}
#content #header .subContent span.voidLogo{float : left;display : block;margin : 0px 0px 0px 10px;}
#content #header .subContent p.voidDescription{float : right ; margin : 36px 18px 0px 0px ;font-size : 16px;color : #fff;width : 295px;}

#content #main{ float : left;width : 100%;background: #6d6d6d url(../img/bg-repeater.jpg) repeat-x scroll 0 0;}
#content #main .subContent{ overflow : hidden; width : 920px; background: transparent url(../img/bgContent.jpg) no-repeat scroll 0 0;margin:0px auto;padding : 58px 0 53px 0;}
#content #main .subContent #projectList{ overflow : hidden; width : 915px; padding : 0px 1px 0px 4px;}
#content #main .subContent #projectList li{ float : left; width : 216px;position : relative; padding : 0px 17px 0px 0px}
#content #main .subContent #projectList li.last{ padding-right : 0px}
#content #main .subContent #projectList li span.bgIMG{display : block;z-index : 10; }
#content #main .subContent #projectList li span.bgIMG a{font-size : 0px;}
#content #main .subContent #projectList li div.descBlock{z-index : 20; margin : -15px 0px 0px 4px;}
#content #main .subContent #projectList li div.descBlock  h3 a{font-size : 12px ; font-weight : bold;color : #dddc6b;text-transform : uppercase}
#content #main .subContent #projectList li div.descBlock  p.description{font-size : 11px ; font-weight : bold;color : #dddddd;padding : 4px 0px 15px 0px;height : 25px;}
#content #main .subContent #projectList li div.descBlock  .forCompte{overflow : hidden;width : 100%;}
#content #main .subContent #projectList li div.descBlock  .forCompte  span.line img{font-size:0px;display:block;}
#content #main .subContent #projectList li div.descBlock  .forCompte p {text-align : right;overflow : hidden; width :100%;padding : 4px 0px 0px 0px;}
#content #main .subContent #projectList li div.descBlock  .forCompte p .text{font-size : 10px;color : #b7b7b7;float : right;padding : 0px 0px 0px 0px;}
#content #main .subContent #projectList li div.descBlock  .forCompte p .client{margin : 2px 0px 0px 8px;float : right;}

#content #main .subContent .footer{width : 100%; padding : 71px 0px 0px 0px;}
#content #main .subContent .footer .actionBar{width : 100%;border-bottom : 1px solid #1e1e1e;overflow : hidden;}
#content #main .subContent .footer .actionBar a{background-color : #1e1e1e ; padding : 6px 14px;}
#content #main .subContent .footer .actionBar a.contact{float : left;}
#content #main .subContent .footer .actionBar a.job{float : right;}
#content #main .subContent .footer .information{overflow : hidden;width : 912px;padding : 6px 4px 0px 4px;}
#content #main .subContent .footer .information .left{float : left;width : 224px;}
#content #main .subContent .footer .information .left .skype{float : right;}
#content #main .subContent .footer .information  p{font-size : 11px;color : #d2d2d2;font-weight : bold;}
#content #main .subContent .footer .information  .right p{width:175px;text-align : right;}
#content #main .subContent .footer .information  p span.title{width : 57px;float:left;}
#content #main .subContent .footer .information  p a.yellow{color : #dddc6b;cursor : pointer;}
#content #main .subContent .footer .information .right{float : right;}