* { margin:0; padding:0; }
html { overflow-y:scroll; }
body { text-align:center; color:#333; background:#fffff9; font-size:small; font-family:Arial, Helvetica, sans-serif; line-height:18px; }
#wrap { text-align:left; width:960px; margin:40px auto; }
#header { width: 960px; margin:0; padding:0; }
#main { float:left; width:960px; margin:0; }
.project { width:960px; float:left; margin:0; padding:0 0 20px; }
.right img { -moz-box-shadow:0 5px 15px rgba(0, 0, 0, 0.4);box-shadow:0 5px 15px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.4);}
.left {float:left;padding:0 20px;width:180px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.left p { color:#5F584E; padding:0 0 15px; line-height:22px; }
.left a { color:#CC3300; }
.right {float:right;width:720px;}
#footer { clear:both; width:960px; margin:0; padding:0; height:300px; }
.fbox { float:left; width:200px; padding:20px; color:#222; }
a, a img { outline:none; border:none; }
.strong { font-weight:bold; }
.project h2 { border-bottom:1px solid #ddd;color:#5E6051;font-size:140%;line-height:18px;padding:20px 0 15px; margin:0 0 20px; font-family:"CantarellRegular", Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-weight:normal;}
ul { margin:0; padding:0; list-style:none; }
#topnav { float:right; width:410px; margin-bottom:20px; }
#topnav ul { float:right;}
#topnav li { float:left; }
#topnav li a { color:#5E6051; float:left; padding:0 15px; text-decoration:none; line-height:2.0; margin-left:10px; display:inline; }
#topnav li a:hover, body#about li.abo a, body#home li.hom a { background:#ECEEE8; background: rgba(236, 238, 232, .8); color:#5E6051; text-decoration:none;-webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
body#about .left { padding:15px 20px; width:180px; background:#ECEEE8; background: rgba(236, 238, 232, .5); }
body#about .right ul { list-style-type: square; list-style-position:outside; margin-left:15px; }
body#about .right ul#socials { list-style-type:none; margin-left:0; }
body#about #main h2 { border-bottom:1px solid #ddd;color:#5E6051;font-size:140%;line-height:18px;padding:20px 0 15px; margin:0 0 20px; font-family:"CantarellRegular", Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-weight:normal;}
body#about .right li { margin-bottom:10px;}
li#twitter { background: url(http://cloud.barefoot-webdesign.com/img/twitter_32.png) no-repeat 0 50%; padding-left:42px; display:block; height:32px; line-height:32px; }
li#facebook { background: url(http://cloud.barefoot-webdesign.com/img/facebook_32.png) no-repeat 0 50%; padding-left:42px; display:block; height:32px; line-height:1.4; }
li#linkedin { background: url(http://cloud.barefoot-webdesign.com/img/linkedin_32.png) no-repeat 0 50%; padding-left:42px; display:block; height:32px; line-height:32px; }
li#vimeo { background: url(http://cloud.barefoot-webdesign.com/img/vimeo_32.png) no-repeat 0 50%; padding-left:42px; display:block; height:32px; line-height:32px;  }
li#skype { background: url(http://cloud.barefoot-webdesign.com/img/skype_32.png) no-repeat 0 50%; padding-left:42px; display:block; height:32px; line-height:32px;  }

@font-face {
	font-family: "CantarellRegular";
	src: url("https://barefoot-webdesign.s3.amazonaws.com/Cantarell-Regular.eot");
	src: local("Cantarell Regular"), local("Cantarell-Regular"), url("https://barefoot-webdesign.s3.amazonaws.com/Cantarell-Regular.ttf") format("truetype");
}
a.quote { background: url(http://cloud.barefoot-webdesign.com/img/quote-btn.png) no-repeat; float:right; width:202px; height:48px; display:block; text-indent:-9999em; }
a.quote:hover { background-position:top right; }