@charset "utf-8";
/* CSS Document */


body
	{
	background:#050402 url(/img/bg-pub.jpg) no-repeat 50% 0;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
	
a img { border:none; }
.clear { clear:both; font-size:0; line-height:0; }
p.skip { display:none; }

.pg_center {
	width:870px;
	margin:0 auto;
    padding:0;
	text-align:left;
	}
#header { 
	background:url(/img/menu-tabs.png) no-repeat 50% 0; 
	height:220px;
	margin:0; margin-bottom:40px; padding:0;
	}
h1, #tagline, #menu, #menu ul {
	position:relative;
	float:left;
	display:inline;
	margin:0; padding:0;
	}

h1 a { display:block; width:216px; height:220px; }
h1 a:link, h1 a:visited { background:url(/img/cloverfish.png) no-repeat 0 0; }
h1 a:hover, h1 a:active { background:url(/img/cloverfish.png) no-repeat 0 -220px; }

#tagline { 
	background:url(/img/tagline.png) no-repeat 50% 0; 
	width:652px;
	height:52px;
	margin-top:20px;
	}
	
#menu {width:654px; }
#menu ul li {
	background:none;
	position:relative;
	float:left;
	display:inline;
	overflow:hidden;
	height:148px;
	margin:0 0 0 2px; padding:0;
	}
#menu .portfolio {width:215px;}
#menu .about {width:215px;}
#menu .testimonials {width:217px;}

#menu .portfolio a, 
#menu .about a, 
#menu .testimonials a { display:block; width:215px; height:148px; }

#menu .portfolio a:link, #menu .portfolio a:visited { background:url(/img/menu-portfolio.png) no-repeat 0 0; }
#menu .portfolio a:hover, #menu .portfolio a:active { background:url(/img/menu-portfolio.png) no-repeat 0 -148px; }
#menu .about a:link, #menu .about a:visited { background:url(/img/menu-about.png) no-repeat 0 0; }
#menu .about a:hover, #menu .about a:active { background:url(/img/menu-about.png) no-repeat 0 -148px; }
#menu .testimonials a:link, #menu .testimonials a:visited { background:url(/img/menu-testimonials.png) no-repeat 0 0; }
#menu .testimonials a:hover, #menu .testimonials a:active { background:url(/img/menu-testimonials.png) no-repeat 0 -148px; }

/*
#websites #menu .portfolio a:link, #websites #menu .portfolio a:visited,
#integrations #menu .portfolio a:link, #integrations #menu .portfolio a:visited,
#logos #menu .portfolio a:link, #logos #menu .portfolio a:visited { background:url(/img/menu-portfolio.png) no-repeat 0 -148px; }
#about #menu .about a:link, #about #menu .about a:visited { background:url(/img/menu-about.png) no-repeat 0 -148px; }
#testimonials #menu .testimonials a:link, #testimonials #menu .testimonials a:visited { background:url(/img/menu-testimonials.png) no-repeat 0 -148px; }
*/


#main_content { 
	background:url(X/img/bg-side-fades.png) no-repeat 0 0; 
	width:870px;
	margin:0 auto; 
	padding:0 30px;
	}
#column_1, #column_2 {
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
	}
#column_1 { width:530px; margin-right:20px; }
#column_2 { width:320px; }
#home #column_2 { width:320px; background:url(/img/bg-column-2.png) no-repeat bottom right; }

#css_xhtml {
	background:url(/img/bg-mission.png) no-repeat bottom right;
	position:relative;
	float:left;
	width:490px;
	margin:0 0 40px 0;
	padding:0 20px 20px 20px;
	color:#776253; 
	}
#css_xhtml ul, #css_xhtml li { position:relative; float:left; margin:0; padding:0; }
#css_xhtml ul { width:490px; }
#css_xhtml li { 
	background:#23201c; 
	margin:2px 10px 13px 0; 
	padding:8px;
	border-radius:6px;	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
#css_xhtml li.last_item { margin-right:0; clear:right; }
#css_xhtml img { display:block; width:224px; height:170px; }

#css_xhtml h3,
#css_xhtml h3 a {
	position:relative;
	display:block;
	width:490px;
	height:20px;
	margin:0 0 1.5em 0;
	}
