*{
    padding:0;
    margin:0;
    border:none;
    color:#fff;
}
body{
    font: 76%/1.3 Verdana, sans-serif;
    background:#fff;
    overflow:hidden;
}
body.split{
    background:#000;
}
/*////////////// container ///////////////*/
div#container {
    width:964px;
    height:600px;
    margin:0 auto;
    background:#43184C url('../img/dots.gif') no-repeat 930px 40px;
}
div#container.split {
    background:#000;
}
div#container h1{
    display:none;
}

a.bottomlink{
    float:left;
    text-decoration:none;
    color:#fff;
    font-size:90%;
    margin-left:25px;
    padding-top:40px;
    padding-left:5px;
    background:#43184C url('../img/small-coma.gif') no-repeat bottom left;
    width:90px;
}
a.bottomlink.alt{
    color:#A3D100;
    width:140px;
}
a.bottomlink:hover{
    font-weight:bold;
}
a.bottomlink.active, a.bottomlink.active span{
    color:#FFBF00;
    font-weight:bold;
}
img#bottomlogo{
    float:right;
    margin-right:50px;
}

/*////////////// prehome ///////////////*/
#prehome{
    padding:135px 80px;
    overflow:hidden;
}
#prehome a{
    text-decoration:none;
    display: block;
    overflow:hidden;
}
#prehome a span{
    float:right;
}
#prehome .part{
    float:left;
    width:310px;
    text-align:center;
    padding: 20px 0;
}
.part#redac{
    padding-right:60px;
    border-right:solid 1px #fff;
}
.part#team{
    padding-left:60px;
}
.part#redac span{
    color:#FFBF00;
}
.part#team span{
    color:#A3D100;
}
#prehome .part img{
    margin-top:40px;
    margin-bottom:30px;
    border:solid 1px #fff;
}

/*////////////// menus ///////////////*/
ul#menu{
    width:214px;
    height:86px;
    padding:20px 0 0 24px;
    background:url('../img/menu-border.gif') no-repeat bottom right;
    float:left;
}
ul#menu li{
    display:inline;
    list-style-type:none;
}
ul#menu li a{
    display:block;
    width:95px;
    height:19px;
    font-size:90%;
    letter-spacing:-0.45px;
    text-decoration:none;
    padding:16px 0 0 5px;
    background:#43184C url('../img/small-coma.gif') no-repeat 0 25px;
}
ul#menu li a span{
    color:#FFBF00;
}
ul#menu li a:hover{
    font-weight:bold;
}

ul#menu a.active{
    color:#FFBF00;
    font-weight:bold;
}

ul#menu li a#menuTL{
    float:left;
}
ul#menu li a#menuTR{
    float:left;
    margin-left:10px;
}
ul#menu li a#menuBL{
    float:left;
    margin-top:10px;
}
ul#menu li a#menuBR{
    float:left;
    margin-top:10px;
    margin-left:10px;
}

/*////////////// content ///////////////*/
div.content{
    clear:both;
    height:393px;
    overflow:hidden;
}
.hidden{
    display:none;
}
/*////////////// home ///////////////*/
#home div#pagezone{
    margin:60px auto 0;
    width:700px;
    background:url('../img/logo-redac.png') no-repeat 0 103px;
}
div#home h2{
    padding:30px 0 0 250px;
    background:url('../img/coma.png') no-repeat 235px 45px;
    height:30px;
}
div#home h3{
    padding:0 0 0 250px;
}
div#home p{
    color:#fff;
}
div#home .subtext{
    padding:20px 0 0 250px;
}
div#home .subtext, div#home .subtext *{
    color:#FFBF00;
}
div#home li{
    list-style-type:none;
    background:#43184C url('../img/dot.gif') no-repeat 0 10px;
    padding-left:8px;
}
div#home a{
    text-decoration:none;
    color:#fff;
}

