BODY  {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9pt;
		}
		
body	{margin: 0;}
			
table, TR, TD, DIV, SPAN, BLOCKQUOTE, P {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  }
	
a {
	color: #900;
	font: 9pt/11pt Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #c00;
	background-color: #ccc;
	text-decoration: underline;
}
a:active {
	color: #c00;
	text-decoration: underline;
}
/* GLOBAL NAV
---------------------------------------------------------------*/
#navboxhome {
	position:absolute;
	width: 622px;
	height: 17px;
	margin: 0;
  padding: 0px;
	left: 130px;
	top: 412px;
  border: 0px dotted white;
	}
	
#navbox {
	position:absolute;
	width: 622px;
	height: 17px;
	margin: 0;
  padding: 0px;
	left: 57px;
	top: 55px;
	}

#nav ul{
	width: 618px;
	height: 15px;
	background: transparent;
	margin: 0;
  padding: 0px;
	}
	
#nav li{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#nav li a{
	display: block;
	text-indent: -5000px;
	height: 15px;
	float: left;
}

#nav li a#lnk_seattle{
	background: url("img/m_seattle_i.gif") no-repeat;
	width: 93px;
	height: 15px;
	float:left;
}

#nav li a#lnk_seattle:hover{
	background: url("img/m_seattle_o.gif") no-repeat;
	width: 93px;
	height: 15px;
	float:left;
}
#nav li a#lnk_seattle:active{
	background: url("img/m_seattle_a.gif") no-repeat;
	width: 93px;
	height: 15px;
	float:left;
}

#nav li a#lnk_hawaii{
	background: url("img/m_hawaii_i.gif") no-repeat;
	width: 90px;
	height: 15px;
	float:left;
}
#nav li a#lnk_hawaii:hover{
	background: url("img/m_hawaii_o.gif") no-repeat;
	width: 90px;
	height: 15px;
	float:left;
}
#nav li a#lnk_hawaii:active{
	background: url("img/m_hawaii_a.gif") no-repeat;
	width: 90px;
	height: 15px;
	float:left;
}

#nav li a#lnk_resume{
	background: url("img/m_resume_i.gif") no-repeat;
	width: 82px;
	height: 15px;
	float:left;
}
#nav li a#lnk_resume:hover{
	background: url("img/m_resume_o.gif") no-repeat;
	width: 82px;
	height: 15px;
	float:left;
}

#nav li a#lnk_resume:active{
	background: url("img/m_resume_a.gif") no-repeat;
	width: 82px;
	height: 15px;
	float:left;
}

#nav li a#lnk_portfolio{
	background: url("img/m_portfolio_i.gif") no-repeat;
	width: 96px;
	height: 15px;
	float:left;
}
#nav li a#lnk_portfolio:hover{
	background: url("img/m_portfolio_o.gif") no-repeat;
	width: 96px;
	height: 15px;
	float:left;
}

#nav li a#lnk_portfolio:active{
	background: url("img/m_portfolio_a.gif") no-repeat;
	width: 96px;
	height: 15px;
	float:left;
}

#nav li a#lnk_projects{
	background: url("img/m_projects_i.gif") no-repeat;
	width: 96px;
	height: 15px;
	float:left;
}
#nav li a#lnk_projects:hover{
	background: url("img/m_projects_o.gif") no-repeat;
	width: 96px;
	height: 15px;
	float:left;
}

#nav li a#lnk_projects:active{
	background: url("img/m_projects_a.gif") no-repeat;
	width: 96px;
	height: 15px;
	float:left;
}

#nav li a#lnk_about{
	background: url("img/m_about_i.gif") no-repeat;
	width: 72px;
	height: 15px;
	float:left;
}
#nav li a#lnk_about:hover{
	background: url("img/m_about_o.gif") no-repeat;
	width: 72px;
	height: 15px;
	float:left;
}

#nav li a#lnk_about:active{
	background: url("img/m_about_a.gif") no-repeat;
	width: 72px;
	height: 15px;
	float:left;
}