#css_xhtml h3 a:link, #css_xhtml h3 a:visited { background:url(/img/t/css-xhtml-integrations.gif) no-repeat 0 0; }
#css_xhtml h3 a:hover, #css_xhtml h3 a:active { background:url(/img/t/css-xhtml-integrations.gif) no-repeat 0 -20px; }

#css_xhtml a:link, #css_xhtml a:visited { color:#b5947c; text-decoration:none; }
#css_xhtml a:hover, #css_xhtml a:active { color:#b5947c; text-decoration:underline; }

#partners {
	background:;
	position:relative;
	float:left;
	width:490px;
	height:93px;
	margin:0 0 40px 0;
	padding:9px 20px 10px 20px; /*The top/bottom spacing is a little larger for this feature, thus the odd padding.*/
	color:#4e646b;
	}
#partners h3 {
	background:url(/img/t/partners.gif) no-repeat 0 0;
	position:relative;
	display:block;
	width:490px;
	height:20px;
	}
#partners ul{ background:; margin:0; padding:0; }
#partners li { background:none; padding-left:40px; line-height:30px; }
#partners li a {
	position:relative;
	float:left;
	display:inline;
	margin-left:-40px;
	padding-left:40px;
	height:30px;
	}
#partners li a:link, #partners li a:visited { background:url(/img/button-blue.png) no-repeat 0 2px; }
#partners li a:hover, #partners li a:active { background:url(/img/button-blue.png) no-repeat 0 -40px; text-decoration:none; color:#96d8e7; }
#partners li span { background:; position:relative; float:left; display:inline; width:290px; }

#rant {
	background:url(/img/bg-mission.png) no-repeat bottom right;
	position:relative;
	float:left;
	width:490px;
	margin:0;
	padding:0 20px 20px 20px;
	color:#776253; 
	}
#rant h3,
#rant h3 a {
	position:relative;
	display:block;
	width:490px;
	height:20px;
	}
#rant h3 a:link, #rant h3 a:visited { background:url(/img/t/trouble.gif) no-repeat 0 0; }
#rant h3 a:hover, #rant h3 a:active { background:url(/img/t/trouble.gif) no-repeat 0 -20px; }


/*#websites #testimonial_preview,
#logos #testimonial_preview,
#projects #testimonial_preview,
#about #testimonial_preview,
#communication #testimonial_preview,
#reading #testimonial_preview,
#resources #testimonial_preview,
#testimonials*/ #testimonial_preview { 
	background:url(/img/bg-testimonial-right.png) no-repeat 0 0;
	position:relative;
	float:left;
	display:inline;
	width:280px;
	margin:0;
	padding:30px 20px 20px 20px;
	}
#home #testimonial_preview {
	background:none;
	position:relative;
	float:left;
	display:inline;
	width:280px;
	margin:0;
	padding:0 20px 20px 20px;
	}
blockquote ul { margin:0; padding:0; font-size:12px; }
blockquote ul li { background:none; padding-left:0; text-align:right; color:#4d473f; }
#testimonials blockquote ul li { color:#7d5c45; }

#testimonial_preview blockquote { 
	background:url(/img/open-quote.png) no-repeat 0 2px;
	margin:0 0 30px 0;
	padding:0;
	color:#675c4d;
	}
blockquote > p:first-child { text-indent:24px; }
#testimonial_preview .lastword { padding:0 24px 0 0; background:url(/img/close-quote.png) no-repeat top right; }

#testimonials blockquote > p:first-child { text-indent:0; }
#testimonials blockquote  { margin:1.5em .5em 3.5em 0; color:; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#testimonials blockquote p { margin:0; }

#testimonial_preview h3,
#testimonial_preview h3 a {
	position:relative;
	display:block;
	width:280px;
	height:20px;
	}
#testimonial_preview h3 a:link, #testimonial_preview h3 a:visited { background:url(/img/t/kind-words.png) no-repeat 0 0; }
#testimonial_preview h3 a:hover, #testimonial_preview h3 a:active { background:url(/img/t/kind-words.png) no-repeat 0 -20px; }

