@charset "utf-8";

/* ----- Reset CSS ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* ----- Clearing ----- */
.clearLeft{clear:left;}
.clearBoth{clear:both;}
.clearfix:after{content:".";display:block;clear:both;height:0;line-height:0;visibility:hidden;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/* ----- Base CSS ----- */
a,a:focus,a:link,a:link,a:visited{color:#000;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}
body{background-color:#fff;color:#000;font:85% Georgia,"Times New Roman",serif;}
h1{font-size:175%;}
h2{font-size:180%;}
h3{font-size:135%;}
h4{font-weight:bold;font-size:105%;margin-bottom:.3em;}
h1,h2,h3{margin:0 0 .5em;}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Times New Roman",serif;}
strong{font-weight:bold;}
small{font-size:85%;}
cite{display:block;font-family:Georgia,"Times New Roman",serif;font-style:italic;line-height:1.3em;margin-bottom:1em;}
cite span{color:#000;}
abbr,acronym{border-bottom:.1em dotted #000;cursor:help;} 
em{font-style:italic;}
blockquote,ul,ol,dl{margin:0;}
select,input,button,textarea,button{color:#000;font:100% Georgia,"Times New Roman",serif;}

/* ----- Helper CSS ----- */
.hideme {left:-1000em;position:absolute;}
ul.navSkip{left:0;position:absolute;right:0;top:0;}
ul.navSkip li{list-style:none;}
ul.navSkip a{color:#000;font-family:Georgia,"Times New Roman",serif;height:.1em;left:-1000em;padding:.2em;position:absolute;top:-1000em;width:.1em;z-index:100;}
ul.navSkip a:active,ul.navSkip a:focus{background-color:#ccc;height:auto;left:10px;right:10px;text-align:center;top:0;width:auto;}

/* ----- Wrapper ----- */
#wrapper{margin:0;position:relative;}

/* ----- Header ----- */
#header{
	padding:15px 15px 63px;
	overflow:hidden;
}

#header h2{
	float:left;
	margin:0 25px 0 0;
	overflow:hidden;
}

#mainnavigation{
	margin-top:62px;
	overflow:hidden;
}
#mainnavigation li{float:left;display:inline; /* IE6 Problem */}
#mainnavigation li a{
	background:transparent url(/images/nav_bg.jpg) repeat-y scroll 0 0;
	display:block;
	height:23px;
	margin-left:25px;
	text-decoration:none;
	text-indent:-200em;
}
#mainnavigation li a#nav_fashion{background-position:0 0;width:33px;}
#mainnavigation li a#nav_commercial{background-position:-44px 0;width:69px;}
#mainnavigation li a#nav_video{background-position:-123px 0;width:30px;}
#mainnavigation li a#nav_contact{background-position:-162px 0;width:49px;}
#mainnavigation li a#nav_book{background-position:-221px 0;width:27px;}

#mainnavigation li a#nav_fashion:hover,#mainnavigation li a#nav_fashion:active,#mainnavigation li a#nav_fashion:focus,
#mainnavigation li.current_page a#nav_fashion{background-position: 0 25px;width:33px;}
#mainnavigation li a#nav_commercial:hover,#mainnavigation li a#nav_commercial:active,#mainnavigation li a#nav_commercial:focus,
#mainnavigation li.current_page a#nav_commercial{background-position:-44px 25px;width:69px;}
#mainnavigation li a#nav_video:hover,#mainnavigation li a#nav_video:active,#mainnavigation li a#nav_video:focus,
#mainnavigation li.current_page a#nav_video{background-position:-123px 25px;width:30px;}
#mainnavigation li a#nav_contact:hover,#mainnavigation li a#nav_contact:active,#mainnavigation li a#nav_contact:focus,
#mainnavigation li.current_page a#nav_contact{background-position:-162px 25px;width:49px;}
#mainnavigation li a#nav_book:hover,#mainnavigation li a#nav_book:active,#mainnavigation li a#nav_book:focus,
#mainnavigation li.current_page a#nav_book{background-position:-221px 25px;width:27px;}

/* ----- Content ----- */
#content{
	height:567px;
	overflow:hidden;
	position:relative;
}

#content h1{
	font-size:200%;
	font-weight:normal;
	margin:0 0 .3em;
}

#content p{line-height:1.3em;margin-bottom:20px;}

#content ul{margin-bottom:1em;margin-left:20px;}
#content li{line-height:1.3em;list-style-type:disc;}

/* Common */
img.bg{left:0;max-height:567px;max-width:1400px;position:relative;top:0;width:100%;z-index:50;}

div#home,
div#book{height:100%;max-width:1400px;}

div#commercial,
div#video,
div#contact,
div#imprint{height:100%;max-width:1400px;padding-top:10px;position:relative;text-align:center;}

div#commercial h1,
div#video h2,
div#contact h1,
div#imprint h1,div#imprint h2{font-size:100%;margin:18px 0 20px;}
div#video h2{margin-top:30px;}

/* Home */

/* Fashion */
#content.fashion{height:auto;overflow-x:auto;overflow-y:hidden;}

div#fashion{margin:0 10px;}
div#fashion h1{left:-1000em;position:absolute;}
div#fashion p{clear:left;line-height:0;margin-bottom:0;}
div#fashion img{float:left;display:inline; /* IE6 Problem */overflow:hidden;margin:0 8px 8px 0;}

a.back{margin-left:15px;position:absolute;top:-30px;}

/* Galleries */
.gallery{display: block;line-height:0;overflow-x:scroll;overflow-y:hidden;width:100%;white-space:nowrap;}
.gallery img{line-height:0;vertical-align:bottom;}

/* Commercial */
div#commercial{background-color:#E5E1C1;}
div#commercial ul{margin:0;}
div#commercial ul li{list-style-type:none;}
div#commercial ul li.spacer{margin-top:50px;}

/* Video */
div#video{background-color:#AEC6D5;}
div#video ul{margin:0;}
div#video ul li{list-style-type:none;}
div#video h2.spacer{margin-top:95px;}

/* Contact */
div#contact{background-color:#C9DCDC;}
div#contact h1{margin-top:45px;}
div#contact p.white_bar{background-color:#fff;width:100%;}
div#contact h2{font-size:100%;margin-top:20px;}
div#contact h3{font-size:100%;}
div#contact p.disclaimer{font-size:75%;margin:0 auto;width:400px;}

/* Book */
div#book p img{margin-left:20px;padding-top:1px;vertical-align:middle;}

/* White Bar */
div#home h1,
div#commercial div.coming_soon,
div#video div.coming_soon,
div#book p{
	background-color:#fff;
	height:30px;
	left:0;
	line-height:0;
	margin:0;
	max-width:1400px;
	padding-top:5px;
	position:absolute;
	text-align:center;
	top:266px;
	width:100%;
	z-index:100;
}
div#home h1,
div#book p{
	top:47%;
}

/* ----- Footer ----- */
#footer{
	color:#6b6b6b;
	font-size:80%;
	height:60px;
	overflow:hidden;
}