/* CSS Document */
body,

html {
  margin:0;
  background: #e8e4e1 url(portfolio_images/header_bg.png) top repeat-x;
  font: normal 100%  "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02cm;
  line-height: 110%;
  color: #845f59;
}

h1 {
  margin:0px;
  padding: 10px 0px 10px 0px;
  font: italic bold 150% "Georgia", "Times New Roman", times, serif;
  letter-spacing: 0.04cm;
  color: #845f59;		
}
	
h2 {
  margin:0px;
  padding:20px 0px 10px 0px;		
  font: italic bold  125% "Georgia", "Times New Roman", times, serif;
  letter-spacing: 0.035cm;
  color: #567178;		
}

h3 {
  margin:0px;
  padding: 10px 0px 10px 0px;
  font: italic bold 115% "Georgia", "Times New Roman", times, serif;
  letter-spacing: 0.025cm;
  color: #845f59;	
}
h4 {
  margin:0px;
  padding:0px;
  font: bold 100% "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.02cm;
  color: #845f59;	
}

hr {
  color: #e8e4e1;
  margin-bottom:10px;
  background-color: #e8e4e1;
  border: 1px dashed #845f59;
  border-style: none none dashed;
}

hr.top {
  color: #e8e4e1;
  margin:15px 0px 10px 0px;
  background-color: #e8e4e1;
  border: 1px dashed #845f59;
  border-style: none none dashed;
}

img {
  border:none;
}
	
ul li {
  padding: 0px 0px;
  font: italic bold 110% "Georgia", "Times New Roman", times, serif;
  letter-spacing: 0.07cm;
  line-height: 260%;
  list-style-type: none;
  }
ul li space {
  letter-spacing:0.10cm;
}

/* Links */	

a:link {
  color: #567178;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #668188;
}
a:visited {
  color: #7f9ba1;
  text-decoration: none;
}
a:hover, a:active {
 color: #567178;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #668188;
}	
	
/* Div info */
#wrap {
  width:850px;
  height:auto;
}
#header {
  float:left;
  margin-top: 131px;
  width: 215px;
  height: 131px;
 }
#header .links {
  margin:0px 0px 0px 8px;
  padding:5px 0px 15px 0px;
 }
#header_image {
  position:absolute;
  z-index:999;
  width: 239px;
  height: 123px;
}
#main {	
  float:left;
  margin:38px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  border-left: 1px dashed #845f59;
  width:568px;
  height:auto;
}
/* styling for photogallery*/
/*sets position for the photo dive*/
.photo {
  width:540px;
  text-align:left;
  margin: 5px 0px 0px 0px;
}
/*Sets size of the container for the topic classes*/
.photo ul.topic {
  position:absolute;
  margin:0px;	
  padding:208px 0px 0px 0px;
  list-style:none; 
  width:542px;
  height:auto;
}
/*Sets the positioning for the topic unordered list links*/
.photo ul.topic li {
  display:block;
  width:43px;
  height:25px;
  float:left;
}
/*displays background color and text style for topic links, unselected*/
#main .photo ul.topic li a.set {
  display:block;
  width:42px;
  height:24px;
  text-align:center;
  background:#ffffff;
  text-decoration: none;
  font-weight:normal;
}

/*hides photos in lower z-index classes from being displayed*/
.photo ul.topic li a ul, 
.photo ul.topic li ul {
  display:none;
}
/*tab color for the active window tab*/
#main .photo ul.topic li.active a {
  background:#ffffff;
}

/*color of the hover menues*/
#main .photo ul.topic li a:hover,
#main .photo ul.topic li:hover a {
  background:#cfcbc8;
}
/*This class displays the active image window when the mouse is not hovering*/
.photo ul.topic li.active ul {
  display:block; 
  position:absolute;
  left:0; top:0px;
  list-style:none; 
  padding:0;
  margin:0;
  height:206px;
  background:#ffffff;
  width:542px;
  padding:2px 2px;
  z-index:1;
}
/*this class displays the images when the mouse is hovering*/
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul {
  display:block;
  position:absolute;
  left:0; top:0px;
  list-style:none;
  padding:0;
  margin:0;
  height:206px;
  background:#ffffff;
  width:542px;
  padding:2px 2px;
  z-index:20;
}
.photo br.clear{
  clear:both;
}
#image_space{
  width:540px;
  height:210px;
}
.highlight {
  font-size: 95%;
  font-weight:bold;
  color: #567178;		
}
#main a {
  font: 80%  "Gill Sans MT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05cm;
  padding:0px;
}
#main a:link {
  color: #567178;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #668188;
}
#main a:visited {
  color: #7f9ba1;
  text-decoration: none;
}
#main a:hover, #main a:active {
  color: #7f9ba1;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #668188;
}
.skills {
  float:left;
  margin:0px;
  padding:0px;
  width:568px;
  height:auto;
}
.skills p{
_padding:15px 0px 0px 0px;  
}
.skills .languages {
  float:left;
  width:230px;
}
.skills .tools {
  float:left;
  width:238px;
}
.top_links {
  margin-left:30px;
}
#reeds {
	padding:0px 0px 0px 200px;
	text-align:left;
	float:left;
	width: 850px;
	height: 108px;
	}
#footer {
	float:left;
	margin:0px 0px 20px 0px;
	padding:0px;
	width:850px;
	height:auto;
	}
	#footer p {
	  font-size:60%;
	  padding:0px 0px 0px 200px;
	  text-align:center;
	  color: #bb9f97;
	}