html, body {
   height: 100%;
   min-height:100%;
   margin:0;
   padding:0;
 /*  background-image: url(../images/background.gif);*/
   background-color: #fff;
}


/* ------------- overall styles ----------------------------------------------------------------- */

a {
	text-decoration: none;
}

a img {
	border: 0;
}


a {color: #666;}
a:visited {color:#666;}
a:hover {color: #b0b0b0;}



h1, h2, h3	{
   margin:0;
   padding:0;
	}	


p {
	margin:0;
	}


#clear-both	{
	clear:both; 
}

#clear-left	{
	clear:left; 
}

#clear-right	{
	clear:right; 
}

#relative	{
	position: relative;
	background: blue; 
}

.display-inline {
	display: inline;
	}
	
#float-left {
	float:left;
	}



/* ------------- content styles ----------------------------------------------------------------- */


#empty { 
	margin: 0 auto;
}

.green {	
	color: #46794d;
	}

.purple {	
	color: #66294F;
	}

.blue {	
	color: #1D6F77;
	}

.gold {	
	color: #997150;
	}

.gray {	
	color: #666;
	}

.footer-text {
	font: 8pt/14pt verdana;
	}	

a.greenlink {	
	color: #46794d;
	}

a.purplelink {	
	color: #66294F;
	}
	
a.bluelink {	
	color: #1D6F77;
	}
	
a.goldlink {	
	color: #997150;
	}

a.graylink {	
	color: #666;
	}


#dot-line {
	height: 2px;
	background: url(../images/dot-tan.png) top left repeat-x;
	}



/* ----------general layout---------------------------------------- */



#bigcontainer {
	min-height:100%;
	height:100%;
	position:relative;
	background:#fff;
	width:1074px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 24px 0px 24px;
}


#container {
	min-height:100%;
	position:relative;
	background:#E2DED5;
	width:1074px;
}

/* ----------header---------------------------------------- */

#header {
   background:#fff;
   height: 102px;
   padding-top: 5px; 
}

#header-top-padding {
   background:#fff;
   height: 5px;
}

#header-top {
   background:#E2DED5;
   height: 74px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   
}

#header-mid {
   height: 24px;
   width:100%;
  background:#fff;
}

#header-bot{
	width:100%;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	height:4px;
	background:#E2DED5;
	margin-bottom:24px;
}

#top-colors {
	margin: 0px 0px 0px 261px;
	position: absolute;
	}
	


/* ------------- main nav styles ----------------------------------------------------------------- */


#float-left {
	float: left;
	}

#nav-logo {
	height: 24px;
	width: 302px;
	float: left;


	}

#nav-spacer {
	height: 24px;
	width: 2px;
	float: left;
	background: #E2DED5;
	/*#E2DED5;*/
	}

#nav-frame {
	height: 24px;
	float: left;
	}

#nav {
	margin: 0;
	padding: 0;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :24px; /* for IE5/Win only */ 
	}
	
#nav a:hover {
	background-position: 0 -24px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -24px;
	}

#nav-web a  {
	width: 96px;
	background: url(../images/web.jpg) top left no-repeat;
	}

#nav-interactive a  {
	width: 96px;
	background: url(../images/interactive.jpg) top left no-repeat;
	}

#nav-motion a  {
	width: 96px;
	background: url(../images/motion.jpg) top left no-repeat;
	}

#nav-brand a  {
	width: 96px;
	background: url(../images/brand.jpg) top left no-repeat;
	}

#nav-archive a  {
	width: 96px;
	background: url(../images/archive.jpg) top left no-repeat;
	}
	



/* ------------- sub nav styles ----------------------------------------------------------------- */

#nav-contact-res a  {
	width: 132px;
	background: url(../images/contact-res.png) top left no-repeat;
	}

#nav-resume a  {
	width: 65px;
	background: url(../images/resume.gif) top left no-repeat;
	}

#temp-nav {
	margin: 43px 0px 0px 30px;
	padding: 0;
	list-style: none;
	position: absolute;
	display: inline;
	overflow: hidden;
	background:#E2DED5;
	}

#temp-nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#temp-nav a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/   :24px; /* for IE5/Win only */ 
	}
	
#temp-nav a:hover {
	background-position: 0 -21px;
	}

#temp-nav a:active, #temp-nav a.selected {
	background-position: 0 -21px;
	}



/* ----------content---------------------------------------- */

#content {
   padding-bottom:72px;  /*  Height of the footer */
   background:#E2DED5;
  
}




/* ----------footer---------------------------------------- */

#footer {
  position:absolute;
  clear: both;
   bottom:0;
   width:100%;
   height:72px; /* Height of the footer */
   background:#fff;
   padding-bottom:5px;
}

#footer-top{
	width:100%;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	height:4px;
	background:#E2DED5;
	margin-bottom:24px;
}

#footer-main{
   width:100%;
   -moz-border-radius: 4px;
   border-radius: 4px;
	height:43px;
   background:#E2DED5;
}

#footer-logo {
	margin: 14px 0px 0px 38px;
	padding: 0;
	position: absolute;
	}

#footer-nav {
	margin: 12px 0px 0px 304px;
	padding: 0;
	position: absolute;
	}

#footer-end {
	/*min-height:100%;
	height:100%;
	*/

	background:red;
	width:1074px;
	margin-left: auto;
	margin-right: auto;
	padding:0px 24px 0px 4px;

/* ---------header layout---------------------------------------- */


#sub-nav-wrapper {
	float: left;
	width: 260px;
	height: 31px;
	/*background: #E2DED5; */
	
}