#testimonial_preview a:link, #testimonial_preview a:visited { color:#635c52; text-decoration:underline; }
#testimonial_preview a:hover, #testimonial_preview a:active { color:#635c52; text-decoration:none; }

#gallery_panel, #gallery_panel_bottom, #text_panel, #text_panel_bottom {
	position:relative;
	float:left;
	display:inline;
	margin:0; padding:0;
	}
#gallery_panel {
	background:#487280 url(/img/bg-gallery-top.png) no-repeat 0 0;
	width:490px;
	padding:20px;
	color:#b8ced3;
	}
#gallery_panel_bottom {
	background:url(/img/bg-gallery-bottom.gif) no-repeat 0 0;
	width:530px;
	height:20px;
	}
	
#projects .view, #projects .view a,
#css_projects .view, #css_projects .view a  {
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:122px;
	height:33px;
	margin:0; padding:0;
	z-index:100;
	text-indent:-7000px;
	}	
#projects .view a:link, #projects .view a:visited,
#css_projects .view a:link, #css_projects .view a:visited { background:url(/img/view.gif) no-repeat 0 0; top:0; right:0; }
#projects .view a:hover, #projects .view a:active,
#css_projects .view a:hover, #css_projects .view a:active { background:url(/img/view.gif) no-repeat 0 -33px; }
	
#text_panel {
	background:transparent url(/img/bg-text-body.png) no-repeat 0 0;
	width:490px;
	padding:20px 20px 0 20px;
	color:#a1816b;
	}
#testimonials #text_panel { background:#432c1c url(/img/bg-text-body-top.png) no-repeat 0 0; }
#text_panel_bottom {
	background:transparent url(/img/bg-text-body-bttm.png) no-repeat 0 0;
	width:530px;
	height:20px;
	}
#gallery_panel h2, #text_panel h2 {
	position:relative;
	display:block;
	width:490px;
	height:36px;
	}
#projects #gallery_panel h2,
#websites #gallery_panel h2 { background:url(/img/t/portfolio-websites.gif) no-repeat 0 0; }

#css_projects #gallery_panel h2,
#integrations #gallery_panel h2 { background:url(/img/t/portfolio-css-integrations.gif) no-repeat 0 0; }

/*  PAGE TITLES  */
#logos #gallery_panel h2 { background:url(/img/t/portfolio-logos.gif) no-repeat 0 0; }
#about #text_panel h2 { background:url(/img/t/about.png) no-repeat 0 0; }
#communication #text_panel h2 { background:url(/img/t/beauty-investment.png) no-repeat 0 0; }
#reading #text_panel h2 { background:url(/img/t/readings.png) no-repeat 0 0; }
#resources #text_panel h2 { background:url(/img/t/resources.png) no-repeat 0 0; }
#testimonials #text_panel h2 { background:url(/img/t/testimonials.png) no-repeat 0 0; }
#oops #gallery_panel h2 { background:url(/img/t/404.gif) no-repeat 0 0; }
#thankyou #text_panel h2 { background:url(/img/t/thank-you.png) no-repeat 0 0; }

