html { height:100%; }

body { margin:0; padding:0; background-image: url(../graphics/bg2.jpg); background-position: center top;
font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial; line-height:1em; font-size:12px; color:#333333;

height:100%; width: 100%; 
 padding:0;
 margin:0;

 }
a { color:#333333; text-decoration: underline; }
a:hover { color: #770000; }
img {border: none; }
p {  line-height: 1.4; margin: 0 0 10px 0; padding: 0;  }
h1 { font-size:20px; }
h2 { font-size:16px; }
h1, h2, h3, h4 { margin:0; padding:0;}
h2 { margin: 0 0 15px 0; }
h3 { font-size: 12px; line-height: 1.2; }
h5 {  line-height: 1.4; margin: 0 0 10px 0; padding: 0; font-size: 13px; font-weight: bold;  }

 #shell {
 padding:0;
 margin:0;
  width:100%; background-image:  url(../graphics/header_bg.jpg); background-position: center top; background-repeat: no-repeat;
 
 min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
z-index:2;
  }
#page { width:800px;  margin: 0 auto; position: relative; zoom: 1; /*padding-bottom:140px;*/  position: relative; 
z-index: 1;
 }
 #push {height:160px;overflow: hidden; zoom: 1; clear: both;}
#header { height: 130px; }
#footer {  zoom: 1; 

width:100%; background-image:  url(../graphics/footer_bg.jpg); background-position: center bottom; background-repeat: no-repeat; 
height:210px; position: relative;

height:120px; margin-top: -280px;  padding-top: 160px;position: relative; 

}
#smallprint {background-image: url(../graphics/dots_h.gif); background-repeat: repeat-x;  text-align: center; width: 800px; margin: 0 auto; padding-top:40px;}
h1 {position:absolute; left:0; top:0; margin:0 -5px 0 -5px; padding: 0 5px 5px 5px; background-image: url(../graphics/logo.png); background-repeat: no-repeat;  }
#header ul  { position: absolute; top:30px; left:130px; width:700px; }
#header ul li { list-style-type: none; margin-left:10px; float:left; }
#header ul li a { height: 52px; display: block; text-indent: -999px; overflow:hidden; zoom:1; }
#header ul li.home a { background-image:url(../graphics/nav_buttons.gif); width:83px; }
#header ul li.home a:hover { background-position: 0 center ; }
#header ul li.home a.selected { background-position: 0 bottom !important ; }
body#home #header ul li.home a { background-position: 0 bottom !important ; }
#header ul li.about a { background-image:url(../graphics/nav_buttons.gif); background-position: -83px 0; width:115px; }
#header ul li.about a:hover { background-position: -83px center ; }
#header ul li.about a.selected { background-position: -83px bottom !important ; }
body#about #header ul li.about a { background-position: -83px bottom !important ; }
#header ul li.projects a { background-image:url(../graphics/nav_buttons.gif); background-position: -198px 0; width:118px;  }
#header ul li.projects a:hover { background-position: -198px center ; }
#header ul li.projects a.selected { background-position: -198px bottom !important ; }
body#projects #header ul li.projects a,
body#project #header ul li.projects a
 { background-position: -198px bottom !important ; }
#header ul li.contact a { background-image:url(../graphics/nav_buttons.gif); background-position:-326px 0; width: 131px; }
#header ul li.contact a:hover { background-position: -326px center ; }
#header ul li.contact a.selected { background-position: -326px bottom !important ; }
body#contact #header ul li.contact a { background-position: -326px bottom !important ; }

/* HOME =======================================*/

body#home #impact { width: 800px; padding-bottom: 8px; margin-bottom:40px;  background-image: url(../graphics/dots_h.gif); background-position: bottom; background-repeat: repeat-x; display: block; text-decoration: none; color: #333333; height:250px;

padding: 5px; margin:-5px; margin-bottom: 2px; background-image: url(../graphics/impact.png); background-repeat: no-repeat; margin-bottom:30px;  }

body#home #impact #crossSlide { height:250px; }

