/** CSS Reset **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

@font-face {
    font-family: Copperplate Light SSi;
	font-style:  normal;
	font-weight: normal;
	src: url(/fonts/COPPERP1.eot);
}

@font-face {
	font-family: "Copperplate Light";
	src:	url(/fonts/CopperplateLight.ttf) format("truetype");
}

body {
	background: #120d0b url(/images/common/gradient.jpg) top left no-repeat; 

	font-family: "Copperplate Light", Copperplate Light SSi, helvetica, arial, sans-serif;

	font-size: 9px;
	line-height: 13px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	
	color: #888078;
	text-align: left;
}

.clearfix {
	clear: both;
}

.protector {
	position: absolute;
	z-index: 99999;
}

div.couture-image img {
	z-index: 10;
}

#page-container {
	margin: 0 30px;
	width: 920px;
}

#header-container {
	height: 97px;
	z-index: 20;
	overflow: visible;
	position: relative;
}

#page-title {
	float: left;
	width: 400px;
	padding-left: 24px;
	margin-top: 50px;
}

#page-title h2 {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 16px 0 2px 30px;
	text-indent: -30px;
	color: #76799E;
}

#page-title h2 span.small {
	font-size: 10px;
	letter-spacing: 2px;
}

#page-title h2 a {
	color: #76799E;
	text-decoration: none;
}

ul.content-subnav {
	margin: 12px 0 0 50px;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	letter-spacing: 2px;
	position: absolute;
}

ul.content-subnav li {
	margin: 0 0 6px 0;
}

ul.content-subnav li a {
	color: #888078;
	text-decoration: none;
}

ul.content-subnav li a:hover {
	color: #76799E;
}

ul.content-subnav li.active a,
ul.content-subnav li.active a:hover {
	color: #76799E;
}


#logo-container {
	float: right;
	margin-top: 52px;
/*	margin-right: 13px;*/
}

#logo-container h1 a {
	background: transparent url(/images/common/logo.gif) no-repeat scroll left top;
	display: block;
	overflow: hidden;
	text-indent: -10000px;
	width: 314px;
	height: 23px;
}

#content-container {
	height: 572px;
	z-index: 10;
}

#content-col-1 {
	float: left;
	width: 360px;
	margin-right: 12px;
	height: 433px;
	position: relative;
	
    overflow: hidden;
}

#content-col-2 {
	float: left;
	width: 418px;
    overflow: hidden;
    
}

#content-nav {
	width: 370px;
}

#content-nav h2 {
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

#content-nav h2 a {
	text-decoration: none;
	color: #888078;
}

#content-nav h2 a:hover {
	color: #76799E;
}

#content-nav h2.active a {
	color: #76799E;
}

#content-nav h3 {
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0 0 10px 30px;
	text-transform: uppercase;
}

#content-nav h3 a {
	text-decoration: none;
	color: #888078;
}

#content-nav h3 a:hover {
	color: #76799E;
}

#content-subnav {
	position: absolute;
	margin-top: 8px;
}

#content-subnav h3 {
	font-size: 1.1em;
	margin-bottom: 6px;
}

#content-nav h3 span.lcase {
	font-size: 0.9em;
	text-transform: lowercase;
}

#content-nav h3.active a {
	color: #76799E;
}

.content-copy {
	position: absolute;
	bottom: 0;
	padding: 0 8px 0 30px;
	font-size: 1.1em;
}

.content-copy p {
	margin-top: 0.864em;
	padding: 0;
}

.content-copy-top {
	padding: 20px 8px 0 50px;
}

.content-copy-top p {
	font-size: 1.0em;
}

.text-right h3 {
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.1em;
	letter-spacing: 2px;
	margin: 0 0 4px 0;
}

#footer-container {
	padding-bottom: 6px;
}

#footer-container ul {
	list-style-type: none;
	text-align: right;
	font-size: 9px;
	margin: 0 0 4px 0;
}

#footer-container li {
	display: inline;
	padding: 0 0 0 6px;
}

#footer-container a {
	color: #888078;
	text-decoration: none;
}

#footer-container a:hover {
	color: #76799E;
}

.text-right {
	text-align: right;
}