/*////////////// portfolio ///////////////*/
#portfolio{
    width:100%;
}
#portfolio ul{
    float:left;
    width:225px;
    height:350px;
    margin:25px 0 0 25px;
    overflow:auto;
}
#portfolio li{
    float:left;
    display:block;
    width:55px;
    height:55px;
    margin:4px;
    border:solid 1px #2e4700;
    list-style-type:none;
}
#portfolio li.active{
    border:solid 3px #FFBF00;
    margin:2px 0 2px 4px;
}
#portfolio li.active_patched{
    border:solid 3px #FFBF00;
}
#portfolio iframe{
    float:left;
    margin-top:25px;
    overflow:hidden;
    background:#4c4c4c;
}
#portfolio span{
    display:block;
    width:220px;
    margin-left:30px;
    float:left;
}
#portfolio #msg{
    margin:2px 55px 0 3px;
    font-size:80%;
    font-style:italic;
    color:#FFBF00;
}
#portfolio span a{
    font-size:90%;
    text-decoration:none;
    color:#fff;
}

/*////////////// contact ///////////////*/
#contact div#pagezone{
    margin-left:235px;
    margin-top:60px;
    height:300px;
    background:url('../img/fond-contact.gif') no-repeat;
}
#contact div#pagezone h2{
    color:#FFBF00;
    padding-top:53px;
    padding-left:40px;
}
#contact div#pagezone h3{
    color:#FFBF00;
    padding-left:40px;
    padding-top:10px;
    font-weight:normal;
}
#contact div#pagezone p.first{
    padding-left:140px;
    padding-top:54px;
}
#contact div#pagezone p.second{
    padding-left:180px;
    padding-top:11px;
}
#contact div#pagezone p.third{
    padding-left:115px;
    padding-top:15px;
}
#contact div#pagezone a{
    text-decoration:none;
}

/*////////////// ethic ///////////////*/
#ethic div#pagezone{
    margin-left:135px;
    margin-top:80px;
}
#ethic div#pagezone .keywords{
    background:url('../img/keywords.gif') no-repeat;
    list-style-type:none;
    text-indent:-5000px;
    height:250px;
    width:200px;
    float:left;
}
#ethic div#pagezone .engagements{
    margin-left:100px;
    margin-top:60px;
    float:left;
    background:url('../img/coma.png') no-repeat 0 10px;
    padding-left:15px;
}
#ethic div#pagezone .engagements p{
    color:#FFBF00;
    margin-top:10px;
}

/*////////////// skills ///////////////*/
#skills div#pagezone{
    padding-top:50px;
    padding-left:130px;
}
#skills div#pagezone .part{
    float:left;
}


#skills div#pagezone .part.one h4,
#skills div#pagezone .part.one li,
#skills div#pagezone .part.one h5,
#skills div#pagezone .part.one span{
    color:#FFBF00;
}
#skills div#pagezone .part.one h4{
    background:url('../img/medium-coma.gif') no-repeat 0 10px;
    padding-left:10px;
    margin-top: 7px;
}
#skills div#pagezone .part.one ul{
    padding-left:18px;
    list-style-type:none;
    margin-top:3px;
}
#skills div#pagezone .part.one ul li{
    background:url('../img/dot-white.gif') no-repeat 0 10px;
    padding-left:8px;
}
#skills div#pagezone .part.one div{
    text-align:right;
    margin-bottom:10px;
}
#skills div#pagezone .part.one div.first{
    margin-top:20px;
}
#skills div#pagezone .part.one h5{
    font-size:100%;
    font-weight:normal;
}

#skills div#pagezone .part.two{
    margin-top:55px;
    margin-left:20px;
    background:url('../img/coma.png') no-repeat 0 10px;
    padding-left:10px;
}
#skills div#pagezone .part.two ul{
    margin-top:10px;
    overflow:hidden;
    list-style-type:none;
}
#skills div#pagezone .part.two ul li{
    background:url('../img/dot.gif') no-repeat 0 8px;
    text-indent:8px;
    margin-top:20px;
    font-size:90%;
    color:#FFBF00;
}
#skills div#pagezone .part.two ul li strong{
    font-size:100%;
    color:#FFBF00;
}