@charset "utf-8";
/* FlowingPens Style */
.clear {clear:both;}
body {background:#f0e2d0; margin:0;padding:0;height:100%;}
#pageWrapper {background:#E0C6A9;margin:0 auto;width:800px;}
#pageWrapper h1 {text-align:center; font-style:italic;color:#583c1d;}
#branding {padding-top:20px;margin:0 0 10px 0;text-align:center;}
#nav {width:780px;margin:0 auto;height:36px;}
#nav ul {list-style-type:none;margin:0;padding:0;}
#nav ul li {float:left;}
#nav ul li a {display:block;height:36px;text-indent:-9999px;}
#nav ul li a:hover {background-position:0 -36px;}
a.blog {background:url(../images/nav_blog.png) no-repeat top; width:171px;}
a.services {background:url(../images/nav_services.png) no-repeat top; width:149px;}
a.works {background:url(../images/nav_works.png) no-repeat top; width:144px;}
a.background {background:url(../images/nav_bg.png) no-repeat top; width:153px;}
a.contact {background:url(../images/nav_contact.png) no-repeat top; width:163px;}
a img {border:0;}

#content {background:#FFF url(../images/bottom_bar.gif) no-repeat bottom;margin:0px auto;padding:10px 0;width:780px;}
.welcome {
	border:1px solid #c3b294;
	margin:.5em 20px 1.5em 20px ;
	text-align:center;
	padding:1em;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#5f4a14;
	background-color:#fff8e6;
}
	.welcome p a {color:#5f4a14; font-weight:bold;}
	.welcome p a:hover {color:#000;}
.callout, .callout2 {
	float:left;
	width:325px;
	border:1px solid #000;
	margin:.5em 20px 1.5em 20px ;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#000;
	background-color:#fffff4;
	height:440px;
	padding:20px .6em;
}
.callout2 img {
	margin:15px auto;
	}	
.callout3 {
	border:1px solid #000;
	margin:.5em 20px 1.5em 20px ;
	text-align:center;
	padding:1em 5em;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#000;
	background-color:#fffff4;
}

#clients p {font-size:small;padding:0 1em;}
#books {margin:20px auto;width:95%;}
.book {float:left;}
#footer {width:780px;margin:10px auto;}
#footer ul {list-style-type:none;margin:0 auto;padding:0;width:30em}
#footer ul li {float:left;color:#666;}
#footer ul li a {color:#666;font-size:11px;text-transform:uppercase;text-decoration:none; letter-spacing:1px;}
#footer ul li a:hover {color:#000;}
#footer ul li a:active {color:#333;}