html,body {
	margin:0;
	padding:0;
	color:#000;
	background-color: #CCC;
	background:url(images/bg4.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

body {
	font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	min-width:760px;
	min-height: 95%;
	text-align: center; /* for IE */
}

#wrap {
	width:780px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
}

#header {
	margin-left: 10px;
	margin-right: 16px;	
	height:140px;
	background:url(images/header.gif) 0 0 no-repeat;
}

#footer{
text-align:center;
clear: both;
height: 5%;
vertical-align: middle;
padding: 0;
margin: 0;
}

#spacer{
height: 95%;
float: left;
width: 1px;
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0;
}

#main {
	margin:40px 80px;
}


#contents {
  margin-left: 200px;
  padding: 0px;
  margin-right: 15px;
}

/*-----------------Nav Tabs-----------------*/

#nav {
	float:left;
	width:760px;
	margin-top:-19px;
	font-size:0.94em;
	line-height:1em;
}
#nav ul {
	margin:0;
	padding:0 0 0 28px;
	list-style:none;
}
#nav li {
	float:left;
	margin:0 0 0 -1px;
	padding:0 0 0 6px;
	background:url(images/nav1.gif) 0 100% no-repeat;
}
#nav li:hover {
	background-position:-6px 100%;
}
#nav a {
	float:left;
	display:block;
	color:#7FA0B1;              /*#473215;*/
	font-weight:bold;
	font-family:Georgia,Times,"Times New Roman",serif;
	background:url(images/nav2.gif) 100% 100% no-repeat;
	padding:5px 14px 12px 8px;
	text-decoration:none;
}
#nav li:hover a {
	background-image:url(images/nav1.gif);
}
/* Hide from IE5-Mac \*/
#nav a {
	float:none;
}
/* End IE5-Mac hack */
#nav a:hover {
	color:#96B2C3;                                /*#000;*/
	text-decoration:underline;
}

#home #nav #t1,
#resume #nav #t2,
#projects #nav #t3,
#about #nav #t4,
#contact #nav #t5 {
	background-position:-12px 100%;
	padding-left:26px;
	margin:0 2px 0 1px;
}

#home #nav #t1 a,
#resume #nav #t2 a,
#projects #nav #t3 a,
#about #nav #t4 a,
#contact #nav #t5 a {
	background-image:url(images/nav2s.gif);
	padding-left:0;
	padding-right:19px;
}
#nav #t1,
#home #nav #t1 {
	margin-left:0;
}
#nav #t5,
#contact #nav #t5 {
	margin-right:0;

}

/*EFFECTS AND PRETTY STUFF*/
#main li.cog {
 list-style-image: url(images/cog_icon.gif);
 }
 
#main li.res{
 list-style-image: url(images/dots.jpg);
 }

/*SHADOW EFFECT*/
.img-shadow {
  float:left;
  background: url(images/good_shadow.png) no-repeat bottom right !important; 
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #f3f2e9;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.p-shadow {
  width: 90%;
  float:left;
  background: url(images/good_shadow.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}


.table-shadow {
  width: 50%;
  float:left;
  background: url(images/good_shadow.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.table-shadow div {
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.table-shadow table {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

h3 {
	font-size:1.25em;
	color: #7FA0B1;
}

font.res {
	font-size:1em;
	color: #7FA0B1;
}

font.stuff {
	font-size:1em;
	color: #7FA0B1;
	width: 500px;
}


#things {
  position: absolute;
  left: 5px;
  padding: 0px;
  width: 150px;
}


/* FORM */
label,input {
	display: block;
	width: 165px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}


br.form {
	clear: left;
}

h1 {
	font-size:1.5em;
	color: #7FA0B1;
}