*,body,p,ul,li,h1,h2,h3,h4,h5,acronym{margin:0;padding:0;border:0;font-size:100%;}
ul{list-style-type:none;}
a{text-decoration:none;}

body{
color:#888888;
font-size:0.75em;
line-height:1.3em;
font-family:Geneva,Arial,Helvetica,sans-serif;
border-top:2px solid #B6F900;
background:#1F1F1F url(images/bg.gif) no-repeat top center fixed;
}

#back{
position:absolute;
right:10px;
top:10px;
}


a{color:#B6F900;}
a:hover{color:#FFFFFF;}
#infos a,#footer a,#testimonials a,#casetudy a,.testimonial a{
border-bottom:1px solid #555555;
}
a.ext {
padding-right: 11px;
margin-right: 2px;
background: url(images/ext.gif) no-repeat center right;
}

acronym{
cursor:help;
border-bottom:1px solid #3B3B3B;
}

#wrap{
overflow:hidden;
width:853px;
margin:0 auto 0 auto;
background:url(images/bg_logo.png) no-repeat;
}

#mininav{
clear:both;
margin-top:30px;
overflow:hidden;
border-top:1px solid #555555;
}

/*===========================header*/
#header{
position:relative;
z-index:0;
}
#header #logo{
position:relative;
top:110px;
left:40px;
}
#header #nav{
position:absolute;
top:135px;
left:470px;
}
#header #nav li{
display:inline;
margin-right:12px;
}
#header #nav li a{
border-top:2px solid #1F1F1F;
padding-top:3px;
}
#header #nav li a:hover{
border-top:2px solid #B6F900;
}

/*===========================infos*/
#infos{
overflow:hidden;
margin-top:150px;
background-image:url(images/infos_bg.png);
border-bottom:2px solid #555555;
border-top:2px solid #555555;
}
#infos .title{
margin-bottom:5px;
}
/*see also #projects*/
#infos .header{
margin:3px 0 3px 0;
}
#infos li,#infos .header{
border-bottom:1px dashed #000000;
padding:2px 0 2px 0;
}
#info_about{background:url(images/corinne.gif) no-repeat right bottom;}
#info_services{background:url(images/pinup2.gif) no-repeat right bottom;}
#info_services li,#info_about li,#info_references li{background:url(images/stars1.gif) no-repeat center left; padding-left:15px;}
#info_services li.title, #info_about li.title,#info_references li.title{background:none; padding-left:0;}
#info_skills{background:url(images/pinup.gif) no-repeat right bottom;}
#info_references{background:url(images/pinup3.gif) no-repeat right bottom;}
#info_contact{background:url(images/frog2.gif) no-repeat right bottom;}
#info_news{background:url(images/frog1.gif) no-repeat right bottom;}

#infos .list1{
width:310px;
float:left;
}
#infos .list2{
width:310px;
margin-left:330px;
}
#info_services p, #info_skills p, #info_references p{
margin-bottom:16px;
}
#info_contact img{
padding-top:8px;
}

#infos,#footer,#content{
width:786px;
margin-left:30px;
}
#infos,#footer,.design,.testimonial{
padding:10px;
background-image:url(images/infos_bg.png);
}

/*skills*/
#info_skills li{padding-left:35px;}
#info_skills li.title{padding-left:0;}
.known{background:url(images/stars1.gif) no-repeat center left;}
.mastered{background:url(images/stars2.gif) no-repeat center left;}
.guru{background:url(images/stars3.gif) no-repeat center left;}

/*===========================main*/
#content{
overflow:hidden;
padding: 0 10px 10px 10px;
background:url(images/content_bg.gif) repeat-y;
}

/*=================projects*/

/*wraps_titles*/
#projects{
position:relative;
float:left;
width:594px;
margin-left:-10px;
}
#projects .header{
margin-bottom:5px;
}
#projects h4,#infos h3{
display:inline;
}
#projects h3,#casestudy {
margin-left:10px;
}
#projects h3,#testimonials h3 {
margin-top:30px;
}
#testimonials h3{
margin-bottom:10px;
}
#projects h3,#projects h5, #projects h4,.case,.view,#projects .date,#infos h3,#infos .date,.previous,.next{
font-weight:normal;
text-transform:uppercase;
color:#FFFFFF;
font-size:0.81em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#projects .date, #infos .date{
color:#888888;
}
.project{
clear:both;
}

/*project_content*/
.design{
clear:both;
float:left;
width:400px;
margin:10px 0 10px 0;
}
.design ul{
overflow:hidden;
padding-bottom:2px;
padding-top:3px;
border-bottom:1px solid #555555;
}
.design li{display:inline;}
.case,.previous{float:left;}
.view,.next{float:right;}

/*project_contrib*/
.contribution{
margin-left:440px;
padding-top:18px;
}
.contribution li{
border-bottom:1px solid #000000;
padding:2px 0 2px 22px;
}
.contribution li.title{
border-bottom:1px solid #555555;
padding-bottom:2px;
margin-bottom:2px;
padding-left:0;
}

.webdesign{background:url(images/icons/paintbrush.gif) no-repeat center left;}
.photo{background:url(images/icons/camera.gif) no-repeat center left;}
.strategy,.management{background:url(images/icons/brain.gif) no-repeat center left;}
.cd{background:url(images/icons/cd.gif) no-repeat center left;}
.community{background:url(images/icons/folks.gif) no-repeat center left;}
.coding{background:url(images/icons/gear.gif) no-repeat center left;}
.ecommerce{background:url(images/icons/moolah.gif) no-repeat center left;}
.illustration{background:url(images/icons/palette.gif) no-repeat center left;}
.branding{background:url(images/icons/milk.gif) no-repeat center left;}
.cms{background:url(images/icons/grid.gif) no-repeat center left;}
.copywriting{background:url(images/icons/pencil.gif) no-repeat center left;}
.access{background:url(images/icons/ribbon.gif) no-repeat center left;}
.css{background:url(images/icons/earth.gif) no-repeat center left;}
.dev{background:url(images/icons/window.gif) no-repeat center left;}
.hosting{background:url(images/icons/temple.gif) no-repeat center left;}
.animation{background:url(images/icons/clapboard.gif) no-repeat center left;}

/*project_details(single)*/
#casestudy{
clear:both;
}
#casestudy p{
margin-top:10px;
}
#casestudy h5,#casestudy img{
padding-top:20px;
}
#collab{
padding-top:10px;
}

/*=================testimonials*/
#testimonials{
margin-left:625px;
background:url(images/quote.gif) no-repeat right top;
}
#testimonials ul{
border-top:1px solid #000000;
}

.testimonial{
margin:10px 0 10px 0;
}
.testimonial p{
padding: 3px 0;
}
#projects .testimonial h4{
display:block;
padding-bottom:2px;
border-bottom:1px solid #555555;
}

#links li, #archives a{
border-bottom:1px solid #000000;
background-color: #242424;
}

#links li{
padding:2px 0 2px 0;
font-size:0.79em;
border-bottom:1px solid #000000;
}

#archives a {
display:block;
padding:2px 0 2px 13px;
background:url(images/stars1.gif) left center no-repeat;
}
#archives a:hover{
border-bottom:1px solid #555555;
background-color: #242424;
}



/*===========================footer*/
#footer{
clear:left;
margin-top:30px;
font-size:0.71em;
}
#footer li{
display:inline;
padding-right:16px;
}