#nav li a#lnk_contact{
	background: url("img/m_contact_i.gif") no-repeat;
	width: 89px;
	height: 15px;
	float:left;
}
#nav li a#lnk_contact:hover{
	background: url("img/m_contact_o.gif") no-repeat;
	width: 89px;
	height: 15px;
	float:left;
}

#nav li a#lnk_contact:active{
	background: url("img/m_contact_a.gif") no-repeat;
	width: 89px;
	height: 15px;
	float:left;
}

/*#resumebox	{
	width: 829px;
	background-color: #fff;
	background: url(img/gli_innerpgbg.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	min-height:100%;
	}*/
	 
table#outer {
	font: 9pt/11pt arial, helvetica, sans-serif;
	background-color: #fff;
	background: url("img/gli_innerpgbg.gif");
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	float: left;
	}

td.back{
  background-color: white;		
		}
		
table#outer a {
	font-weight: normal;
	font-size: 9pt;
	}
	
/* HOME PAGE
---------------------------------------------------------------*/

#rainjokes {
	position:absolute;
	left: 319px;
	top: 486px;
	background: url(img/hm_rainjokes2all.gif) no-repeat;
	width: 165px;
	height: 196px;
	margin: 0;
  padding: 0px;
	/*border: 0px solid orange;*/
	}
	
#rainjokes img{
	width: 165px;
	height: 111px;
	margin: 0 0 83px 0;
  padding: 0px;
	}
	
#navboxhome2 {
	position:absolute;
	left: 494px;
	top: 486px;
	width: 341px;
	/*height: 110px;*/
	margin: 0;
  padding: 0px;
	/*border: 0px solid orange;*/
	}

#navboxhome2 h5{
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	color: #fff;
	margin: 8px 0 6px 0;
	clear: both;
	}		
#navboxhome2 p {
	width: 307px;
	padding: 8px 0;
	margin: 14px 0 0 0;
	border-top: 1px dotted white;
	border-bottom: 1px dotted white;
	font: 7pt/8pt arial, sans-serif;
	color: white;
	}
	
#nav2 ul{
	width: 327px;
	height: 65px;
	margin: 0;
  padding: 0px;
	/*border: 0px solid lime;*/
	}
	
#nav2 li{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#nav2 li a{
	display: block;
	text-indent: -5000px;
	height: 64px;
	border: 0;
	text-decoration: none;
	float: left;
}

