body
{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #565555;
	margin: 0px;
}

a
{
	color: #e30044;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	font-family: georgia, serif;
	font-size: 36px;
	font-weight: normal;
	color: #42393c;
	margin: 0px 0px 20px 0px;
}

h2
{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}

p
{
	margin: 0px 0px 20px 0px;
}

img
{
	border: none;
}

blockquote
{
	padding-top: 5px;
	border-top: 1px solid #565555;
	margin: 30px 0px 20px 0px;
}

cite
{
	font-size: 11px;
}

.clear
{
	height: 0px;
	clear: both;
}

/* Centering div */
div.wrapper
{
	width: 940px;
	margin: 0px auto;
}

/* Adds indent to most copy pages */
div.container
{
	margin-left: 50px;
}

.header
{
	padding-top: 12px;
	border-top: 1px solid #777171;
	margin: 30px 0px 35px 0px;
}

/* Epigram logo */
img.logo
{
	width: 230px;
	height: 43px;
	float: left;
}

/* Navigation Styles */

.nav
{
	float: right;
}

/* Remove cellspacing */
.nav table 
{
	border-collapse: collapse;
	border-spacing: 0px;
}

/* Remove cellpadding */
.nav td,
.nav th
{
	vertical-align: top;
	padding: 0px;
}

/* Section Nav */
.nav th
{
	font-weight: normal;
	padding-left: 15px;
}

.nav th a
{
	color: #4f4e4e;
}

.nav th a:hover,
.nav th a.selected
{
	color: #e30044;
	text-decoration: none;
}

/* Page Nav Links */
.nav td a
{
	color: #787777;
}

.nav td a.selected,
.nav td a:hover
{
	text-decoration: none;
	color: #000000;
}

/* Remove ul spacing and bullets */
.nav ul
{
	list-style-type: none;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

/* Hidden Page Nav */
.nav ul.hide
{
	visibility: hidden;
}

/* Align page nav right */
.nav li
{
	font-size: 10px;
	line-height: 12px;
	text-align: right;
	padding-left: 15px;
}

/* Copy Columns */
.col
{
	width: 345px;
	margin-right: 25px;
	float: left;
}

/* Client Listing Columns */
.clientCol
{
	margin-right: 50px;
	float: left;
}

/* Shorten the paragraphs for client listing */
.clientCol p
{
	margin-bottom: 15px;
}

.caseStudyTeaser
{
	width: 410px;
	margin: 0px 20px 20px 0px;
	float: left;
}

.caseStudyTeaser img
{
	margin-right: 20px;
	float: left;
}

.caseStudyTeaser .info 
{
	width: 305px;
	padding-top: 10px;
	border-top: 1px solid #777171;
	float: left;
}

.caseStudy
{
	width: 365px;
	float: left;
}

.caseStudy h2
{
	width: 315px;
	float: left;
}

.caseStudy h3
{
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 315px;
	margin: 0px 0px 20px 0px;
	float: left;
}

.category
{
	font-family: georgia, serif;
	text-align: right;
	color: #6d6668;
	width: 40px;
	padding-right: 10px;
	float: left;
}

.colCaseStudy
{
	/* Slightly smaller size for IE6 */
	width: 312px;
	float: left;
}

.gallery
{
  text-align: right;
	width: 550px;
	padding-left: 25px;
	float: left;
}

.gallerySet
{
  display: none;
}

.galleryShown
{
  display: block;
}

.gallery table
{
  float: right;
}

.gallery td
{
  text-align: right;
  vertical-align: bottom;
  padding-left: 10px;
}

.gallery tr.labels td
{
  vertical-align: top;
}

.galleryNav
{
  float: right;
}

a.galleryLink
{
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	width: 18px;
	height: 18px;
	margin: 0px 10px 10px 0px;
	display: block;
	float: left;
}

a.galleryLink:hover,
a.gallerySelected
{
  color: #ffffff;
  text-decoration: none;
  background-color: #e30044;
}

.gallery .label,
a.closeup
{
	color: #e30044;
}

.gallery .after
{
  float: left;
}

/* Contact Us Form */
.contactForm
{
	padding: 20px 20px 20px 45px;
	background-color: #cccccc;
	margin: 0px;
}

/* Instructional Copy */
p.instruct
{
	font-size: 10px;
	margin-bottom: 10px;
}

/* Left Column of Contact Us Form */
.contactColA
{
	width: 286px;
	padding-right: 90px;
	float: left;
}

/* Right Column of Contact Us Form */
.contactColB
{
	width: 499px;
	float: left;
}

/* Form Labels */
.contactForm label
{
	line-height: 12px;
	margin: 10px 0px 2px 0px;
	display: block;
}

/* Hidden Form Elements */
.contactForm .hide
{
	visibility: hidden;
}

/* Format form input elements */
.contactForm input,
.contactForm textarea
{
	border: none;
	margin-left: 6px;
}

.contactForm input
{
	font-size: 14px;
	font-family: arial, sans-serif;
	width: 280px;
	height: 18px;
	padding: 5px 0px 5px 0px;
}

.contactForm textarea
{
	font-size: 14px;
	font-family: arial, sans-serif;
	width: 493px;
	height: 174px;
	padding: 5px 0px 5px 0px;
	overflow: auto;
}

.contactForm .button
{
	font-size: 12px;
	color: #e30044;
	width: auto;
	height: auto;
	background-color: #cccccc;
	padding: 2px;
	margin-top: 10px;
	float: right;
}

/* Form Error Message */
.error
{
	color: #cc0000;
}

/* Footer */
.footer
{
	color: #777171;
	margin-top: 10px;
}

/* Footer Copyright Display */
.copyright
{
	font-size: 10px;
	padding-left: 45px;
	float: left;
}

/* Footer Phone Number */
.contactPhone
{
	font-size: 11px;
	font-family: georgia, serif;
	float: right;
}

/* Home Page Image */
img.homePage
{
	width: 940px;
	height: 355px;
}

/* Initial Paragraph Text */
span.initial
{
	color: #000000;
}

/* Case Study Teaser Image */
.caseStudyTeaser img
{
	width: 83px;
	height: 78px;
}

/* Admin */
.caseStudyTeaser a.edit,
.caseStudyTeaser a.delete
{
  margin-top: 10px;
  margin-right: 5px;
}

h1 a.edit,
h1 a.delete
{
  font-size: 12px;
  font-family: arial, sans-serif;
}

/* Hide the login link */
a.login,
a.login:hover
{
  color: #777171;
  text-decoration: none;
}

h2.error
{
  margin-bottom: 10px;
}

table.edit
{
  border: 1px solid #eeeeee;
}

table.edit th,
table.edit td
{
  padding: 5px;
}

table.edit th
{
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 10px;
}

table.edit tr
{
  background-color: #eeeeee;
}

table.edit tr.even
{
  background-color: #cccccc;
}

table.edit tr.cta
{
  background-color: #ffffff;
}

table.edit tr.cta td
{
  text-align: right;
}

textarea
{
  width: 700px;
  height: 250px;
}

/* Left-aligned portrait wrapped in copy */
img.portrait
{
  margin: 0px 10px 10px 0px;
  float: left;
}