/* -------------------------------------
BODY AND WRAPPER
------------------------------------- */

body {
  margin: 0;
  padding: 0;
  font: small/140% Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000000;
  background: #333333;
}

#wrapper {
  width: 860px;
  height: 700px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  background: #FFFFFF;
  text-align: left;
}

#wrapper1 {
  width: 860px;
  height: 2500px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  background: #FFFFFF;
  text-align: left;
}
/* -------------------------------------
SET DEFAULT MARGIN AND PADDING
FOR HEADERS AND SUCH
------------------------------------- */

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

/* -------------------------------------
HEADER
------------------------------------- */

#header {
  position: relative;
  width: 860px;
  height: 200px;
  background: #fff url(../images/test_header.png) no-repeat 0 0;
  margin: 0;
  padding: 0;
}

#header h1 {
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}

/* -------------------------------------
NAV
------------------------------------- */

ul.nav {
  position: relative;
  left: 0px;
  top: 0px;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 215px;
  height: 75%;
  color: #C28967;
  text-align: center;
  background: url(../images/folder_bg.png) repeat 0 0;
  }

ul.nav li {
  position: relative;
  top: 75px;
  float: middle;
  list-style: none;
  display: inline-table;
  margin: 0;
  padding: 10;
  width: 215px;
  height:50px;
  color: #C28967;
  font-family:"uncletypewriter";
  /*font-style:italic; */
  font-size: 15px; 
  /*background: url(../images/folder_bg.png) repeat 0 0; */
  /*font-weight: bold; */
 }

/*ul.nav li a {
  float: left;
  display: inline-table;
  text-decoration: none;
  margin: 0;
  width: 215px;
  color: #AD9E89;
  background: url(../images/folder_bg.png) repeat 0 0;
  font-weight: bold;
}*/

ul.nav li.current a {
  color: #C28967;
  background: transparent;
  font-weight: bold;
}

/* -------------------------------------
LINKS, IMAGES, AND OTHER
------------------------------------- */

a:link {
  color: #C28967;
  background: transparent;
}

a:visited {
  color: #846340;
  background: transparent;
}

a:hover {
  color: #96c2c1;
  background: transparent;
}

a:active {
  color: #C28967;
  background: transparent;
}

img.right {
  float: right;
  display: inline;
  margin: 0 0 0 12px;
}

img.left {
  float: left;
  display: inline;
  margin: 0 12px 0 0;
}

img {
  border: none;
}

dl {
  margin: 0;
  padding: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1em 0;
  padding: 0;
}

/* -------------------------------------
CONTENT
------------------------------------- */

#content {
	position: absolute;
	top: 19px;
	clear: both;
	margin: 250px 0px 0px 225px;
	padding: 0 0 24px 0;
	width: 400px;
	background: none;
	color: #c28967;
	left: 4px;
}

#content1 {
	position: absolute;
	top: 19px;
	clear: both;
	margin: 250px 0px 50px 225px;
	padding: 0 50px 24px 0;
	width: 625px;
	height: 700px;
	background: none;
	color: #c28967;
	left: 4px;
}
/* #main_column1 {
  width: 260px;
  margin: 0 0 0 300px;
  padding: 0;
}*/ 

#main_column p {
  margin: 0 0 1em 0;
}

#main_column h2 {
  font-size: 120%;
  color: #c28967;
}

#main_column h3 {
  font-size: 100%;
  margin-bottom: 1em;
}

#page_pics {
  margin: 0 0 1.5em 0;
}

#page_pics img {
  margin: 5px 6px 0 0;
  padding: 0;
  border: 2px solid #CECE9B;
}

#page_pics img.last_pic {
  margin: 0;
}

#photo_pic {
  position: absolute;
  top: 0px;
  margin: 0px 0px 0px 425px;
  text-align: right;
  z-index: 10;



}

#sub_column {
  position: absolute;
  top: 0px;
  margin: 250px 0px 0px 0px;
  text-align: center;
  padding: 0;
}

#sub_column p#project_category_list {
  font-size: 120%;
  line-height: 150%;
  font-style: italic;
  color: #C28967;
  margin: 0;
  padding: 15px;
}

#sub_column p#project_category_list strong {
  font-size: 80%;
  line-height: 150%;
  font-style: normal;
  color: #C28967;
}

hr.rule {
  display: none;
}

hr.clear_rule {
  clear: both;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

/* -------------------------------------
PROJECT GALLERY STUFF
------------------------------------- */

ul#projects_list {
  margin-bottom: 2em;
}

ul#projects_list li.current {
  font-weight: bold;
}

#project_photos img {
  border: 4px solid #eeeeee;
  margin-bottom: 0.6em;
}

/* --------------------------------
CONTACT FORM
-------------------------------- */

form#contact_form {
  margin: 0;
  padding: 0.5em 0 0 0;
  border-top: 1px solid #eeeeee;
}

form#contact_form p {
  clear: both;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}

form#contact_form p label {
  float: left;
  width: 160px;
}

#main_column p.note_success {
  margin: 1.4em 0;
  padding: 0.4em 0.8em;
  color: #006600;
  background-color: #ffffcc;
  border: 1px solid #CCCC99;
}

#main_column p.note_fail {
  margin: 1.4em 0;
  padding: 0.4em 0.8em;
  color: #FF0000;
  background-color: #FFCC99;
  border: 1px solid #CC6600;
}

/* -------------------------------------
FOOTER
------------------------------------- */

#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	width:100%;
	height:50px;
	background: #720F12;
	top: 700px;


}
#footer_pics {
	clear: both;
	position: absolute;
	bottom: 0;
	width:100%;
	height:50px;
	background: #720F12;
	top: 2500px;


}


#footer ul.nav {
  position: top;
  left: 34px;
  bottom: 8px;
  list-style: none;
  background: none;
}

#footer ul.nav li {
  float: left;
  list-style: none;
  margin: 0;
  padding:5 px;
}

#footer ul.nav li a {
  float: left;
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 30px 10px;
  color: #AD9E89;
  background: transparent;
  font-weight: bolder;
}

#footer ul.nav li.current a {
  color: #AD9E89;
  background: transparent;
  font-weight: 900;
}

#footer address {
  width: 180px;
  margin: 25px 0 0 350px;
  padding: 0;
  font-style: normal;
  font-weight: thicker;
  text-align: left;
}

#footer address span#address_name {
  font-size: 150%;
  color: #54DAF7;
}