@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000; 
	
	text-align: left;
}

#container {
position: relative;
width: 800px;
margin: auto;
}

div.imageholder{ /*This will be the holder which will hold our page image(i.e. coffee.jpg) */
	position:absolute;
	width:424px; /*Width of Image*/
	height:575px; /*Height of Image*/
	left:auto; /* This is applied relative to edge of container */
	right:auto;
	top:70px;
}

div.navigation{
            position:absolute;
            width: 300px;
            height: 10px;
            left : 485px;
            top: 157px;
            z-index: 5; /*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
            }
			
			
div.content{
	position:absolute;
	width: 350px;
	height: 300px;
	left : -427px;
	top: 27px;
	z-index: 6; /*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
            }

div.picframe{
	position:absolute;
	width: 270px;
	height: 245px;
	left : 379px;
	top: 42px;
	z-index: 7; /*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
            }

div.icones{
	position:absolute;
	width: 40px;
	height: 83px;
	left : 277px;
	top: 161px;
	z-index: 7; /*z-index is the ordering of the CSS Layers, the bigger the z-index, the higher the more on top it will be, I set a z-index of 5 so the navigation will remain on top at all time*/
            }
			
.style2 {color: #8249AF}