﻿* {
padding: 0;
margin: 0;}

body {	
	background-color: #ffcc00;
	background-image: url("BD_Container.jpg");
	font-family: Arial;
	font-weight :bolder ;
	padding: 0;
	margin: 0 auto;
	line-height: 0px;	}

#container {
min-height: 98%;
background-image: url("Backdrop3.png");
background-repeat:no-repeat;
margin-bottom: -140px;
position: relative;
width: 1000px;
margin-left: auto;
margin-right: auto;
}


#footer {
height: 60px;
width: 980px;
position:relative;
text-align: center;
padding-top: 5px;
margin-left: auto;
margin-right: auto;
font-size: 0.7em;
}

/* -----------  Hyperlinks style ---------  */

a:LINK {
	text-decoration: none;
	color:#000000;}
	
a:VISITED {
	text-decoration: none;
	color:#000000;	}
	
a:HOVER {
	/*text-decoration: underline;*/
	text-decoration: none;
	color:#ffffff;	}


/*  ###### Front Page Layout #####  */

#PortfolioPos
{
    z-index: 1;
    position: relative;
    margin-top:30px;
    margin-left:310px;
    line-height : 50px; 
}

#Portfolio
{
  display: block;
  width: 252px;
  height: 25px;
  background: url("Portfolio.png") no-repeat 0 0;
}

#Portfolio:hover
{ 
  background-position: 0 -25px;
}

#Portfolio span
{
  display: none;
}

#WebsitesPos
{
    z-index: 2;
    position: relative;
    margin-top:10px;
    margin-left:365px;
     line-height : 50px;  
    
}

#Websites
{
  display: block;
  width: 252px;
  height: 25px;
  background: url("Websites.png") no-repeat 0 0;
}

#Websites:hover
{ 
  background-position: 0 -25px;
}

#Websites span
{
  display: none;
}



#DesignsPos
{
    z-index: 3;
    position: relative;
    margin-top:10px;
    margin-left:420px;
}

#Designs
{
  display: block;
  width: 201px;
  height: 22px;
  background: url("Designs.png") no-repeat 0 0;
}

#Designs:hover
{ 
  background-position: 0 -22px;
}

#Designs span
{
  display: none;
}

#PhotographyPos
{
    z-index: 4;
    position: relative;
    margin-top:10px;
    margin-left:470px;
    line-height : 50px;  
}

#Photography
{
  display: block;
  width: 369px;
  height: 25px;
  background: url("Photography.png") no-repeat 0 0;
}

#Photography:hover
{ 
  background-position: 0 -25px;
}

#Photography span
{
  display: none;
}

#TwitterPos
{
    z-index: 5;
    position: relative;
    margin-top:240px;
    margin-left:40px;
    line-height : 50px;  
}

#LinkedInPos
{
    z-index: 6;
    position: relative;
    margin-top:15px;
    margin-left:65px;
    line-height : 50px;  
}

#ButtonPos
{
    z-index: 7;
    position: relative;
    margin-top:-95px;
    margin-left:605px;
    
}