/**** Page Specific Styles *****/

/* Bio Page */

#bio-col-1 {
	float: left;
	width: 556px;
	margin-right: 9px;
}

.bio-copy {
	margin-top: 20px;
	padding: 0 8px 0 30px;
}

#bio-col-2 {
	float: left;
	width: 225px;
}

.full-copy {
	margin-top: 20px;
	padding: 0 0 0 30px;
}

.full-copy h3 {
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.1em;
	letter-spacing: 2px;
	margin: 0 0 4px 0;
}

/* Gallery page */

#gallery-content {
	position: relative;
	padding-top: 48px;
}

#gallery-text-viewport {
	height: 300px;
	overflow: hidden;
	padding: 10px 0;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/
}


.gallery-images {
	float: right;
	position: relative;
	width: 418px;
}

.gallery-text {
	position: absolute;
	right: 418px;
	bottom: 12px;
	width: 355px;
	margin-right: 12px;
	text-align: right;
}

.gallery-text h3 {
	font-weight: normal;
	font-size: 11px;
	margin: 24px 0 5px;
	letter-spacing: 2px;
}

.gallery-text p {
	margin: 0 0 9px;
}

.gallery-text p.ket-first {
	margin-top: 125px;
}

.gallery-text p.last {
	margin: 0;
}

.gallery {
	margin: 12px 0 0 0;
}

.gallery-images.wide {
	width: 418px;
}

.wide .gallery-text {
	right: 430px;
}



/* Clients page */

#clients-content {
	padding-left: 400px;
	padding-top: 40px;
}

.clients-col {
	float: left;
	width: 256px;
}

.clients-col ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 15px;
}

.clients-col li {
	padding: 0;
	margin: 0 0 0 15px;
	text-indent: -15px;
}

.clients-col p {
	font-size: 9px;
	margin: 1px 0 0 32px;
	line-height: 13px;
}


/* Process page */

#process-content {
	position: relative;
	padding-top: 55px;
}

.process-image {
	float: right;
	position: relative;
	width: 465px;
}

.process-text {
	position: absolute;
	right: 465px;
	bottom: -4px;
	width: 300px;
	margin-right: 12px;
	text-align: right;
}

.process-text p {
	margin: 18px 0 0 0;
}

#whatwedo-content {
	padding-left: 470px;
	padding-top: 40px;
}

.whatwedo-col {
	float: left;
	width: 240px;
}

.whatwedo-col-r {
	width: 210px;
}

.whatwedo-col ul {
	list-style-type: none;
	margin: 0 0 26px 0;
	padding: 0;
	font-size: 9px;
	line-height: 15px;
}

.whatwedo-col li {
	padding: 0;
	margin: 0 0 0 15px;
	text-indent: -15px;
}

.whatwedo-col h3 {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 18px 0;
	letter-spacing: 4px;
}

.whatwedo-col p {
	font-size: 9px;
	margin: 15px 0 0 32px;
	line-height: 13px;
}

#timing-content {
	position: relative;
	padding-right: 12px;
	padding-top: 130px;
}

.timing-image {
	float: right;
	width: 253px;
}

.timing-text {
	position: absolute;
	right: 264px;
	bottom: 0px;
	width: 350px;
	margin-right: 12px;
	text-align: right;
}

.timing-text p {
	font-size: 9px;
	margin: 18px 0 0 0;
	line-height: 13px;
}

.full-justify {
	text-align: justify;
}

#stepbystep-content-container {
	height: 572px;
	z-index: 10;
}

#stepbystep-content {
	padding-left: 604px;
	padding-top: 0px;
	height: 572px;
	overflow: hidden;
}

#stepbystep-viewport {
	height: 428px;
	overflow: hidden;
	padding: 0 0 10px;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/
}

.stepbystep-text {
	padding: 10px 0;
}

.stepbystep-text h3 {
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: normal;
	margin: 24px 0 12px 0;
	text-align: right;
}

.stepbystep-text h3 span.num {
	font-size: 22px;
}

.stepbystep-text p {
	margin: 0 0 9px 0;
	text-align: right;
}

.stepbystep-text h3.first {
	margin-top: 0;
}

