* 	{
	margin:0;
	padding:0;
	}

html, body {
	min-height: 100%;

	height: auto !important;

	height: 100%;
	}


body * 	{

	line-height:1.4em;
	font-family: arial, sans serif;
	
}

/* Need to set body margin and padding to get consistency between browsers. */


body {
  text-align: left;
  min-width: 1040px;
  background: #fff; 
}

img {
	border: 0;
}

#centered {
  position: relative;
  top: 0px;
  right: 0;
  width: 1040px;
  text-align: left;
  background: #fff;
  z-index: 90;
 }
#div1 {
  position: absolute;
  left: 60px;
  top: 40px;
  width: 920px;
  height: 560px;
  padding: 0px;
}

#logo {
  position: absolute;
  left: 760px;
  top: 43px;
  width: 250px;
  height: 100px;
  padding: 0px;
  z-index: 100;
}

#content {
  position: absolute;
  left: 0px;
  top: 130px;
  padding: 0px;
}

#portfolio_content {
  position: absolute;
  left: 0px;
  top: 80px;
  padding: 0px;
}

#profile_content {
  position: absolute;
  left: 0px;
  top: 75px;
  padding: 0px;
}

#contact_content {
  position: absolute;
  left: 0px;
  top: 75px;
  padding: 0px;
}

#contact_content2 {
  position: absolute;
  left: 283px;
  top: 72px;
  padding: 0px;
}



#div2 {
  position: absolute;
  left: 210px;
  top: 10px;
  width: 380px;
  background-color: #CCC;
  padding: 5px;
  display: none;
}

#skip {
  position: absolute;
  left: 680px;
  top: 550px;
  width: 250px;
  height: 100px;
  padding: 0px;
  text-align: right;
  color: #999;
  font-size: 12px;
	}

#text {
	position: relative;
	font-size: 12pt;
	color: #666;
	width: 435px;
	z-index: 100;
	}

#categories {
	position: relative;
	font-size: 12pt;
	color: #666;
	width: 200px;
	z-index: 100;
	height: 300px;
	}

#work_details {
	position: relative;
	font-size: 10pt;
	color: #666;
	width: 200px;
	z-index: 100;
	font-style: italic;
}

#page_numbers {
	position: relative;
	font-size: 10pt;
	color: #666;
	width: 200px;
	z-index: 100;
}

#contact_text1 {
	font-size: 12pt;
	color: #666;
	width: 435px;
	}

#contact_text2 {
	font-size: 18pt;
	color: #339900;
	width: 330px;
	}


#portrait {
	position:absolute;
	top: 123px;
	left: 800px;
	z-index: 200;
	}

#inverness {
	position:absolute;
	top: 77px;
	left: 665px;
	z-index: 200;
	}

#showcase {
	position:absolute;
	top: 123px;
	left: 215px;
	z-index: 10;
	}

#sites {
	position:absolute;
	top: 115px;
	left: 350px;
	z-index: 250;
	}


#credit {
	position:absolute;
	top: 400px;
	left: 920px;
	}


div#menu li {
	display: inline;
	margin: 0 75px 0 0;
	font-family: arial;
	font-size: 18pt;
	padding: 0px;
	color: #999;
	}


.pull {
  width: 100px;
  float: right;
  margin: 0 0 5px 5px;
  padding: 5px;
  background-color: #FFF;
}

a {
  color: #999;
  text-decoration: none;
  }
a:visited {
  color: #999;
  }
a:hover {
  color: #339900;
  }

p {
  margin-bottom: 20px;
  }

.thephoto {
  width:735px;
  height:405px;
}

body#profile a#profile_link, body#work a#work_link, body#contact a#contact_link {
  color: #339900;
	}

.invisible{
-moz-opacity:0.0;
filter:alpha(opacity=0);
}

.black {
	color: #000;
}

a.black {
	color: #000
	}