body#home #impact img { margin:-5px; margin-bottom: 2px; background-image: url(../graphics/impact.png); background-repeat: no-repeat; padding: 5px;  }
body#home #impact span { display: block;  padding-right: 80px; background-image: url(../graphics/details.gif); background-repeat: no-repeat; background-position: -999px;font-weight: bold; color: #770000;  }
body#home #impact:hover  {  /*background-color:#f4eed7;  */ }
body#home #impact:hover span {  background-position: right center; text-decoration: underline;   }

body#home #recent { width: 500px; margin: 0 40px 0 0; float:left; overflow:hidden; zoom:1;  margin-bottom: 0;}
body#home #recent h2 a {  text-indent: -999px; background-image: url(../graphics/headings.gif);  background-repeat: no-repeat; width:145px; background-position: 0 top; height:20px;  display: block; overflow: hidden; zoom: 1; }
body#home #recent h2 a:hover { background-position: 0 bottom;  }

body#home #about { width: 260px; float:left; margin-bottom: 0;  }
body#home #about h2 a {  text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -150px top;  width:110px; height:20px; display: block; overflow: hidden; zoom: 1; }
body#home #about h2 a:hover { background-position: -150px bottom;  }

body#home h2#mailing_list {  text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -1090px top;  width:140px; height:20px; display: block; overflow: hidden; zoom: 1; }


/* ABOUT =======================================*/

body#about #col1 { width: 460px; float:left;  margin-right: 40px; background-image: url(../graphics/dots_v.gif); background-repeat: repeat-y; background-position: right; padding-right:40px; }
body#about #work { width: 100%; }
body#about #work h2 { text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -517px top;  width:94px; height:20px; display: block; }
body#about #awards { width: 100%; }
body#about #awards h2 { text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -731px top;  width:90px; height:20px; display: block; margin-top: 20px; }
body#about #me { width: 260px; float:right; }
body#about #me img { margin-bottom:15px; }
body#about #me h2 { text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -618px top;  width:112px; height:20px; display: block; }

/* PROJECTS =======================================*/

body#projects h2 { text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -261px top;  width:109px; height:20px; display: block; }
body#projects #projects { width: 500px; float:left;  margin-right: 40px; }
body#projects #intro { width: 260px; float:left; }

/* PROJECT =======================================*/

body#project h2 { text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -241px top;  width:105px; height:20px; display: block; }
body#project h3 { font-size: 15px; clear: both; color:#770000; color:white; color:#DAD1C2;  width:200px; height: 200px; background-color: #e9e1d2; background-color: #f6f3e0; background-color: #3d3333; /*color: white;*/ float: left; position: relative; background-image: url(../graphics/grdad.jpg); display: inline; }
body#project h3 span { position: absolute; bottom:0; padding: 10px; text-align: right; width: 180px; }
body#project #impact { width: 800px; margin-bottom:40px;   display: block; text-decoration: none; color: #333333; float:left; display: inline;
background-image: url(../graphics/project_frame.png); background-repeat: no-repeat; margin-top:-5px; margin-left:-5px; padding: 5px;

  }
body#project #impact #slideshow {   width: 600px; height:200px;  float:left; display: inline;
 }
body#project #details { clear:both; overflow:hidden; zoom:1; background-image: url(../graphics/dots_v.gif); background-repeat: repeat-y; background-position: 200px 0 ; width:800px;  zoom:1; padding: 0; }
body#project #summary { width: 160px; float:left; display: inline; padding-right:40px; }
body#project #summary h4 { font-size: 12px; font-weight: bold; }
body#project #summary ul { margin:0 0 0 17px; padding:0; line-height: 1.3;}
body#project #description { width: 440px; float:left; display: inline;  margin: 0 40px 0 40px; }
body#project #description a.back { display:block; width: 183px; height:20px; background-image: url(../graphics/headings.gif); text-decoration: none; text-indent: -999px; background-position: -830px 0; margin-top:20px; overflow: hidden; zoom: 1;  }
body#project #description a.back:hover {  background-position: -830px -20px;   }
body#project #view { float:right; width: 80px; height: 28px; margin-bottom:30px;  display: block;  text-decoration: none; color: #333333;  background-image: url(../graphics/view_button.gif); text-indent: -999px; overflow: hidden;  zoom: 1; }



#slideshow {
    position:relative;
    height:350px;
    height:100px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

/* CONTACT =======================================*/

