body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
}
*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#contentss{font-family:helvetica;width:100%;height:100%;overflow:hidden}
a{text-decoration:none;color:#000;outline:0; font-family:tahoma,helvetica;}
/**** Inline STYLE-tag style sheet ****/
		





.clear{
	clear:both;
}

#rTitle{
	font-size: 3em;
	font-family: Lucida Sans Unicode,arial;
}

#wrapper{
height:100%;
}
#logo{position:absolute;bottom:0;left:0px;}
#logo img{
width:90px;
}
#slogan{
background-color:rgb(255,100,0);
font-size:5.7em;
color:black;
font-weight:900;
line-height:.7em;
}
#menu{
padding-top:20px;
height:30px;
width:500px;

}

#menu li {
display:inline;
padding-right:5px;
height:100px;

}

#menu li a{
background-color:rgb(255,100,0);
padding:8px 17px 5px 15px;
font-family: Arial ;
color:white;
}




/******************
*
* Receipes
*
******************/
.dish{
z-index:1;
position:relative;
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 70%;
			
			/* Set up proportionate scaling */
			width: auto;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-height: 771){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}


#topMenu{
z-index:2;
position:relative;
width:100%;
height:60px;
}
#topMenu a{
color:black;
}
#topMenu ul li{
display:inline;
padding-left:50px;
}
#topMenu ul{
padding-top:15px;
}

#ingredients{
	font-weight:bold;
	padding-bottom:20px;
}

#recParent{
overflow-y:scroll;
overflow-x:hidden;
width:450px;
position:absolute;right:20%;
z-index:5;
}

#receipe{

width:380px;
padding-bottom:200px;
background:#fff;padding:30px 30px 0px 25px;
font-size:0.65em;
}

#martin{
background-image:url(http://martin-geier.com/images/gradientbg.jpg); background-repeat:repeat-y;
float:right;
position:absolute;
padding:20px 30px 0px 30px;
position:absolute;
}

#martin img{
	z-index:4;
	position:absolute;
}


#bottomMenu{
z-index:14;
position:absolute;
background:black;
bottom:0;
height:7%;
width:100%;
}



#bottomMenu a{
	color:white;
font-size:0.7em;
}

#bottomMenu ul{
margin:auto;
padding-top:15px;
}

#bottomMenu ul li{
display:inline;
padding-left:20px;
}

#logo{
z-index:4;
top:30px;
left:30px;
}

#buttons{
position:fixed;
right:0px;
}
#social{
	z-index:1000;
	display:inline-block;
	position: absolute;
	top: 100px;
	left: 30px;
	}
#social ul{
	position:relative;
}
#social ul li{
	display:inline-block;
	position:absolute;
	top: 0;
}

.fbook{
    left: 0;
}
.twitter {
    left: 165px;
    padding-left:15px;
}
.gplus {
    left: 105px;
    padding-left:15px;
}

.transparent {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=76);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.76;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.76;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.76;
}