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

#tableContentArea {
	position: relative;
	width: 644px;
	height: 430px;
	z-index: 1;
	visibility: visible;
}
	
#tableTransformationArea {
	position: relative;
	width: 644px;
	height: 480px;
	z-index: 1;
	visibility: visible;
}
	
#divContentImage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 644px;
	height: 430px;
	z-index: 2;
	visibility: visible;
}
	
#divTransformationImage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 644px;
	height: 480px;
	z-index: 2;
	visibility: visible;
}
	
#divTransformationText {
	position: absolute;
	left: 0px;
	top: 420px;
	width: 640px;
	height: 50px;
	z-index: 3;
	visibility: visible;
}
	
#divContentText {
	position: absolute;
	left: 28px;
	top: 0px;
	width: 480px;
	height: 360px;
	z-index: 3;
	visibility: visible;
}
	
#divContentTextHidden {
	position: absolute;
	left: 28px;
	top: 0px;
	width: 480px;
	height: 360px;
	z-index: 3;
	visibility: hidden;
}
	
#divContentTextNarrow {
	position: absolute;
	left: 28px;
	top: 0px;
	width: 480px;
	height: 360px;
	z-index: 3;
	visibility: visible;
}
	
#divContentGallery {
	position: absolute;
	left: 28px;
	top: 60px;
	width: 600px;
	height: 320px;
	z-index: 3;
	visibility: visible;
}
	
#divClientGallery {
	position: absolute;
	left: 28px;
	top: 60px;
	width: 600px;
	height: 360px;
	z-index: 3;
	visibility: visible;
}
	
#divContentBook {
	position: absolute;
	left: -28px;
	top: 20px;
	width: 644px;
	height: 430px;
	z-index: 4;
	visibility: visible;
}
	
#divContentBook321 {
	position: absolute;
	left: -28px;
	top: 0px;
	width: 644px;
	height: 430px;
	z-index: 4;
	visibility: visible;
}
	
#divContentBookPortrait {
	position: absolute;
	left: -26px;
	top: 20px;
	width: 480px;
	height: 340px;
	z-index: 4;
	visibility: visible;
}
	
#divNavArea {
	position: absolute;
	left: 28px;
	width: 600px;
	height: 28px;
	z-index: 4;
	visibility: visible;
	top: 390px;
}
	
#divNavAreaPortraits {
	position: absolute;
	left: 28px;
	width: 600px;
	height: 28px;
	z-index: 4;
	visibility: visible;
	top: 370px;
}
	
#divBeforeImage {
	position: relative;
	z-index: 0;
}

#divGridOverlay {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}

#divEditNotesOverlay {
	visibility: hidden;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}

#divFinalImage {
	visibility: hidden;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

#divOutlineOverlay {
	visibility: visible;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}

#divComments {
	visibility: hidden;
	position: absolute;
	z-index: 4;
	left: 0px;
	top: 0px;
}

#divTransformation0 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: visible;
}
	
#divTransformation1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation3 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation4 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation5 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation6 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation7 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation8 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation9 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation10 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation11 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation12 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
#divTransformation13 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 643px;
	height: 420px;
	z-index: 3;
	visibility: hidden;
}
	
.contentTable
{
padding-left: 1;
background-image: url(../images/background.jpg);
background-repeat: no-repeat;
}

.bookTable
{
padding-left: 1;
background-image: url(../books/images/bg_books.jpg);
background-repeat: no-repeat;
}

.helpTable
{
padding-left: 1;
background-image: url(../about/images/help.jpg);
background-repeat: no-repeat;
}

.transformationTable
{
padding-left: 1;
background-image: url(../images/background_plain.jpg);
background-repeat: no-repeat;
}

.beforeAfterTable
{
padding-left: 1;
background-image: url(../../images/background_plain.jpg);
background-repeat: no-repeat;
}

.body
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

.bodyEnd
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
}

.bodyBold
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

.bodyItalic
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	font-style:italic;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

.bodyBook
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width: 260px;
}

.bodyBookPortrait
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width: 180px;
}

.bodyGallery
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 30px;
}

.bodyGalleryNotes
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CC6;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 30px;
}

.bodyGalleryEnd
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-right: 30px;
}

.bodyTransformation
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 10px;
	text-align: right;
	color: #AAB3BA;
	line-height: 18px;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 28px;
	padding: 0px;
}

.bodyGallerySubhead
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	text-transform: uppercase;
}

.staffImage
{
	padding-left: 20px;
}

.bodyGold
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CC6;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 30px;
}

.bodyQuote
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: right;
	color: #DCAE00;
	line-height: 20px;
	font-style: italic;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

.newsletterBody
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: white;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 78px;
	padding: 0px;
}

.newsletterNav
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #DCAE00;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

.newsletterNavBold
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #DCAE00;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.list
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 16px;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	text-indent: -9px;
}

.listEnd
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 16px;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 0px;
	text-indent: -9px;
}

.nav
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 9px;
	text-align: left;
	color: #888888;
	line-height: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.nav10
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 10px;
	text-align: left;
	color: #AAB3BA;
	line-height: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.nav10Disabled
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 10px;
	text-align: left;
	color: #5b656e;
	line-height: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.navBold
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 9px;
	text-align: left;
	color: #AAAAAA;
	line-height: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding: 0px;
}

.navBoldDisabled
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 9px;
	text-align: left;
	color: #888888;
	line-height: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding: 0px;
}

.navDisabled
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 9px;
	text-align: left;
	color: #666666;
	line-height: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.subhead
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	text-transform: uppercase;
}

.subheadRight
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: right;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}

.subheadBook
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
	text-transform: uppercase;
}

.subheadMixedCase
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}

.subheadCopy
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}

.subheadContact
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}

.subheadGallery
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 10px;
	text-align: left;
	color: #AAB3BA;
	line-height: 10px;
	font-weight: bold;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
}

.subheadTransformation
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 10px;
	text-align: right;
	color: #AAB3BA;
	line-height: 10px;
	font-weight: bold;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
}

.subheadQuickLinks
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 9px;
	text-align: left;
	color: #999999;
	line-height: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.headline
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 15px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}

.imageOptions
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #AAB3BA;
	line-height: 20px;
	margin: 0px;
	padding: 0px
}

.transformationSteps
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #AAB3BA;
	line-height: 18px;
	margin-left: 28px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 0px;
}

.formBody
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #888888;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.formCopy
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.formLabel
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.tableHeadline
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777788;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #777788;
}

.tableCopy
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.tableCopyUnderline
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #444455;
}

.tableCopyUnderlineBottom
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #CCCCCC;
	line-height: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #777788;
}

.buttonLabel
{
	font-family: trebuchet, verdana, arial, helvetica;
	font-size: 11px;
	text-align: left;
	color: #777777;
	line-height: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.verticalLine {color: #555577}

a {
	font-family: trebuchet, verdana, arial, helvetica;
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #FFFFFF;
	margin-bottom: 20px;
}

a.navLink {
	font-family: trebuchet, verdana, arial, helvetica;
	color: #999999;
	text-decoration: none;
}

a.navLink:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a.bodyLinkGold {
	font-family: trebuchet, verdana, arial, helvetica;
	color: #CC6;
	text-decoration: none;
}

a.bodyLinkGold:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a.newsletterLink {
	font-family: trebuchet, verdana, arial, helvetica;
	color: #DCAE00;
	text-decoration: none;
}

a.newsletterLink:hover {
	text-decoration: underline;
	color: #DCAE00;
}