/*  DESIGN PROJECT TITLES  */
#projects #gallery_panel h2.adsnext { background:url(/img/t/adsnext.gif) no-repeat 0 0; }
#projects #gallery_panel h2.adw { background:url(/img/t/adw.gif) no-repeat 0 0; }
#projects #gallery_panel h2.atlantic { background:url(/img/t/atlantic.gif) no-repeat 0 0; }
#projects #gallery_panel h2.brighton { background:url(/img/t/brighton.gif) no-repeat 0 0; }
#projects #gallery_panel h2.cdi { background:url(/img/t/cdi.gif) no-repeat 0 0; }
#projects #gallery_panel h2.chen { background:url(/img/t/chen.gif) no-repeat 0 0; }
#projects #gallery_panel h2.cloverfish2005 { background:url(/img/t/cloverfish2005.gif) no-repeat 0 0; }
#projects #gallery_panel h2.cloverfish2007 { background:url(/img/t/cloverfish2007.gif) no-repeat 0 0; }
#projects #gallery_panel h2.conceptart { background:url(/img/t/conceptart.gif) no-repeat 0 0; }
#projects #gallery_panel h2.danielgovar { background:url(/img/t/danielgovar.gif) no-repeat 0 0; }
#projects #gallery_panel h2.drsheen { background:url(/img/t/drsheen.gif) no-repeat 0 0; }
#projects #gallery_panel h2.eif { background:url(/img/t/eif.gif) no-repeat 0 0; }
#projects #gallery_panel h2.hbd { background:url(/img/t/hbd.gif) no-repeat 0 0; }
#projects #gallery_panel h2.jbf { background:url(/img/t/jbf.gif) no-repeat 0 0; }
#projects #gallery_panel h2.loyola { background:url(/img/t/loyola.gif) no-repeat 0 0; }
#projects #gallery_panel h2.mandala { background:url(/img/t/mandala.gif) no-repeat 0 0; }
#projects #gallery_panel h2.msda { background:url(/img/t/msda.gif) no-repeat 0 0; }
#projects #gallery_panel h2.sarahjanesoap { background:url(/img/t/sarahjanesoap.gif) no-repeat 0 0; }
#projects #gallery_panel h2.template1 { background:url(/img/t/template1.gif) no-repeat 0 0; }
#projects #gallery_panel h2.template2 { background:url(/img/t/template2.gif) no-repeat 0 0; }
#projects #gallery_panel h2.xigroup { background:url(/img/t/xig.gif) no-repeat 0 0; }
#projects #gallery_panel h2.whatsupmag { background:url(/img/t/whatsupmag.gif) no-repeat 0 0; }

/*  CSS INTEGRATION PROJECT TITLES  */
#gallery_panel h2.ascendone { background:url(/img/t/ascend-one.gif) no-repeat 0 0; }
#gallery_panel h2.area51 { background:url(/img/t/area51.gif) no-repeat 0 0; }
#gallery_panel h2.coj2 { background:url(/img/t/coj2.gif) no-repeat 0 0; }
#gallery_panel h2.chromehounds { background:url(/img/t/chromehounds.gif) no-repeat 0 0; }
#gallery_panel h2.earthsecurity { background:url(/img/t/earth-security.gif) no-repeat 0 0; }
#gallery_panel h2.mkdc { background:url(/img/t/mkdc.gif) no-repeat 0 0; }
#gallery_panel h2.monster4x4 { background:url(/img/t/monster4x4.gif) no-repeat 0 0; }
#gallery_panel h2.nbaballers { background:url(/img/t/nbaballers.gif) no-repeat 0 0; }
#gallery_panel h2.pop { background:url(/img/t/pop.gif) no-repeat 0 0; }
#gallery_panel h2.risefall { background:url(/img/t/risefall.gif) no-repeat 0 0; }
#gallery_panel h2.swsb2 { background:url(/img/t/swsb2.gif) no-repeat 0 0; }
#gallery_panel h2.sbn { background:url(/img/t/sbn.gif) no-repeat 0 0; }
#gallery_panel h2.ut3 { background:url(/img/t/ut3.gif) no-repeat 0 0; }
#gallery_panel h2.vsticorp { background:url(/img/t/vsticorp.gif) no-repeat 0 0; }

#gallery_panel .tn, #gallery_panel .tn ul, #gallery_panel .tn ul li  {
	background:none;
	position:relative;
	float:left;
	display:inline;
	width:230px;
	margin:0; padding:0;
	font-size:12px;
	}
#gallery_panel .tn { margin:0 30px 30px 0; }
#gallery_panel .end { margin-right:0; }
#gallery_panel img { margin:0 0 10px 0; padding:0; }
#projects #gallery_panel img,
#css_projects #gallery_panel img { margin:0 0 25px 0; padding:0; }
	
#gallery_panel .project a { font-size:14px; }
#gallery_panel a:link, #gallery_panel a:visited { color:#96d7e6; text-decoration:none;  }
#gallery_panel a:hover { color:#96d7e6; text-decoration:underline; }
#gallery_panel a:active { color:#96d7e6; text-decoration:none; }

