/* $Id: styles.css,v 1.0 2012/04/10 09:56:39 goba Exp $ */
/*
Page Name: Photography by Robert Skrobich - iFrame
Description: Photography, Painting, Design. 
Version: 1.0
Author: Robert Skrobich
Author URI: http://www.skrobich.de/
*/

*{
    margin:0;
    padding:0;
}


body {
   background-image: url("../pics/blueroom-with-timmy.jpg");
   background-color: #212121 
   background-repeat: repeat-x;
}
 
a {
     text-decoration: none;
     }


@font-face {
 font-family: BernhardFashion BT;
 src: url("BernFash.eot") /* EOT file for IE */
}
@font-face {
 font-family: BernhardFashion BT;
 src: url("BernFash.ttf") /* TTF file for CSS3 browsers */
}

.phover {
     margin: auto;
	 padding:0;
     overflow: hidden;
     }
     
.phover a span {
	display: none;
	font-family: CircleD, sans-serif;
	font-size: 3.2em;
    height: 100%;
    padding-top: 50px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1001;
    }
	
.v1hover {
     margin: auto;
	 padding:0;
     overflow: hidden;
     }
     
.v1hover a span {
	display: none;
	font-family: CircleD, sans-serif;
	font-size: 3.2em;
    height: 100%;
    padding-top: 150px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1002;
    }
.v2hover {
     margin: auto;
	 padding:0;
     overflow: hidden;
     }
     
.v2hover a span {
	display: none;
	font-family: CircleD, sans-serif;
	font-size: 3.2em;
    height: 100%;
    padding-top: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1001;
    }
	
.hhover {
     margin: auto;
	 padding:0;
     overflow: hidden;
     }
     
.hhover a span {
	display: none;
	font-family: CircleD,  sans-serif;
	font-size: 3.0em;
    height: 100%;
    padding-top: 85px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 1000;
    }
	
.panorama {
	border: 0px solid #ccc;
	height: 218px;
	width: 648px;
	position: absolute;
    top: 84px;
    left: 810px;
    padding: 0;	
}

.panorama a img { 
    padding: 0px; 
    width:  648px;
    height: 218px;
	border: 0;
}

.portrait {
	border: 0px solid #ccc;
	height: 388px;
	width: 280px;
	position: absolute;
    top: 104px;
    left: 442px;
    padding: 0;	
}

.portrait a img { 
    padding: 0px;
    height: 388px;	
    width:  280px;
    border: 0;
}
 
.composing { 
	border: 0px solid #ccc;
	position: absolute;
	left: 843px;
	top: 366px; 
	height: 228px; 
	width: 320px;
	margin: auto;
	padding: 0px; 
}

.composing img { 
  padding: 0px; 
  width:  320px;
  height: 228px;
	border: 0;
  }

.emotions	{
	border: 0px solid #ccc;
	position: absolute;
	left: 1218px;
	top: 420px; 
	height: 438px; 
	width: 316px; 
	margin: auto;
	padding: 0px; 
  }
	
.emotions img { 
	padding: 0px; 
	height: 438px; 
	width: 316px; 
	border: 0;
	}

.contact {
	display: block;
	position: absolute;	
	font-family: Times New Roman, sans-serif;
	color: #aaa;
	margin: 30px;
	padding: 0px; 
  }

.contact p {
	margin: 0px;
	padding: 10px 20px 20px 30px;
  }

.contact h1 {
	margin: 0px;
	padding-left: 30px;
  }

.dimmer {
	background-color: rgba(15, 15, 15, 0.6);
   	color: #fff;
    	text-shadow: #000 0px 0px 20px;
    	}