body#contact h2 { text-indent: -999px; background-image: url(../graphics/headings.gif); background-repeat: no-repeat; background-position: -375px top;  width:129px; height:20px; display: block; }
body#contact form { width: 460px; float:left;  margin:0 40px 0 0; background-image: url(../graphics/dots_v.gif); background-repeat: repeat-y; background-position: right; padding:0 40px 0 0; display: inline; }
body#contact form label { display: block;  font-weight: bold; }
body#contact form input.text,
body#contact form textarea
 { width: 100%; margin-top: 5px;margin-bottom: 15px; font-family: "Lucida Grande"; font-size: 12px; color: #333333; }
body#contact form input.text { width:300px;  } 
body#contact #info { width: 250px; float:left; display: inline; }
body#contact #info table { border-collapse: collapse; }
body#contact #info table td { padding:0 5px 10px 5px; text-align: left; }
body#contact #info table th { padding:0px 15px 10px 0px; text-align: left; font-weight: bold; color: #333333; }


/* WIDGETS =======================================*/

ul.projects { list-style-type: none; padding:0; overflow:hidden; zoom:1; margin: 0; }
ul.projects li  { overflow:hidden; zoom:1; background-color: #f4eed7; margin:0 0 12px 0;  background-image: url(../graphics/grad.jpg); background-position: right; border-bottom: 1px solid #c3b887;border-right: 1px solid #c3b887;

 background-color: #f6ede0;
 background-color: #dacfb6;
 background-image: none;
  background-image: url(../graphics/arrow_circle.gif);
  background-position: 460px center;
  background-repeat: no-repeat;
 
 /*
 padding-right: 30px;

 background-color: #d5c695;
background-image: url(../graphics/paper.jpg);

 background-color: #393531;
background-image: none;
*/

 }
ul.projects li h3 { font-size: 12px; padding:0; margin: 10px 0 0 0; width:359px; text-align: left; float: right; padding-bottom:3px;  }
ul.projects li p { padding:0; margin: 0px 0 0 0; clear: right; width:300px; margin-right: 50px; float: right; padding-right: 9px;  
/*
color:#d9cb9e;
*/
 }
ul.projects li img { float:left; margin-right:10px;  }
ul.projects li h3 a { padding-right:24px; text-decoration: none; background-image: url(../graphics/arrow.gif); background-position: -300px; background-repeat: no-repeat; color: #770000; margin-right:10px; 
/*
color:#E1D8C9;
*/
}
ul.projects li h3 a:hover, 
ul.projects li.hover h3 a 

{/* background-image: url(../graphics/details.gif); background-position: right center; */text-decoration: none; /*color: #B30001;*/ }
ul.projects li a { display: block; }

ul.projects li.hover { 
cursor: pointer;
  background-image: url(../graphics/arrow_circle_red.gif);
background-color: #decf9a;
 }


/*
a.arrow { padding-right:24px; text-decoration: none; background-image: url(../graphics/arrow.gif); background-position: -300px; background-repeat: no-repeat; color: #770000; margin-right:10px; }
a.arrow:hover { background-image: url(../graphics/details.gif); background-position: right center; text-decoration: underline; }
*/
a.more { display:block; width: 70px; height:18px; background-image: url(../graphics/headings.gif); text-decoration: none; text-indent: -999px; overflow: hidden; zoom: 1; background-position: -1018px top;  }
a.more:hover { background-position: -1018px bottom;  }




fieldset { clear:both; border:none; padding:70px 0 0 0; margin-top:0; background-image: url(../graphics/dots_h.gif); background-repeat: repeat-x; background-position:0 30px;  }
fieldset label { width:120px; float:left; line-height:1.8em  }
fieldset div.mc-field-group input { width:400px; float:left;  }
fieldset div { padding:2px; padding-top:8px; overflow:hidden; zoom:1; }
fieldset h3 { font-size:14px;; }

div#mce-success-response { line-height: 1.8em; width:500px; }
div.mce_inline_error {padding-left:10px; font-weight: bold; color: #8C0000; }

/* HOMEPAGE IMPACT =======================================*/

#crossfade {
    position:relative;
    height:350px;
    height:280px;
    
}

#crossfade a img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#crossfade a img.active {
    z-index:10;
}

#crossfade a img.last-active {
    z-index:9;
}