/*

                _/  _/                      
     _/_/_/        _/    _/_/    _/    _/   
    _/    _/  _/  _/  _/    _/  _/    _/    
   _/    _/  _/  _/  _/    _/  _/    _/     
  _/_/_/    _/  _/    _/_/      _/_/_/      
 _/                                         
_/ 


*/

*{
margin:0;
padding:0;
border:0;
font-family: Arial;
}
a:link,a:focus,a:active,a:visited{font-size:1 em; color: #fff; text-decoration:none; border-bottom: 1px dashed #666;}
a:hover {color: #4cf2dd; border-bottom: 1px dashed #CCC;}
body {
background: #306; /*#7F2679, 990099, 96c */
font-size: 0.8em;
color: #fff;
}
h1 {
text-transform: uppercase;
font-size:1.5 em;
margin: 0 0 1em;
}
h2 {
text-transform: uppercase;
font-size:1.3 em;
margin: 0 0 10px;
color: #4cf2dd;
}
h3 {
font-size:1.1 em;
margin: 0 0 0.5em;
padding: 1em 0 0;
}
#header {
height: 80px;
background: #000;
}
.clear {
clear: both;
}
#navigationHolder{
width: 800px;
height: 80px;
margin: 0 auto;
}
#logoHolder {
float: left;
}
#logoHolder a {
background:url(images/logo.png);
text-indent: -9999px;
display: block;
width: 288px;
height: 80px;
outline: none;
border: 0;
}
#aka {
position: absolute;
background: url('images/akapilou.png') no-repeat;
width: 80px;
height: 50px;
text-indent: -9999px;
z-index: 2;
display: none;
left: 140px;
top: 16px;
}
#navigation {
text-align: right;
padding-top: 33px;
}
#navigation li{
display: inline;
font-size: 1.1em;
}
#navigation li a{
color: #fff;
padding: 6px 0;
margin-left: 10px;
text-transform: uppercase;
border-color: #000;
border-bottom-style: solid;
border-bottom-width: 2px;
-webkit-transition-property: border;
-webkit-transition-duration: .5s;
-webkit-transition-timing-function: ease;
}
#navigation li a:hover{
color: #e9e9e9;
border-color:#4cf2dd;
text-shadow: 1px 1px #000;
}
#navigation .active a{
border-bottom: 2px #4cf2dd solid;
text-shadow: 1px 1px #333;
}
#wrapper {
width: 800px;
margin: 50px auto 0;
}
#freshNews{
background: url(images/fresh.png) no-repeat;
width: 62px;
height: 62px;
text-indent: -9999px;
display: block;
float: right;
margin: -40px -26px 0 0;
}
#hotNews {
background: #fff;
border: 1px #000 solid;
margin: 0 auto 40px;
padding: 35px 20px;
width: 760px;
height: 250px;
position: relative;
}
#hotNews img{
margin-right: 20px;
float: left;
border: 10px #000 solid;
}
#hotNews h2 {
text-align: center;
color: #000;
}
#hotNews p {
margin: 0 0 10px;
text-align: justify;
color: #000;
}
#hotNews p:first-letter {
font-size: 3em;
line-height: 0.8em; 
font-weight: bold;
float: left;
padding-right: 5px;
text-transform: capitalize;
}
#button{
background: #000;
padding: 10px;
width: 90px;
height: 17px;
text-align: center;
color: #fff;
position: absolute;
bottom: 35px;
right: 150px;
box-shadow:0 0 10px #999;
-webkit-box-shadow:0 0 10px #999;
-moz-box-shadow: 0 0 10px #999;
}
#button a {
color: #4cf2dd;
border: 0;
}
#button:hover > a {
border-bottom: 1px #4cf2dd solid;
}
#recentWork h2 {
padding: 0;
margin: 0;
margin-bottom: 20px;
}
#recentWork ul > li{
margin-bottom: 50px;
}
#recentWork li {
float: left;
width: 220px;
margin-right:63px;
padding-right: 2px;
display: inline;
}
#recentWork li:last-child {
margin-right: 0;
}

#recentWork li img{
border: 1px #666 solid;
padding: 4px;
}
#recentWork li a{
border: 0;
}
#recentWork h3{
float: left;
color: #4cf2dd;
border: 0;
margin: 0;
padding: 0;
}
#recentWork h3 a{

}
.more{
float: right;
background: #000;
padding: 0 4px;
margin-right: -10px;
color: #fff;
}
#contact{
float: left;
width: 550px;
margin: 0 0 40px;
}
#identity {
width: 200px;
margin: 1em 0 0;
padding: 20px 0;
float: right;
}
#identity li {
border-left: 2px #4cf2dd solid;
padding-left: 1em;
margin-bottom: 20px;
display: inline;
float: left;
}
#identity li li{
border: none;
padding: 0;
display: block;
margin: 0 11px 0 0;
}
#mailMe{
background: url(images/mail.png) no-repeat;
width: 120px;
margin: 1em auto 0;
padding-top: 24px;
padding-left: 55px;
height: 48px;
}
#downloadMyCv{
background: url(images/file_pdf.png) no-repeat;
width: 130px;
margin: 0 auto 1em;
padding-top: 19px;
padding-left: 55px;
height: 48px;
}
#identity li p {
text-align: justify;
}
#socialLinks li{
list-style: none;
border: 0;
padding: 0;
}
#portfolio h2{
clear: both;
margin-top: 1em;
}
#portfolio img {
margin: 0 20px 20px 0;
float: left;
border: 10px #000 solid;
}
#portfolio li{
list-style: none;
margin-bottom: 50px;
}
#portfolio li li{
float: left;
width: 220px;
margin-right:63px;
display: inline;
}
#portfolio li li:last-child {
margin-right: 0;
}
#portfolio li li img {
border: 1px #666 solid;
padding: 4px;
}
#footer {
clear: both;
width: 800px;
margin: 0 auto;
border-top: 1px #999 solid;
}
#moreLinks{
margin: 1em 0;
width: 800px;
text-transform: uppercase;
}
#moreLinks p{
float: left;
font-size: 0.8em;
color: #666;
}
#moreLinks a{
border: 0;
color: #666;
}
#moreLinks a:hover{
border-bottom: 1px dashed #666;
}
#callback{
text-align: right;
font-size: 0.8em;
color: #666;
}
#callback li{
display: inline;
}
#callback li:after{
content : ' - ';
}
#callback li:last-child:after{
content: '';
}