#stepbystep-up a,
#stepbystep-down a {
	display: block;
	
	width: 31px;
	
	overflow: hidden;
	margin: 10px 0 10px 285px;
	
	text-align: center;
	text-decoration: none;
	color: #888078;
}

#stepbystep-up a {
	padding-top: 7px;
	height: 13px;
	background: url(/images/common/arrow-up.gif) left top no-repeat;
}

#stepbystep-down a {
	height: 20px;
	background: url(/images/common/arrow-down.gif) 0 10px no-repeat;
}

#stepbystep-up a:hover,
#stepbystep-down a:hover {
	color: #76799E;
}

#stepbystep-up a:hover {
	background-position: 0 -20px;
}

#stepbystep-down a:hover  {
	background-position: 0 -10px;
}


/* About page */

#about-content {
	position: relative;
	padding-top: 20px;
}

.about-image-container {
	float: right;
}

.about-image {  
    height:  489px;  
    width:   359px;  
    padding: 0;  
    margin:  0;
    overflow: hidden;
} 
 
.about-image img {
    top:  0; 
    left: 0;
} 

.about-text {
	position: absolute;
	right: 360px;
	bottom: 2px;
	width: 350px;
	margin-right: 12px;
	text-align: right;
}

.about-text h2 {
	color: #76799E;
	font-size: 15px;
	margin: 18px 0 0;
	font-weight: normal;
	letter-spacing: 2px;
}

.about-text p {
	font-size: 9px;
	margin: 18px 0 0 0;
	line-height: 13px;
}

/* Bio page */

#bio-content {
	position: relative;
	padding-top: 40px;
}

.bio-image {
	float: left;
	width: 222px;
	
	margin-left: 5px;
}

.bio-text {
	float: left;
	padding-left: 345px;
/*	position: absolute;
	right: 232px;
	top: 2px;*/
	width: 300px;
	margin-right: 12px;
	text-align: right;
}

.bio-text a {
	color: #76799E;
	text-decoration: none;
}

.bio-text a:hover {
	color: #888078;
}

.bio-text h2 {
	color: #76799E;
	font-size: 15px;
	margin-top: 18px;
	font-weight: normal;
	letter-spacing: 2px;
}

.bio-text p {
	font-size: 9px;
/*	margin: 18px 0 0 0;*/
	margin: 0 0 18px 0;
	line-height: 13px;
}

.bio-quote {
	width: 285px;
}

.bio-quote p {
	text-align: left;
	margin: 8px 10px 2px 4px;
	
	font-size: 9.5px;
	line-height: 15px;
	
	text-indent: -5px;
}

.bio-quote p.citation {
	margin: 0;
	margin-left: 100px;
	text-indent: -9px;
}

/* Extended bio page */

#extbio-content {
	padding-left: 604px;
	padding-top: 0px;
	height: 572px;
	overflow: hidden;
}

#extbio-viewport {
	height: 428px;
	overflow: hidden;
	padding: 0 0 10px;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/
}

.extbio-text {
	padding: 10px 0;
}

.extbio-text h3 {
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: normal;
	margin: 24px 0 12px 0;
}

.extbio-text h3 span.num {
	font-size: 22px;
}

.extbio-text p {
	margin: 0 0 9px 0;
	text-align: right;
}

.extbio-text h3.first {
	margin-top: 0;
}

#extbio-up a,
#extbio-down a {
	display: block;
	
	height: 20px;
	
	overflow: hidden;
	margin: 10px 0 10px 284px;
	
	text-align: center;
	text-decoration: none;
	color: #888078;
}

#extbio-up a {
	padding-top: 7px;
	height: 13px;
	background: url(/images/common/arrow-up.gif) left top no-repeat;
}

#extbio-down a {
	height: 20px;
	background: url(/images/common/arrow-down.gif) 0 10px no-repeat;
}

#extbio-up a:hover,
#extbio-down a:hover {
	color: #76799E;
}

#extbio-up a:hover {
	background-position: 0 -20px;
}

#extbio-down a:hover  {
	background-position: 0 -10px;
}



/* Awards page */

#awards-content {
	position: relative;
	padding-top: 32px;
}