#projects #gallery_panel p a:link, #projects #gallery_panel p a:visited, 
#projects #gallery_panel li a:link, #projects #gallery_panel li a:visited,
#css_projects #gallery_panel p a:link, #css_projects #gallery_panel p a:visited, 
#css_projects #gallery_panel li a:link, #css_projects #gallery_panel li a:visited{ text-decoration:underline;  }

.info, .item, .details, .quote {
	position:relative;
	float:left;
	display:inline;
	margin:0; padding:0;
	}
.info { width:490px; }
.info ul, .info li { background:none; margin-left:0; padding:0; }
.item { width:75px; margin-bottom:10px; }
.details { width:395px; margin-bottom:10px; }
.quote { font-family:Georgia, "Times New Roman", Times, serif; }
	
.button_panel {
	background:url(/img/bg-button-panel.png) no-repeat 0 0;
	position:relative;
	float:left;
	display:inline;
	width:280px;
	height:100px;
	margin:0 0 10px 0;
	padding:20px 20px 0 20px;
	font-size:12px; color:#8f6e5a;
	}
.design_panel {
	background:url(/img/bg-button-panel-2.png) no-repeat 0 0;
	height:143px;
	}
.button_panel h3,
.button_panel h3 a {
	position:relative;
	display:block;
	width:280px;
	height:37px;
	margin:0; padding:0;
	}
.button_web, .button_css, .button_logos, .button_illustrations { position:relative; margin:0 0 6px 0; }
.button_illustrations span { position:relative; display:block; margin:3px 0 0 0; padding:0; }
.button_illustrations a:link, .button_illustrations a:visited,
.button_illustrations a:hover, .button_illustrations a:active { text-decoration:none; color:#8f6e5a; }

.button_css a:link, .button_css a:visited { background:url(/img/button-css-integrations.png) no-repeat 0 0; }
.button_css a:hover, .button_css a:active { background:url(/img/button-css-integrations.png) no-repeat 0 -37px; }

.button_web a:link, .button_web a:visited { background:url(/img/button-web.png) no-repeat 0 0; }
.button_web a:hover, .button_web a:active { background:url(/img/button-web.png) no-repeat 0 -37px; }

.button_logos a:link, .button_logos a:visited { background:url(/img/button-logos.png) no-repeat 0 0; }
.button_logos a:hover, .button_logos a:active { background:url(/img/button-logos.png) no-repeat 0 -37px; }
.button_illustrations h3 a:link, .button_illustrations h3 a:visited { background:url(/img/button-illustrations.png) no-repeat 0 0; }
.button_illustrations h3 a:hover, .button_illustrations h3 a:active { background:url(/img/button-illustrations.png) no-repeat 0 -37px; }

/*
#websites .button_web a:link, #websites .button_web a:visited { background:url(/img/button-web.png) no-repeat 0 -37px; }
#integrations .button_css a:link, #integrations .button_css a:visited { background:url(/img/button-css-integrations.png) no-repeat 0 -37px; }
#logos .button_logos a:link, #logos .button_logos a:visited { background:url(/img/button-logos.png) no-repeat 0 -37px; }
*/

#client_list { 
	background:url(/img/bg-client-list.png) no-repeat 0 0;
	position:relative;
	float:left;
	display:inline;
	width:280px;
	margin:0;
	padding:30px 20px 20px 20px;	
	color:#7d5c45;
	}
#client_list ul { background:none; margin:0 0 20px 0; padding:0; }
#client_list li { 
	background:none;
	margin:0 0 2px 0;
	padding:0;	
	color:#7d5c45; }

#client_list h3 {
	position:relative;
	display:block;
	width:255px;
	height:20px;
	}
#client_list h3  { background:url(/img/t/selected-work.png) no-repeat 0 0; }
#client_list h3.design_work { background:url(/img/t/selected-design-work.png) no-repeat 0 0; }
#client_list h3.integration_work { background:url(/img/t/selected-css-work.png) no-repeat 0 0; }
#client_list a:link, #client_list a:visited { color:#7f7465; text-decoration:none; }
#client_list a:hover, #client_list a:active { color:#7f7465; text-decoration:underline; }


