body {
	background: #003463 url(images/bgd-grad.jpg) repeat-x top;
}

.container {
	background: transparent /*url(images/logo-template.png) no-repeat top left*/;
	width: 840px;
	margin: 20px auto;
}

.logo-template {
	position: relative;
	left:0px;
	top:0px;
	width: 73px;
	height: 63px;
	z-index:3;
	border: 0px;
}	

/* TAB NAVIGATION  no tabs at the moment **********/

.navbar-extend {
	left: 200px;
	top:103px;
	width: 100px;
	z-index:1;
	background: transparent url(images/tab-extenders.png) left bottom no-repeat;
}

.navTabs {
	top:-63px;
	min-width: 930px;
	z-index:2;
}

.navTabs ul li {
	display: inline;
}

.navTabs ul {
	margin-left:0px;
}

.navTabButton {
      float:left;
      width:100%;
	  background:transparent;
      font-size:93%;
      line-height:normal;
	  margin: -63px 0 0 0;
      }
	  
.navTabButton ul {
	  margin:0;
	  padding:0px 0px 0 70px;
	  list-style:none;
      }
	  
.navTabButton li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
.navTabButton a {
      float:left;
      background:url(Images/tab-left.png) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
	  
.navTabButton a span {
      float:left;
      display:block;
      background:url(Images/tab-right.png) no-repeat right top;
      padding:6px 14px 3px 6px;
      color:#FFF;
	  font-weight: normal;
	  letter-spacing: .02em;
      }
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navTabButton a span {
	float:none;
	font:9pt arial;}
/* End IE5-Mac hack */
	
.navTabButton a:hover span, .navTabButton #current, .navTabButton li.selected a span {
	color:#FFF;
}

.navTabButton a:hover, .navTabButton #current a:hover, .navTabButton li.selected a {
	background-position:0 -24px;
}

.navTabButton a:hover span, .navTabButton #current a:hover span, .navTabButton li.selected a span {
	background-position:100% -24px;
}

.name-template {
	position: relative;
	left:80px;
	top:-48px;
	width: 382px;
	height: 44px;
	z-index:3;
	border: 0px;
}

.icon-email {
	position: relative;
	left:465px;
	top:-85px;
	width: 58px;
	height: 16px;
	z-index:4;
	border: 0px;
}

.icon-resume {
	position: relative;
	left:560px;
	top:-104px;
	width: 58px;
	height: 16px;
	z-index:4;
	border: 0px;
}

.icon-linkedin {
	position: relative;
	left:655px;
	top:-120px;
	width: 69px;
	height: 23px;
	z-index:4;
	border: 0px;
}

.icon-gatesworks {
	position: relative;
	left:750px;
	top:-143px;
	width: 84px;
	height: 20px;
	z-index:4;
	border: 0px;
}

/*  BUCKET THUMBS  *************/

.thumb-web-design,
.thumb-graphic-design,
.thumb-med-multimedia,
.thumb-med-illustration,
.thumb-logos {
	position: relative;
	width: 225px;
	height: 109px;
	z-index:3;
	border: 0px;
	color: #FFF;
	font: normal small-caps 500 12px arial;
}

/*  LOCATION   *************/

.thumb-web-design {
	left:65px;
	top:-65px;
}

.thumb-graphic-design {
	left:325px;
	top:-182px;
}

.thumb-logos {
	left:590px;
	top:-295px;
}

a.page-options {
background: none;
border:0;
color:#000000;
display:block;
margin:3px 0 0;
padding:5px;
text-align:left;
text-decoration:none;
}

.homepage-text {
	color:#FFFFFF;
	font:12px/1.5em arial;
	margin:-230px 0 0 155px;
	width:600px;
	line-height: 1.5em;
}

.homepage-text a,
.homepage-text p {
	color: #FFF;
	text-decoration: none;
}

.homepage-text a {
	font-weight: 900;
}

.homepage-text span {
	font-weight: 500;
	text-align: right;
}

.homepage-text span span {
	font-weight: 900;
}

.homepage-text img {
	margin: 10px 0 0 60px;
}

.homepage-text .bullet {
	margin: 0 0 0 50px;
}

.footer {
	margin: 20px auto;
	width: 485px;
	height: 67px;
}