/***************************************************** GLOBAL */

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-Family:Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#ffedff;
	background:url(images/bg.png);
}

body {
	background:url(images/bg2.png) no-repeat center -6px;
}

div#wrapper {
	position:relative;
	width:982px;
	height:688px;
	margin:0 auto;
	padding:100px 0 0 0;
	background:url(images/bg2.png) no-repeat center center;
}

div#container {
	width:688px;
	height:580px;
	margin:4px 0 0 147px;
	padding:0;
	display:inline;
	float:left;
}

div#flashtransition {
	position:absolute;
	top:285px;
	left:147px;
	z-index:3;
}

div#logo {
	width:431px;
	height:104px;
	margin:0 0 0 128px;
	padding:0;
	background:url(images/logo.png) no-repeat center center;
	display:inline;
	float:left;
}

div#main,
div#gallery {
	width:670px;
	height:428px;
	margin:0 0 0 9px;
	display:inline;
	float:left;
}

div#gallery {
	position:relative;
	width:668px;
	height:426px;
	border:1px #e5b7f8 solid;
}

div#menu {
	width:670px;
	height:77px;
}

div#content {
	width:670px;
	height:347px;
	margin:4px 0 0 0;
	background:url(images/content.png) no-repeat;
}

div#content div#scroll {
	width:661px;
	height:343px;
	margin:2px 0 0 0;
	padding:0 0 0 7px;
	overflow-x:hidden;
	overflow-y:scroll;
	float:left;
}

div#startimage {
	padding:1px 0 0 1px;
}

div#footer {
	width:670px;
	height:29px;
	margin:0 0 0 9px;
	padding:10px 0 0 0;
	text-align:center;
	background:url(images/footer.png) no-repeat;
	display:inline;
	float:left;
}


/******************************************************* MENU */

div#menu a {
	width:134px;
	height:77px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:2px;
	outline:none;
	display:inline;
	float:left;
}

a#mnu_home {
	background:url(images/menu.jpg) no-repeat 0 0;
}

a#mnu_bio {
	background:url(images/menu.jpg) no-repeat -134px 0;
}

a#mnu_gallery {
	background:url(images/menu.jpg) no-repeat -268px 0;
}

a#mnu_clients {
	background:url(images/menu.jpg) no-repeat -402px 0;
}

a#mnu_contact {
	background:url(images/menu.jpg) no-repeat -536px 0;
}


/******************************************************* TEXT */

h1, h2, h3, h4, h5, h6 {
	margin:20px 0 0 20px;
}

p {
	margin:0;
	padding:0;
}

div#content div#scroll p {
	width:602px;
	margin:20px;
}


/**************************************************** GALLERY */

p.gallerybox,
p.gallerybox4,
p.gallerybox5 {
	position:relative;
	width:134px;
	height:346px;
	margin:0;
	display:inline;
	float:left;
}

p.gallerybox span,
p.gallerybox4 span,
p.gallerybox5 span {
	position:absolute;
	width:129px;
	height:20px;
	padding:326px 0 0 5px;
	font-weight:bold;
	background:url(images/gallerybox.gif) no-repeat;
	display:block;
	z-index:2;
}

p.gallerybox4 span {
	background:url(images/gallerybox2.gif) no-repeat 0 0;
}

p.gallerybox5 span {
	background:url(images/gallerybox.gif) no-repeat -1px 0;
}

p.gallerybox a,
p.gallerybox4 a,
p.gallerybox5 a {
	width:134px;
	height:346px;
	display:block;
	cursor:hand;
}

a#arrowleft,
a.arrowleft_inactive,
a#arrowright,
a.arrowright_inactive {
	position:absolute;
	top:332px;
	left:86px;
	width:56px;
	height:180px;
	background:url(images/arrows.png) no-repeat 0 0;
	display:block;
	outline:none;
}

a.arrowleft_inactive:hover {
	background:url(images/arrows.png) no-repeat 0 0 !important;
}

a#arrowleft:hover {
	background:url(images/arrows.png) no-repeat -112px 0;
}

a#arrowright,
a.arrowright_inactive {
	left:840px;
	background:url(images/arrows.png) no-repeat -56px 0;
}

a.arrowright_inactive:hover {
	background:url(images/arrows.png) no-repeat -56px 0 !important;
}

a#arrowright:hover {
	background:url(images/arrows.png) no-repeat -168px 0;
}

a#close {
	position:absolute;
	top:180px;
	left:802px;
	width:24px;
	height:24px;
	background:url(images/btn_close.jpg) no-repeat 0 0;
	display:block;
	outline:none;
}


/****************************************************** LINKS */

a,
a:hover {
	color:#FFEDFF;
	text-decoration:none;
}

a.imprint {
	color:#e4bcf8;
	text-decoration:underline;
}

a.imprint:hover {
	color:#ffffff;
	text-decoration:none;
}

a img {
	border:none;
}

a#logolink {
	width:431px;
	height:104px;
	outline:none;
	display:block;
}