@charset "utf-8";
/******** Reset ********/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/******** Body Elements ********/
body {
	font-family: Verdana;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0;
	text-align: left;
	word-spacing: normal;
	text-decoration: none;
	color: #444;
	background-color: #fff;
}

/******** Layout Elements ********/

.content {
	margin: 0px auto;
	padding: 5px;
	width: 820px;
}

.footer {
	margin: 20px auto 10px auto;
	width:820px;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

/******** Document Styles ********/

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #aa0000;
	text-transform: uppercase;
}

h2 {
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
}

h3 {
	font-size: 15px;
	font-weight: bold;
}	

a, a:active, a:visited {
	color: #2d2d2d;
	text-decoration: none;
}

a:hover {
	color: #aa0000;
	text-decoration: underline;
}

.header a, .header a:active, .header a:visited {
	color: #aa0000;
}

.header a:hover {
	color: #2d2d2d;
	text-decoration: underline;
}

p {
	margin: 0 0 15px 0;
}

.footer p {
	margin: 0 auto 0 auto;
	font-size: 11px;
	line-height: 13px;
}


/******** List Styles Styles ********/

#projects ul {
	margin: 0 10px 0 8px;
	padding-top:2px;
	padding-bottom:2px;
	list-style: none;
}

#projects li {
	margin: 0 5px 0 0;
	list-style: none;
	display:inline;
}

/******** Logo Styles ********/

.logo {
	margin-top: 40px;
}

.recentproj {
	margin-top: 20px;
	margin-right: 40px;
	text-align:right;
}

/******** Rounded Corners ********/

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f3f3f3}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9;
  background:#f6f6f6}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f5f5f5}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f5f5f5;
  border-right:1px solid #f5f5f5;}
.spiffy4{
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9}
.spiffy5{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.spiffyfg{
  background:#f3f3f3;
  text-align:right}
  
#project_thumbs {margin-bottom:20px;}
<!-- Navigation -->
#nav {
	margin: 0;
	padding: 0;
	width: 708px;
	height: 37px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

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

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

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

#thome a {width: 80px; background: url(http://thinkupward.com/img/home.jpg) top left no-repeat;margin: 0 40px 0 51px;}
#tportfolio a {width: 110px; background: url(http://thinkupward.com/img/portfolio.jpg) top left no-repeat; margin-right:40px;}
#tservices a {width: 102px; background: url(http://thinkupward.com/img/services.jpg) top left no-repeat; margin-right:40px;}
#tcontact a {width: 101px; background: url(http://thinkupward.com/img/contact.jpg) top left no-repeat; margin-right:40px;}
#tclients a {width: 155px; background: url(http://thinkupward.com/img/clients.jpg) top left no-repeat;}