/*  
Website Name: Plastik + Bilder
URL: www.plastikenundbilder.de
Version: 1.0
Author: Shari Waters @ Waters Designs
Author URI: http://www.watersdesigns.com/
*/




/* Structure */


*
html,
body{
	font-family: "Century Gothic", Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
	background-color:#330033;
	color:#553333;
	height:100%;
	margin:0px;
}
a {
	color:#553333;
	text-decoration:none;
	outline: none;
}
#center{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block
}

#wrapper{
	position: absolute;
	top: -285px;
	margin-left:-390px;
	left: 50%;
	background: url(images/wrap-bg.jpg) top center repeat-y;
	width:780px;
	height:555px;
	visibility: visible;
	text-align:left;
	float:left;
}
#i-wrapper{
	position: absolute;
	top: -285px;
	margin-left:-390px;
	left: 50%;
	background: url(images/i-wrap-bg.jpg) top center repeat-y;
	width:780px;
	height:555px;
	visibility: visible;
	text-align:left;
}
#gallery-wrapper{
	position: absolute;
	top: -285px;
	margin-left:-390px;
	left: 50%;
	background: url(images/galerie-bg.jpg) top center repeat-y;
	width:780px;
	height:555px;
	text-align:left;
}

#preloaded-images {
   	position: absolute;
   	overflow: hidden;
   	left: -9999px; 
   	top: -9999px;
   	height: 1px;
   	width: 1px;
}
#home{
	background: url(images/h-bg.png) 10px 10px no-repeat;
	width:498px;
	height:543px;
	position:absolute;
        z-index:0;
}

#kontakt{
	background: url(images/k-bg.png) 10px 10px no-repeat;
	width:780px;
	height:543px;
	position:absolute;
        z-index:0;
}

#galerie{
	height:518px;
	padding-top:25px;
	position:absolute;
        z-index:0;
}

#impressum{
	background: url(images/i-bg.png) 10px 10px no-repeat;
	width:780px;
	height:543px;
	position:absolute;
        z-index:0;
}

#photos{
	margin:0px;
	padding:0px;
}

#content{
	margin:0px;
	padding-top:50px;
	padding-left:40px;
	background: transparent url(images/hh.jpg) 49% 99% no-repeat;
	height:480px;
        width:498px;
}

#i-content{
	margin:0px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	height:480px;
}
.frame{
	float:right;
	height:381px;
	width:675px;
	padding:0px;
	margin:0px;
}
#play{
	margin-left:450px;
	margin-top:-20px;
	width:75px;
}



/* Links */


#menu, #gal-menu{
        position:absolute;
        z-index:100;
	width:300px;
	padding:0px;
	margin:490px 40px 0px 515px;
}

#menu ul, #gal-menu ul{
	margin:0;padding:0px;
	list-style:none;
}

#menu ul li, #gal-menu ul li{
	float:left;
	margin:0px;
}
#menu img, #gal-menu img {
	border:none;
	text-decoration:none;
}
#menu ul li a, #gal-menu ul li a{
	border:none;
        display:block;
	text-decoration:none;
	background: transparent url(images/button.png) no-repeat center top;
	margin:0px;
	padding:18px 5px;
}

#menu ul li a:hover, #gal-menu ul li a:hover{
	border:none;
	background: transparent url(images/button-on.png) no-repeat center top;
	margin:0px;
	padding:18px 5px;
}


#play a.back {
	display: block;
  	width: 26px;
  	height: 27px;
  	background: url(images/back.png) no-repeat 0 0;
}

#play a.play {
	display: block;
  	width: 26px;
  	height: 27px;
  	background: url(images/play.png) no-repeat 0 0;
	margin-top:-27px;
	margin-left:36px;
}
#play a.emptyback {
	display: block;
  	width: 26px;
  	height: 27px;
  	background: url(images/back.png) no-repeat 0 0;
}
#play a.emptyplay {
	display: block;
  	width: 26px;
  	height: 27px;
  	background: url(images/play.png) no-repeat 0 0;
	margin-top:-27px;
	margin-left:36px;
}
#play span{
	display:none;
}

#play a:hover.back {
	background: url(images/back-on.png) top left no-repeat;
}

#play a:hover.play{
	background: url(images/play-on.png) top left no-repeat;

}


/* Typography */

#logo{
	margin:0px;
	padding-top:110px;
	padding-left:40px;
}
.artist{
	padding:0px;margin-left:-2px;
}

.tagline{
	color:#413030;
	padding:0px;margin-left:-2px;
}

.company{
	padding:0px;
	margin-top:12px;
	margin-left:-3px;
}


.grey{
	background-color:#a4a5af;
	color:#fff;
	width:200px;
	margin:2px;
	padding:2px;
	font-size:1.1em;
}
.blue{
	background-color:#bdc9ea;
	width:200px;
	margin:5px 0px;
	padding:2px;
	font-size:1.4em;
}
.white{
	background-color:#fff;
	width:300px;
	padding:2px 5px;
	margin-top:23px;
	opacity:0.6;filter:alpha(opacity=60);
}
.white p{
	font-size:1.2em;
	padding:4px;
	color:#000;
}
.line {
	width:250px;
        height:1px;
	margin:4px 0px;
	padding:0px;
        background-color:#999999;
}
.galerie-header{
	padding:0px;
	margin-left:30px;
	margin-top:70px;
}

h1, img .header{
	color:#fff;
	text-transform:uppercase;
	font-size:4.0em;
	padding:0px;
	margin-left:-3px;
	font-weight:normal;
}

#content p, #i-content p{
	font-family: "century gothic", arial, verdana, sans-serif;
	font-size:1.2em;
	padding:4px 0px;
	line-height:150%;
}

p.right{
	margin-left:90px;
	margin-top:-15px;
}