.awards-image {
	float: right;
	position: relative;
	width: 330px;
}

.awards-text {
	position: absolute;
	right: 342px;
	bottom: -3px;
	width: 300px;
	margin-right: 12px;
	text-align: right;
}

.awards-text h2 {
	color: #76799E;
	font-size: 15px;
	margin-top: 18px;
	font-weight: normal;
	letter-spacing: 2px;
}

.awards-text p {
	font-size: 9px;
	margin: 18px 0 0 0;
	line-height: 13px;
}


/* Praise page */

#content-container-praise {
	height: 572px;
	z-index: 10;
}

#praise-content {
	padding-left:490px;
	padding-top:40px;
}

#praise-viewport {
	height: 215px;
	overflow: hidden;
	padding: 0 0 10px;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/
}

#praise-1,
#praise-2 {
	height: 295px;
}

#praise-up a,
#praise-down a {
	display: block;
	
	width: 31px;
	
	overflow: hidden;
	margin: 5px auto 5px 399px;
	
	text-align: center;
	text-decoration: none;
	color: #888078;
}

#praise-up a {
	padding-top: 7px;
	height: 13px;
	background: url(/images/common/arrow-up.gif) left top no-repeat;
}

#praise-down a {
	height: 20px;
	background: url(/images/common/arrow-down.gif) 0 9px no-repeat;
}

#praise-up a:hover,
#praise-down a:hover {
	color: #76799E;
}

#praise-up a:hover {
	background-position: 0 -20px;
}

#praise-down a:hover  {
	background-position: 0 -11px;
}

.praise-image {
	display: block;
}

.praise-text {
	text-align: right;
}

.praise-text p {
	font-size: 9px;
	margin: 0 0 18px 20px;
	line-height: 13px;
}


/* Press page */

#press-content {
	float: right;
	position: relative;
	padding-top: 20px;
}

#press-content p {
	float: left;
	margin: 17px 0 0 6px;
	
	font-size: 10px;
}

#press-content td {
	padding: 0 0 6px 6px;
}

#press-content img {
	vertical-align: bottom;
}

#press-viewport {
	height: 380px;
	overflow: hidden;
	padding: 0 0 10px;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/
}

#press-up a,
#press-down a {
	display: block;
	
	width: 31px;
	
	overflow: hidden;
	margin: 10px 0 10px 395px;
	
	text-align: center;
	text-decoration: none;
	color: #888078;
}

#press-up a {
	padding-top: 7px;
	height: 13px;
	background: url(/images/common/arrow-up.gif) left top no-repeat;
}

#press-down a {
	height: 20px;
	background: url(/images/common/arrow-down.gif) 0 10px no-repeat;
}

#press-up a:hover,
#press-down a:hover {
	color: #76799E;
}

#press-up a:hover {
	background-position: 0 -20px;
}

#press-down a:hover  {
	background-position: 0 -10px;
}

/* Copyright page */

#copyright-content {
	padding-left: 604px;
	padding-top: 0px;
	height: 572px;
	overflow: hidden;
}

#copyright-viewport {
	height: 470px;
	overflow: hidden;
	padding: 10px 0;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/
}

.copyright-text {
	padding: 0 0 10px;
}

.copyright-text h3 {
	font-size: 12px;
	letter-spacing: 3px;
	font-weight: normal;
	margin: 18px 0 4px 0;
	text-align: right;
}

.copyright-text h3 span.num {
	font-size: 22px;
}

.copyright-text p {
	margin: 0 0 9px 0;
	text-align: right;
}

.copyright-text h3.first {
	margin-top: 0;
	text-align: right;
}

#copyright-up a,
#copyright-down a {
	display: block;
	
	width: 31px;
	
	overflow: hidden;
	margin: 10px 0 10px 284px;
	
	text-align: center;
	text-decoration: none;
	color: #888078;
}

#copyright-up a {
	padding-top: 7px;
	height: 13px;
	background: url(/images/common/arrow-up.gif) left top no-repeat;
}

#copyright-down a {
	height: 20px;
	background: url(/images/common/arrow-down.gif) 0 10px no-repeat;
}

#copyright-up a:hover,
#copyright-down a:hover {
	color: #76799E;
}