#form_panel {
	background:#487280 url(/img/bg-form-top.png) no-repeat 0 0;
	position:relative;
	float:left;
	display:inline;
	width:280px;
	margin:0;
	padding:20px 20px 0 20px;
	color:#b8ced3;
	}
#form_panel_bottom {
	background:url(/img/bg-form-bottom.png) no-repeat 0 0;
	position:relative;
	float:left;
	display:inline;
	width:320px;
	height:20px;
	margin:0 0 10px 0;
	padding:0;
	}
#form_panel ul, #form_panel li {
	background:none;
	margin:0;
	padding:0;
	line-height:1;
	}
#form_panel li { margin:0 0 6px 0; }
#form_panel p { margin:0 0 3px 0; }
#form_panel input, #form_panel textarea  { width:280px; border:0; }
#form_panel .button  { width:76px; border:0; }
#form_panel h3 {
	background:url(/img/t/all-inquiries.gif) no-repeat 0 0;
	position:relative;
	display:block;
	width:280px;
	height:35px;
	}


.resume,
.resume a  {
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	width:60px;
	height:70px;
	margin:0; padding:0;
	z-index:100;
	text-indent:-7000px;
	}	
.resume a:link, .resume a:visited { background:url(/img/download-resume.png) no-repeat 0 0; top:0; right:0; }
.resume a:hover, .resume a:active { background:url(/img/download-resume.png) no-repeat 0 -70px; }
	
	

#footer { margin:40px 0 60px 0; padding:0; }
#footer .pg_center { background:url(/img/bg-footer.png) no-repeat 50% 38px; padding:0 60px; }

#myself,
#myself .photo, 
#myself .text, 
#myself .top, 
#myself .bottom {
	position:relative;
	float:left;
	display:inline;
	margin:0; padding:0;
	}
#myself { width:530px; }
#myself .top {
	background:#1f1813 url(/img/bio-top.png) no-repeat 0 0;
	width:490px;
	padding:30px 20px 0 20px;
	color:#83796a;
	}
#myself .top p { padding-right:20px;}
#myself .bottom {
	background:transparent url(/img/bio-bottom.png) no-repeat bottom right;
	width:530px;
	height:20px;
	padding:0;
	}
#myself .photo {
	position:relative;
	float:left;
	width:165px;
	height:280px;
	margin:0 20px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#69594c;
	}
#myself .photo img { margin:0 0 15px 0; padding:0; }
#myself .photo p { padding:0; }
#myself h3 {
	position:relative;
	float:left; 
	display:block;
	width:285px;
	height:20px;
	}
#myself h3 a {
	display:block;
	width:220px;
	height:20px;
	}
#myself h3 a:link, #myself h3 a:visited { background:url(/img/t/jeffrey-brian-fisher.gif) no-repeat 0 0; }
#myself h3 a:hover, #myself h3 a:active { background:url(/img/t/jeffrey-brian-fisher.gif) no-repeat 0 -21px; }

#myself a:link, #myself a:visited { color:#bfae95; text-decoration:none; }
#myself a:hover, #myself a:active { color:#bfae95; text-decoration:underline; }

#myself .text { width:285px; margin:0; padding:0 20px 0 0; }

.read_on {
	background:url(/img/read-on.gif) no-repeat 0 0;
	position:relative;
	float:right;
	width:95px;
	height:31px;
	margin:0;
	padding:0;
	text-indent:-7000px;
	}
.read_on a  {
	display:block;
	width:95px;
	height:31px;
	margin:0; padding:0;
	}
.read_on a:link, .read_on a:visited { background:url(/img/read-on.gif) no-repeat 0 0; }
.read_on a:hover, .read_on a:active { background:url(/img/read-on.gif) no-repeat 0 -31px; }

#about #myself .read_on { display:none; }

.see_more {
	background:url(/img/see-more.gif) no-repeat 0 0;
	position:relative;
	float:right;
	width:101px;
	height:31px;
	margin:0;
	padding:0;
	text-indent:-7000px;
	}
.see_more a  {
	display:block;
	width:101px;
	height:31px;
	margin:0; padding:0;
	}
