body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { margin-bottom:1em; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }






body {
font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Helvetica, arial, sans-serif;
margin:0;
}

a, a:link, a:visited, a:active {
color:#2F3E73;
}
a:hover {
color:#4e7fb4;
}

p {
margin-bottom:1em;
}


ul#nav {
list-style:none outside none;
margin:0;
padding:0;
position:absolute;
right:20%;
top:82px;

}

ul#nav li {
display:inline;
float:left;
}

ul#nav li a {
display:block;
padding:10px 20px;
color:#2F3E73;
text-decoration: none;
}
ul#nav li a:hover {
background-color: #2F3E73;
color:white;
border-bottom:3px double #4e7fb4;
}

div#title {
background-color:#2F3E73;
clear:both;
color:white;
height:174px;
margin-top:120px;
border-bottom: 2px solid #4e7fb4;
border-top: 2px solid #4e7fb4;

}

div#title h1 {
font-size:43px;
left:40%;
margin:0;
position:relative;
top:37px;
width:42%;
font-weight: bold;
}
div#title h2 {
font-size:28px;
font-weight:normal;
left:40%;
margin:0;
position:relative;
top:46px;
width:42%;
}

div#content {
color:#777777;
margin:20px auto 0;
text-align:justify;
width:700px;
}

ul {
padding-left: 30px;
margin-bottom:1em;
}
ul li {
  list-style: square;

}


div#footer {
color:#777777;
margin:0 auto;
width:700px;
clear:both;

}

div#footer ul {
list-style:none outside none;
margin:0;
padding:0;
font-size:14px;

}


div#footer ul li {
float:left;
list-style: none;
}
div#footer ul li a {
color:#999;
display: block;
margin-right: 10px;
margin-bottom: 10px;
text-decoration: none;
}
div#footer ul li a:hover {
color:#666;

}

div#catchphrase {
text-align: right;
}


div#content hr {
clear:both;
}



/* Sites portfolio */
ul.siteslist {
list-style:none outside none;
margin:0;
padding:0;
text-align: left;
}
ul.siteslist li {
display:block;
float:left;
height:130px;
margin-bottom:20px;
margin-right:10px;
width:338px;
}

ul.siteslist li img {
float:left;
margin:4px;
border:1px solid #136405;
padding:2px;
margin-right:9px;
}
ul.siteslist li img:hover {
border:1px solid #448b29;
}
ul.siteslist li h4 {
margin:0;
margin-top:4px;
}
ul.siteslist p {
margin-bottom:0.3em;
margin-top:0.1em;
}

ul.siteslist p.type {
font-size:12px;
}