body { background:url(images/bg.jpg); margin:0; font-family: "Helvetica Neue", arial, serif; color:#7f7f7f; padding-bottom:30px; }
#wrap { background:url(images/bg-top.png) repeat-x; }
#container { width:577px; margin:0 auto; }

a { color:#7E95B5; text-decoration:none; border-bottom: 1px solid #bacbe2; }
a:focus { outline: none; } /* Nasty Dotted Lines from FF */
	
#heading { width:577px; margin:0 auto; text-align:center; padding-top:50px; margin-bottom:40px; }
#heading h1 { text-indent:-9000px; background:url(images/banner.png); width:577px; height:61px; margin:0 auto; margin-top:28px; }
#heading p { width:440px; margin:0 auto; line-height:26px; margin-top:14px; font-size:15px; color:#888888; font-weight:normal; font-style:italic; }
#heading p strong { font-weight:normal; color:#555; }

#content { margin-top:48px; width:520px; margin:0 auto; }



#content h2 { color:#656565; font-family: "Adobe Caslon Pro", "Palatino Linotype", "Book Antiqua", "Palatino", serif, georgia, serif; font-style:italic; 
	background:url(images/line_s_center.png) no-repeat center; font-size:22px; text-align:center; margin-bottom:26px;
	letter-spacing:1px; font-weight:normal;
}
 
/* Social Icons */

ul#social { margin:0 auto; padding:0; margin-bottom:8px; width:179px; display:block; }
ul#social li { list-style-type:none; }
ul#social li, ul#social li a { border:none; display:block; width:41px; height:41px; float:left; text-indent:-9000px; margin-right:5px;}

ul#social li.tumblr a { background:url(images/social_icons/tumblr.png); }
ul#social li.email a { background:url(images/social_icons/email.png); margin-right:0; }
ul#social li.email { margin-right:0; }
ul#social li.twitter a { background:url(images/social_icons/twitter.png); }
ul#social li.flickr a { background:url(images/social_icons/flickr.png); }
ul#social li.gvoice a { background:url(images/social_icons/gvoice.png); margin-right:0; }

/* Portfolio */

#content ul { padding:0; margin:0; list-style-type:none; height:150px; 
	width:700px; overflow:hidden; margin-left:28px; margin-bottom:20px;}
#content ul li { padding:0; margin:0; width:134px; float:left; margin-right:30px; }
#content ul li.split { margin-right:70px; }
#content ul li a { border:1px solid #dadada; display:block; text-decoration:none; padding-bottom:2px; }
#content ul li a img { background:#fff; border:none; padding:6px; margin-bottom:-5px;} 
#content ul li a.proj-name { border:none; margin-top:4px; padding-top:1px; font-size:13px; 
	color:#aaa; line-height:17px; }

/* Footer */

#footer { background:url(images/line_s.png) repeat-x top; margin-bottom:20px; 
	padding-top:20px; text-align:center; }
span.schedule { color:#9bc197; }


/* Extra */

.group:after {
	clear: both;
	content: '.';
	display: block;
	height: 0px;
	visibility: hidden;
}
.group {display:inline-block;}
/* Hide from IE Mac \*/
.group {display:block;}
/* End hide from IE Mac */