#nav2 li a#lnk_web{
	background: url("img/hm_feature_web_i.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}

#nav2 li a#lnk_web:hover{
	background: url("img/hm_feature_web_o.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}
#nav2 li a#lnk_web:active{
	background: url("img/hm_feature_web_a.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}


#nav2 li a#lnk_dm{
	background: url("img/hm_feature_dm_i.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}
#nav2 li a#lnk_dm:hover{
	background: url("img/hm_feature_dm_o.gif") no-repeat;
width: 109px;
	height: 64px;
	float:left;
}
#nav2 li a#lnk_dm:active{
	background: url("img/hm_feature_dm_a.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}

#nav2 li a#lnk_mobile{
	background: url("img/hm_feature_mobile_i.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}
#nav2 li a#lnk_mobile:hover{
	background: url("img/hm_feature_mobile_o.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}

#nav2 li a#lnk_mobile:active{
	background: url("img/hm_feature_mobile_a.gif") no-repeat;
	width: 109px;
	height: 64px;
	float:left;
}

/* RESUME PAGE
---------------------------------------------------------------*/

.insidebox	{
	background-color: #fff;
	background-image: url(img/gli_innerpgbg.gif);
	width: 829px;
	background-repeat: repeat-y;
	margin: 0;
	margin-bottom: -1px;
	padding: 10px 0;
	border: 0px dotted blue;
  min-height:100%;
	max-height:101%;
	overflow: hidden;
	clear: both;
	}

.insidebox hr	{
	width:658px;
	height: 2px;
	margin-left: 33px;
	display:block;
	}

.insidebox2	{
	background-color: #fff;
	background-image: url(img/gli_innerpagebg.gif);
	width: 829px;
	background-repeat: repeat-y;
	margin: 0;
	margin-bottom: -1px;
	padding: 10px 0 10px 0px;
  min-height:100%;
	max-height:101%;
	overflow: hidden;
	clear: both;
	}

/*.insidebox2 hr	{
	width:625px;
	height: 2px;
	margin-left: 33px;
	display:block;
	} */
			
#personalinfo	{
	background-image: url(img/resumetext.gif);
	width: 430px;
	height: 70px;
	background-repeat: no-repeat;
	margin: 24px 0 19px 147px;
	padding: 0;
	border: 0px solid red;
	clear:both;
	}	
#skillsbox {
	width: 700px;
  padding: 6px 0 8px 33px;
	border: 0px solid red;
	margin: 18px 0 0 0;
	border: 0px dotted purple;
	position: relative;
	min-height:100%;
	}
	
.date {
	width:110px;
  float:left;
	font: 9pt/11pt arial, sans-serif;
	color: #333;
	border: 0px solid green;
  }
	
.date h4{
		font-size: 10pt;
		font-family: verdana, arial, sans-serif; 
		color:#900;
		padding: 0 0 18px 0;
		margin: 0;
		}
	
.details {
  width:515px;
	float: left;
	padding: 0 8px 10px 0;
	/*padding: 0 8px 7px 0;*/
	font:9pt/11pt normal arial, Helvetica, sans-serif;
	color: #333;
	/*border: 0px solid blue;*/
	}
	
.details2{
  width:515px;
	float: left;
	padding: 0 8px 10px 0;
	/*padding: 0 8px 0px 0;*/
	font:9pt/11pt Arial, Helvetica, sans-serif;
	color: #333;
	/*border: 0px solid purple;*/
	}
	
.details p, details2 p{
	margin: 0 0 12px 0;
	/*margin: 0 0 10px 0;*/
	}


.details a {
	font: 9pt/11pt bold Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	}

#history {
	width: 100%;
	margin: 0px 0 18px 0;
	float: left;
	clear: both;
	}

#history h4{
		font-size: 10pt;
		font-family: verdana, arial, sans-serif;
		color:#900;
		padding: 0;
		margin: 0;
		}	
.pageup {
	width: 90%;
	background-color:#fff;
	font: 8pt/11pt Arial, Helvetica, sans-serif;
	color: #999;
	text-align:center;
	padding: 0 0 16px 16px;
  margin: -10px 0 0 0;
	border: 0px solid blue;
	}

.pageup a{
	font-size: 85%;
	color: #900;
	padding: 0 6px;
	text-decoration: none;
	}

.pageup a:visited {
	color: #900;
	text-decoration: none;
}

 .employment ul {
	list-style: square outside;
	font: 9pt/11pt Arial, Helvetica, sans-serif;
	color:#333;
	width: 88%; 
	margin-bottom: 0px;
	border: 0px solid blue;
  }
	
.employment li{
	list-style: square outside;
	font: 9pt/11pt Arial, Helvetica, sans-serif;
	color:#333; 
	margin-bottom: 10px;
	}
	
.employment  li a {
	font: 9pt/11pt bold Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none; 
	margin-bottom: 8px;
	}

/*  PROJECT LIST PAGE
-----------------------------------------------------*/

#toc {
	width: 600px;
	padding: 0 0 10px 0;
	margin: 0px 0 18px 0;
	border: 0px solid green;
 	}

/*#portnav {
	font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
	color:#999;
  font-weight: bold;
	padding: 3px 0;
	border: 1px solid orange;
	}
#portnav a {
	font: 8pt/12pt Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
	}
#portnav a:visited {
	color: #333;
	text-decoration: none;

#portnav a:hover {
	color: #b00;
	}
#portnav a:active {
	color: #b00;
}*/

/*  RECENT PROJECTS PAGE
-----------------------------------------------------*/

#toc2 {
	width: 710px;
	padding: 0;
	margin: 12px auto;
	text-align: center;
	border: 0px dashed green;
	
 	}