#copyright-up a:hover {
	background-position: 0 -20px;
}

#copyright-down a:hover  {
	background-position: 0 -10px;
}

/* Couture page */

#couture-content {
	position: relative;
	padding-top: 30px;
}

.couture-image {
	float: right;
}

.couture-text {
	position: absolute;
	right: 465px;
	bottom: 2px;
	width: 355px;
	margin-right: 12px;
	text-align: right;
}

.couture-text p {
	margin: 18px 0 0 0;
	line-height: 13px;
}


/* Cards page */

#cards-content {
	position: relative;
	padding-top: 30px;
}


.cards-image {
	float: right;
	position: relative;
}

.cards-image img {
	z-index: 10;
}


.cards-text {
	position: absolute;
	right: 362px;
	bottom: 2px;
	width: 355px;
	margin-right: 12px;
	text-align: right;
}

.cards-text p {
	margin: 18px 0 0 0;
	line-height: 13px;
}


/* Contact page */

#contact-content {
	position: relative;
	padding: 25px 0 0;
	height: 285px;
	
}

.contact-text {
	position: absolute;
	right: 464px;
	bottom: 0px;
	width: 260px;
	margin-right: 12px;
	text-align: right;
}

.contact-text p {
	font-size: 9px;
	margin: 9px 0 0 0;
	line-height: 13px;
}

.contact-text a {
	text-decoration: none;
	color: #888078;
}

.contact-text a:hover {
	text-decoration: underline;
	color: #76799E;
}

.contact-image {
	float: right;
	position: relative;
	width: 463px;
}

#contact-form-container {
	width: 100%;
	padding: 5px 0 0;
}

.contact-form {
	padding: 0 0 0 332px;
}

.contact-form table {
	width: 500px;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.contact-form table tr {	
	vertical-align: top;
	margin: 0;
	padding: 0;
}

.contact-form table tr td {	
	vertical-align: top;
	text-align: left;
	padding: 0 0 2px ;
}

.contact-form table tr td.category {
	width: 100px;
	padding: 0 12px 4px;
	text-align: right;
	vertical-align: bottom;
}


.contact-form table tr td input {
	width: 275px;
	padding: 4px;
	
	border: 0;
	
	background-color: #2b221f;
	color: #888078;
}

.contact-form table tr td.comments {
	padding: 3px 0;
}

.contact-form table tr td textarea {
	width: 279px;
	height: 40px;
	padding: 2px;
	
	border: 0;
	
	background-color: #2b221f;
	color: #888078;
}

.contact-form table tr td input#submit {
	width: 75px;
	font-family: "Copperplate Light", copperplate, palatino, georgia, helvetica, arial, sans-serif;
	
	background-color: #151110;
	padding: 0;
}

.contact-form table tr td p {
	padding-top: 4px;
}

.contact-form input.error {
	border: 1px solid #aa221f;
}

.contact-form p.contact-thank-you {
	margin-top: 3em;
	margin-left: 124px;
}

.thank-you-text {
	vertical-align: middle;
	text-align: center;
}

.contact-form p.contact-thank-you img {
	vertical-align: middle;
}

/* Image Caption */

.gallery-image-caption-viewport,
#image-caption-viewport {
	height: 200px;
	overflow: hidden;
	padding: 10px 0;
	/*border-top: 1px solid #333;
	border-bottom: 1px solid #333;*/
}



.gallery-image-caption-up a,
.gallery-image-caption-down a,
#image-caption-up a,
#image-caption-down a {
	display: block;
	width: 31px;
	height: 11px;
	overflow: hidden;
	text-indent: -10000px;
	margin: 5px 0 5px 320px;
	
	text-align: left;
}

.gallery-image-caption-up a,
#image-caption-up a {
	background: url(/images/common/arrow-up.gif) left top no-repeat;
}

.gallery-image-caption-down a,
#image-caption-down a {
	background: url(/images/common/arrow-down.gif) left top no-repeat;
}

.gallery-image-caption-up a:hover,
#image-caption-up a:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

.gallery-image-caption-down a:hover,
#image-caption-down a:hover  {
	background-position: 0 -20px;
	text-decoration: none;
}