﻿body { margin:0; padding:0; background: #fff; font-family: Arial; font-size: 12px; line-height: 20px;}
h3 { color: #e90782; font-size: 16px; margin:10px 0 20px 0; padding:0; font-weight: lighter;}
p { color: #fff; }
img { border: 0;}
ul { list-style: square; padding: 0 0 0 15px;  margin:0;}
ul li { margin: 0; padding: 0; }
a { color: #00a0e4; text-decoration: none; }
a:hover { color: #e90782; text-decoration: underline; }
#header { margin:0; padding:0; background: #000 url(/content/assets/images/header.jpg) no-repeat bottom center; height: 150px;}
#info { margin:0; padding:0; background: #111; height: 200px;}
.centering { margin: 0 auto; padding:0; width: 900px;}

#about_me { width: 279px; float:left; border-right: solid 1px #252525; margin: 10px 0 10px 0; padding: 0 20px 0 0; height: 180px; }
#get_in_touch {  width: 199px; float:left; border-right: solid 1px #252525; margin: 10px 0 10px 0; padding: 0 20px 0 20px; height: 180px;}
#expertise { width: 330px; float:left;  margin: 10px 0 10px 0; padding: 0 0 0 20px; height: 180px; }


#portfolio { margin:0; padding:0; background: #fff; }
#portfolio h3 { color: #000; font-weight: bold;}
#passion_projects { width: 280px; float:left;  margin: 10px 0 10px 0; padding: 0 20px 0 0; }
#portfolio_list { width: 579px; float:left; border-left: solid 1px #eee; margin: 10px 0 10px 0; padding: 0 0 0 20px; }
#portfolio_list ul {list-style: none; padding: 0;}
#portfolio_list ul li { padding:0; margin: 0; }
h4 { margin: 0; padding: 0;}
.folio_image { float:left; width: 200px; clear: both; }
.folio_desc { float: left; width: 300px; padding: 0 0 15px 40px; }
.folio_desc p { color: #666;}
.clearfix { clear: both;}