#toc2 hr {
	width:90%;
	height: 1px;
	color: #ccc;
	background-color:#ccc;
	border-width:0;
	margin: 4px auto;
	display:block;
	text-align: center;
	}

#toc3 hr{
	width:90%;
	height: 1px;
	color: #ccc;
	background-color:#ccc;
	border-width:0;
	margin: 4px auto;
	display:block;
	text-align: center;
	}
	
#toc2 a{
	font: bold 9px/11px verdana, Arial, sans-serif;
	font-style: bold;
	color: #39c;
  text-align: center;
	text-decoration: none; 
}

#toc2 a:visited{
	color: #999;
	
}	
		
.white {color: #fff;
				}

#toc3 {
	width: 710px;
	padding: 0;
	margin: 12px auto;
	text-align: center;
	border: 0px dashed orange;
	
 	}

#toc3 a {
	font: 9px/11px verdana, Arial, sans-serif;
	font-style: bold;
	color: #39c;
  text-align: center;
	text-decoration: none; 
}

#toc3 a:visited {
	color: #999;
	
}	

	
.client {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0px 0px 18px 108px;
	border: 0px solid purple;	
	}


.client p {margin: 6px 0 0px 28px;}

.client h4 {
	font-size: 11pt;
	color: #555;
	display: inline;
	padding: 0 0 0px 0;
	}
		
.client a {
	font: 9pt/11pt Arial, Helvetica, sans-serif;
	color: #b00;
	text-decoration: none;
	}
.client a:visited {
	color: #999;
	text-decoration: none;
}
.client a:hover {
	color: #b00;

}
.client a:active {
	color: #b00;
}
div#hm {
	margin-bottom: 8px;
   font-size: 1em;
	padding: 0;
	border: 0px dotted blue;
	}

	/*.heavy {      
       
       font-weight: bold;
       color: #999;
       } */

  div#hm ul {
  	list-style: square outside;
		color: #900;
		margin: 0;
		padding: 0;
		font-size: .9em;
		/*border: 1px solid purple;*/
		}

div#hm li {
	list-style: square outside;
	color: #900;
	margin: 4px;
	padding: 0;
	
}
div#hm a {
	color: #03f;
	font-size: .9em;
	}

.top {background-color: #ffffcc; }

 .suborange    {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #F30;
  }


.orange    {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #900;
  }

   .gray    {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #888;
  }
  
 .title {
 	font-size: 1.12em;
  	font-weight: bold;
  	color: #444;
	}

.orangebig    {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #F30;
  }

.bigger {
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  padding-bottom: 8px;
}


.big {
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;

}

.fat {
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;

}

.regtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #444444;
  line-height: 11pt;
  }

.subtext{font-size: 8pt;
       }

.heavy {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       font-weight: bold;
       color: #777;
       }
.coname {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 9pt;
       color: #555;
       }
			 
.contentbox  {
			width: 550px;
			height: 300px;
			border: 1px solid #fff;
			margin: 30px;
			}

		 
div#skills  {
			width: 480px;
			font-size: 9pt;
		 	border-bottom: 1px dotted #900;
		 	padding-bottom: 1.50em;
		 margin-bottom: .4em;
       }

div#skills b {
       color: #444;
       
       }

a     {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 9pt;
		 text-decoration: none;
		 }

a.link {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 9pt;
       
       }

.tiny  {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 11px;
       }

.tinyb {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 8pt;
       font-weight: bold;
       }
		 
.footer {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	clear:both;
	}						 
			 
#foot  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #333;
	width:95%;
	margin: 0 0 11px 0; 
	border: 0px solid green;}

#foot a {
	color: #900;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
#foot a:visited {
	color: #999;
	text-decoration: none;
}
#foot a:hover {
	color: #c00;
	background-color: #ccc;
	text-decoration: underline;
}
#foot a:active {
	color: #c00;
	text-decoration: underline;
}

#copy  {
		font-size: 8pt;
		color: #444;
		text-align: center;
		margin: 6px 0;
		}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-table;}
/*Hides from IEMac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}

.clear {clear: both;}