@charset "utf-8";

/* =General
--------------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }

img {border: 0; vertical-align:top;}


/* End General
--------------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
 font: 14px/18px Arial, Helvetica, sans-serif; color:#999999;
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 { } 
h2 {}

/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a { }
a:hover {  }

a.cloud-zoom {}

/* End Links
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding:0px  0 10px 0}

html{ background:#fafaf8}
#wrapper{ width:1030px; margin:0 auto; padding:100px 0; display:block;}
section{ display:block;}
#header { }

#logo{ width:219px; margin:0 auto; padding-bottom:99px;}
#logo a { display:block; width:219px; height:141px; text-indent:-9999px; text-decoration:none; background:url(../img/logo-peterpalm.png) no-repeat 0 0; } 

/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
#mainnavigation{display:block; position:absolute; right:0px; top:237px;}
#mainnavigation ul{ width:130px;}
#mainnavigation li{ padding-bottom:4px;  font-size:18px;} 
#mainnavigation li a{ color:#999999; text-decoration:none; }
#mainnavigation li a:hover, #mainnavigation li a.active{ color:#d86c71; text-decoration:none;}
#mainnavigation li.vita{ padding-top:41px;}
#mainnavigation li.backtop{ font-size:12px; font-weight:normal; padding-top:23px; padding-bottom:14px;}
#mainnavigation li.sound{padding-top:15px;}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/

/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#content { } 
.widecolumn { width:800px; display:block;} 
.narrowcolumn{ width:230px;  display:block; position:relative;} 


.skip{ text-align:center; padding:59px 0;}
.skip a{ color:#999999; text-decoration:none; font-size:12px;}
.skip a:hover{ color:#DFDFDF;}

.intropage .widecolumn{ margin-left:115px;}
.intropage #logo{ padding-bottom:60px;}

.fashiontitle{ background:#d1d1d1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  behavior: url(js/pie.htc); padding:0 20px; line-height:30px; color:#fafaf8; font-weight:normal; margin-bottom:15px; font-size:16px;}
.fashiontitle2{background:#d1d1d1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(js/pie.htc); padding:0 20px; line-height: 20px; color:#fafaf8; font-weight:normal;
margin-bottom:-15px; padding-top: 10px; padding-bottom: 10px; font-size:16px}
.fashiontitle3{background:#d1d1d1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(js/pie.htc); padding:0 20px; line-height: 20px; color:#fafaf8; font-weight:normal; line-height: 14px;
margin-bottom:15px; padding-top: 2px; padding-bottom: 5px; font-size:12px}
.fashiontitle span{ display:inline-block; padding:0 1px;}

.fashionbox dd{ padding-bottom:50px; }
.fashionbox dd video{ margin-bottom:45px; vertical-align:top;}
.fashionbox dd.last{ padding-bottom:0px;} 
.playicon{ margin-top:15px; margin-bottom:0px;}
.secondhead{ padding-top:55px;}
.cnttextbox{ padding-left:290px; line-height:20px;}
.boxtitle{ font-size:16px; font-weight:normal; padding-bottom:17px;}
.cnttextbox p{ padding-bottom:18px; line-height:16px;}

.contact_detail {padding:42px 0px 131px 0px;}
.contact_detail .label {display:inline-block; width:36px;}
.contact_detail .email_label {display:inline-block; width:68px;}
.contact_detail a{ text-decoration:none; color:#999;}
.contact_detail a:hover{ color:#999; text-decoration:underline;}

.clientlist h3{padding-bottom:14px; font-size:16px; color:#999; font-weight:normal;}
.clientlist h4{padding-bottom:14px; font-size:14px; color:#999; font-weight:normal;}
.clientlist ul {margin-bottom:24px; font-size:13px; line-height:16px;}
.clientlist li a {color:#999; text-decoration:none;}

.cnttextbox p.reftext{ padding:43px 108px 54px 0; line-height:15px;}
.eyesblock{ display:block; padding-top:27px;}


.videobox{ position:relative; padding-bottom:0px;}
.pic {border: solid #999999 1px;}
.hidden {visibility:hidden}

/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/

/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer {}

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


/* =Forms
--------------------------------------------------------------------------------------------------------*/

fieldset {  border:0px; padding:0 ; margin:0; }

/* End Forms
--------------------------------------------------------------------------------------------------------*/

/*audio{ visibility:hidden; }*/
.soundplay{ display:block; width:18px; height:14px; background:url(../img/sound-icon.gif) left top no-repeat; }
.soundplay.pause{ display:block; width:18px; height:14px; background:url(../img/sound-icon.gif) left bottom no-repeat; }

.linkblock{ position:relative;}
.linkblock a.skipintro{ display:block; position:absolute; left:0px; top:0px; height:495px; width:100%; text-indent:-9999px; background: url(../img/trans.gif) left top repeat; z-index:99999; }