/* CSS Document */

/* body controls the background color of the body  */
body {
  margin:				0;
  padding:				0;
  text-align:			center;
  background-color:		#f0f0f0;
}

#border {
  position:				relative;
  width:				800px;
  margin-left:			auto;
  margin-right:			auto;
  padding:				0;
  border-right:			20px solid #ffffff;
  border-left:			20px solid #ffffff;
}


/* #wrapper controls the width of the web page, 
its position in relation to the divs within it,
its background color,
its banner functions and file location,
and padding for the content.  */
#wrapper {
  position:				relative;
  text-align:			left;
  width:				800px;
  margin-right:			auto;
  margin-left:			auto;
  padding:				229px 0 0 0;
  background-color:		#ebebeb;
  background-image:		url(../recentwork/banner_recentwork3SA.jpg);
  background-repeat:	no-repeat;
  background-position:	left top;
}

/* #navigation controls the size of the menu box, 
its position on the page (floating to the left),
and the left border of the page  */
#navigation {
  float:				left;
  width:				200px;
  padding:				123px 0 40px 42px; 
}

/* ul controls the list attributes under the navigation div  */
#navigation ul {
  list-style:			none;
  margin:				0;
  padding:				0;
  border:				none;
}

/* li controls the width and spacing of the menu tiles  */
#navigation li {
  width:				180px;
  border:				none;
  margin:				0;
  padding-bottom:		24px;
  font-family:			Arial, san-serif;
  font-size:			10px;
  color:				#330000;
}

/* #content controls the width and spacing of the headline and text div,
its position on the page (floating on the right),
and the right border of the page  */
#content {
  width:				540px;
  float:				right;
  padding:				42px 0 0 0;

}

/* #image controls the positioning of the thumbnail image on the page  */
#image {
  position:				absolute;
  top:					352px;
  left:					261px;
  border:				none;
}

.slide {
  padding:				0 10px 10px 0;
  margin:				0;
  border:				none;
}

/* img controls the border on all images */
img {
  border:				none;
}

/* #text controls the padding of the text  */
#text {
  margin:				0;
  padding:				26px 0 0 400px;
}

/* #footer controls the attributes of the footer on the bottom of the page  */
#footer {
  clear:				both;
  color:				#bfb6b6;
  font-family:			Arial, san-serif;
  font-size:			9px;
  padding:				275px 0 10px 260px;
}

/* #foot controls the attributes of the footer on the bottom of the page  */
#foot {
  background-color:		#ffffff;
  color:				#bfb6b6;
  font-family:			Arial, san-serif;
  font-size:			9px;
  padding:				5px 0 5px 260px;
  text-align:			left;
}

/* h1 controls the font attributes of the page headline  */
h1 {
  font-family:			Arial, san-serif;
  font-size:			18px;
  color:				#330000;
  padding-left:			2px;
}

/* p.spaceholder controls the height of the text spacer  */
#text p.spaceholder {
  line-height:			1px;
  margin:				0;
  padding:				0;
  border:				none;
}

/* p controls the font attributes of the text  */
#text p {
  font-family:			Arial, san-serif;
  font-size:			10px;
  color:				#330000;
}

/* p.second controls the space between the first and second tag line */
#text p.second {
  margin-top:			60px;
  padding:				0;
  font-family:			Arial, san-serif;
  font-size:			10px;
  color:				#330000;
}

/* p.third controls the space between the first and second tag line */
#text p.third {
  margin-top:			23px;
  padding:				0;
  font-family:			Arial, san-serif;
  font-size:			10px;
  color:				#330000;
}

/* a:link controls the color and decoration of the text links  */
#text a:link {
  color:				#330000;
  text-decoration:		none;
}

/* a:visited controls the color and decoration of the text link after its been clicked  */
#text a:visited {
  color:				#835555;
  text-decoration:		none;
}

/* a:hover conrols the color and decoration of the text link while clicked  */
#text a:hover {
  color:				#ff512b;
  text-decoration:		none;
}
  
  /* a:link controls the color and decoration of the text links  */
#navigation a:link {
  color:				#330000;
  text-decoration:		none;
}

/* a:visited controls the color and decoration of the text link after its been clicked  */
#navigation a:visited {
  color:				#330000;
  text-decoration:		none;
}

/* a:hover conrols the color and decoration of the text link while hovering  */
#navigation a:hover {
  color:				#ff512b;
  text-decoration:		none;
}  

/* a:active conrols the color and decoration of the text link while clicked  */
#navigation a:active {
  color:				#ef9a87;
  text-decoration:		none;
}     

  /* a:link controls the color and decoration of the text links  */
h1 a:link {
  color:				#330000;
  text-decoration:		none;
}

/* a:visited controls the color and decoration of the text link after its been clicked  */
h1 a:visited {
  color:				#330000;
  text-decoration:		none;
}

/* a:hover conrols the color and decoration of the text link while clicked  */
h1 a:hover {
  color:				#ff512b;
  text-decoration:		none;
}