.see_more a:link, .see_more a:visited { background:url(/img/see-more.gif) no-repeat 0 0; }
.see_more a:hover, .see_more a:active { background:url(/img/see-more.gif) no-repeat 0 -31px; }

#my_reading,
#my_reading .book,
#my_reading img {
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	}
#my_reading { width:300px; padding:67px 0 0 40px; }
#my_reading .book { width:240px; height:75px; margin:0; }
#my_reading img { margin:0 12px 0 0; padding:0; }
#my_reading p { font-size:12px; color:#69594c; }
#my_reading h4 { margin:0; padding:0; border:0; font-size:14px; }
#my_reading h4 a:link, #my_reading h4 a:visited { color:#83796a; text-decoration:none; }
#my_reading h4 a:hover, #my_reading h4 a:active { color:#cdbfaa; text-decoration:none; }

#my_reading h3 {
	position:relative;
	display:block;
	width:185px;
	height:20px;
	margin:0 0 20px 0;
	}
#my_reading h3 a {
	display:block;
	width:185px;
	height:20px;
	margin:0;
	padding:0;
	}
#my_reading h3 a:link, #my_reading h3 a:visited { background:url(/img/t/what-i-am-reading.gif) no-repeat 0 0; }
#my_reading h3 a:hover, #my_reading h3 a:active { background:url(/img/t/what-i-am-reading.gif) no-repeat 0 -20px; }

#footer_menu { background:#1f1813; margin:0; padding:0; }
#footer_menu .pg_center { background:url(/img/bg-footer-menu.png) no-repeat 0 0; padding:0; width:930px; height:170px; }
#footer_menu ul { 
	position:relative;
	float:left;
	display:inline;
	width:870px;
	margin:0;
	padding:0 30px;
	}
#footer_menu ul li {
	background:none;
	position:relative;
	float:left;
	display:inline;
	overflow:hidden;
	height:148px;
	margin:0 0 0 2px; padding:0;
	}
#footer_menu .portfolio {width:215px;}
#footer_menu .integrations {width:215px;}
#footer_menu .about {width:215px;}
#footer_menu .testimonials {width:217px;}
#footer_menu .resources {width:215px;}

#footer_menu .portfolio a:link, #footer_menu .portfolio a:visited {
	background:url(/img/menu-portfolio.png) no-repeat 0 0;
	display:block;
	width:215px;
	height:148px;	
	}
#footer_menu .portfolio a:hover, #footer_menu .portfolio a:active {
	background:url(/img/menu-portfolio.png) no-repeat 0 -148px;
	display:block;
	width:215px;
	height:148px;	
	}
#footer_menu .integrations a:link, #footer_menu .integrations a:visited {
	background:url(/img/menu-portfolio.png) no-repeat 0 0;
	display:block;
	width:215px;
	height:148px;	
	}
#footer_menu .integrations a:hover, #footer_menu .integrations a:active {
	background:url(/img/menu-portfolio.png) no-repeat 0 -148px;
	display:block;
	width:215px;
	height:148px;	
	}
#footer_menu .about a:link, #footer_menu .about a:visited {
	background:url(/img/menu-about.png) no-repeat 0 0;
	display:block;
	width:215px;
	height:148px;	
	}
#footer_menu .about a:hover, #footer_menu .about a:active {
	background:url(/img/menu-about.png) no-repeat 0 -148px;
	display:block;
	width:215px;
	height:148px;	
	}
#footer_menu .testimonials a:link, #footer_menu .testimonials a:visited {
	background:url(/img/menu-testimonials.png) no-repeat 0 0;
	display:block;
	width:217px;
	height:148px;	
	}
#footer_menu .testimonials a:hover, #footer_menu .testimonials a:active {
	background:url(/img/menu-testimonials.png) no-repeat 0 -148px;
	display:block;
	width:217px;
	height:148px;	
	}
#footer_menu .resources a:link, #footer_menu .resources a:visited {
	background:url(/img/menu-resources.png) no-repeat 0 0;
	display:block;
	width:215px;
	height:148px;	
	}
#footer_menu .resources a:hover, #footer_menu .resources a:active {
	background:url(/img/menu-resources.png) no-repeat 0 -148px;
	display:block;
	width:215px;
	height:148px;	
	}