/*----------------------------------------*
**  Global
**----------------------------------------*/

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #ccc url(img/header_gradient.jpg) 0 0 repeat-x;
  }
div,p,blockquote,h1,h2,h3,ul,ol,li {
  margin: 0;
  padding: 0;
	font: "Times New Roman", Times, serif;
  }
table { border-spacing: 0; }
td { padding: 0; vertical-align: top; }
ul { list-style-type: none; }
img { border: none; }
cite { display: block; height: 1px; font-size: 1px; line-height: 1px; clear: both; }
.photo { line-height: 0px; font-size: 0px; }

/*----------------------------------------*
**  Header & Nav
**----------------------------------------*/

h1 {
  margin: 0 auto;
  text-indent: -3000px;
  height: 145px;
	width: 450px;
  background: transparent url(img/header_masthead.gif) 50% 30px no-repeat;
  }
	
.nav {
  background: #000 url(img/nav_gradient.gif) 0 0 repeat-x;
  }
.nav p {
  font-size: 16px;
	line-height: 18px;
  text-align: center;
	padding: 7px 0 9px;
  }
.nav p a {
	padding: 2px 8px;
  color: #ccc;
	text-decoration: none;
	font-weight: bold;
  }
.nav p a.here,
.nav p a:hover {
  color: #fff;
  background: #000 url(img/nav_link_gradient.gif) 0 100% repeat-x;
  }

/*----------------------------------------*
**  Banner & Salutation
**----------------------------------------*/

.banner {
  background: #fff url(img/banner_gradient.gif) 0 0 repeat-x;  
	text-align: center;
  }
.banner p {
  margin: 0 auto;
  background: transparent url(img/banner.gif) 0 0 repeat-x;  
  text-indent: -3000px;
	height: 34px;
	width: 362px;
  }

.salutation {
  background: #ccc url(img/salutation_gradient.gif) 0 0 repeat-x;
	text-align: center;
	padding: 18px 0 2px;
  }
.salutation .wrap {
  margin: 0 auto;
	width: 710px;
  }
.salutation .photo {
  float: left;
	margin-right: 28px;
  }
.salutation p {
  text-align: left;
	font-size: 17px;
	line-height: 20px;
	font-style: italic;
	padding: 28px 0 10px;
  }
.salutation p.author {
  text-align: right;
	font-size: 12px;
	line-height: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
  }

/*----------------------------------------*
**  Footer
**----------------------------------------*/

.footer {
  background: transparent url(img/salutation_gradient.gif) 0 0 repeat-x;
  padding: 20px 0 30px;
  }
.footer p {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #333;
  font-weight: bold;
  }
.footer p span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
  }
.footer p a {
  color: #666;
  text-decoration: none;
  }
.footer p a:hover {
  text-decoration: underline;
  }

/*----------------------------------------*
**  Content
**----------------------------------------*/

.content {
	padding: 40px 0 70px;
	text-align: center;
  background: #fff url(img/content_gradient.gif) 0 0 repeat-x;
  }
body.home .content {
  padding-top: 30px;
  background-image: none;
  }
.content .wrap {
  margin: 0 auto;
	width: 900px;
  }
.content .column {
  margin: 0;
	width: 450px;
	float: left;
	text-align: left;
  }
.content .gallery {
	width: auto;
	float: none;
	text-align: left;
	margin-top: -15px;
  }

.content h2 {
  font-size: 32px;
	line-height: 34px;
	color: #a00;
	margin: 0 15px 20px;
	text-align: left;
  }
	
.content h3 {
  font-size: 20px;
	line-height: 22px;
	color: #a00;
	margin: 0 15px 12px;
	text-align: left;
	font-style: italic;
  }
.content .gallery h3 {
  margin: 15px 15px 12px;
  }
.content h4 {
  font-size: 16px;
	line-height: 18px;
	color: #a00;
	margin: 0 15px 3px;
	text-align: left;
	text-transform: uppercase;
  }
.content p {
  font-size: 15px;
	line-height: 18px;
	margin: 2px 15px 18px;
  }
.content .photo {
	text-align: center;
	margin-bottom: 18px;
  }
.content a {
  color: #a00;
	font-weight: bold;
  text-decoration: none;
  }
.content a:hover {
  text-decoration: underline;
  }

.content p.download {
  padding: 4px 0 5px;
	border: 2px solid #ccc;
	text-align: center;
	margin-top: -5px;
  }
.content p.download a {
  padding-left: 16px;
  background: url(img/content_download.gif) 0 0 no-repeat;
	color: #36c;
  }

.content blockquote {
	margin: 24px 35px 28px;
  }
.content blockquote p {
  font-size: 20px;
	line-height: 20px;
	color: #36c;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin: 0;
  }
.content blockquote p.author {
  font-size: 13px;
	line-height: 15px;
	color: #000;
	font-weight: normal;
	font-style: normal;
	margin-top: 6px;
  }


.content .info {
  background-color: #ddd;
	margin: 4px 15px 24px;
	padding: 2px 0 3px;
  }
.content .info p {
	margin: 10px 0;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
  }
.content .info p.email {
	margin-top: -3px;
  }
.content .info p.email a {
  display: block;
	background-color: #eee;
	padding-bottom: 2px;
  }
.content .info p.email a:hover {
	background-color: #fff;
  text-decoration: none;
  }
.content .info p.telephone {
	margin-top: -5px;
  }

.content .testimonial {
  background-color: #ddd;
	margin: 18px 15px;
	padding: 3px 15px;
  }
.content .testimonial p {
	margin: 10px 0;
	font-style: italic;
  }
.content .testimonial p.intro {
	margin: 10px 0;
	font-style: normal;
	color: #a00;
  }
.content .testimonial .kate {
	float: right;
	margin: 12px 0 0 15px;
  }
.content .testimonial .initials {
	float: right;
	margin: -10px 5px 0 15px;
  }

.content .bio {
	margin: 26px 15px 26px 12px;
  }
.content .bio-top {
	margin-top: 0;
  }
.content .bio-sidebar {
	float: left;
	width: 126px;
  background: transparent url(img/photo_border.gif) 0 0 no-repeat;
  }
.content .bio-sidebar .photo {
  padding: 7px;
	margin-bottom: 4px;
  }
.content .bio-sidebar h3 {
  font-size: 16px;
	line-height: 18px;
	color: #a00;
	margin: 0;
	text-align: center;
	font-style: normal;
  }
.content .bio-sidebar p {
  font-size: 13px;
	line-height: 14px;
	margin: 0;
	color: #666;
	font-style: italic;
	text-align: center;
  }
.content .bio-credits {
	float: right;
	width: 286px;
	margin-top: -4px;
  }
.content .bio-credits p {
	margin: 8px 0 0;
  font-size: 14px;
	line-height: 16px;
	}

.content .thumb {
  float: left;
	width: 126px;
	margin: 0 12px;
	text-align: center;
  }
.content .thumb a {
  display: block;
	padding-top: 7px;
  background: transparent url(img/photo_border.gif) 0 0 no-repeat;
  }
.content .thumb a:hover {
  text-decoration: underline;
	color: #000;
  }
.content .thumb .photo {
  margin: 0;
  }
.content .thumb p {
  margin: 9px 0 12px;
  font-size: 13px;
	line-height: 14px;
	color: #666;
	font-style: normal;
	font-weight: normal;
	text-align: center;
  }
.content .thumb a:hover p {
	color: #000;
  }