body { 
	font-size: 10pt;	font-family: Verdana, Arial, Helvetica, Geneva;
	background-color: #ffffff;
	margin: 0;	padding: 0;
}
A { color: #9BCAE1; }
A.nav { color: black; }
A.nav:link, A.nav:visited { text-decoration: none; }
A.nav:active { }
A.nav:hover { border: thin solid #FF8C00; } /* not used anymore */

/************ SITE WIDE LAYOUT & DISPLAY ************/
.content { margin: 6% 0 0 15%; }
.content img { 
	margin-right: 12px;
	border: none;
}
.imglink IMG { border-width: 0px; }
.key { 
	margin-right: 3px; padding-right: 3px;
	color: #BBBBBB; 
}
.footer { margin: 0 0 0 0; }
/************ HOME PAGE LAYOUT ************/
.logobox { margin: 0 0 0 0; }
.namebox {  
  position: relative;
  top: 120px; left: 150px;
  z-index: 3;
}
.lifebox { 
  margin-bottom: 65px;
  z-index: 1;
}
/************ COMPANY PROFILE INFORMATION ************/
.textbox { margin: 0 0 0 0; }
#cname { font-weight: bold; }
#caddr, #cemail, .people { color: #888888; }
.people { margin-top: 20px; }
#caddr { padding-top: 16px; }
.copybox {
  font-size: 8pt;	color: #BBBBBB;
  margin-top: 45px;
} 
/************   ************/
#selected { border-bottom: thin solid #FD8C00; }

/************ IPHONE APP "HOME" PAGES  ************/
.ipa-home_iconbox { 
	display: block; 
	float: left;
	width: 180px;
	height: 181px;
	text-align: left; 
}
.ipa-home_textboxright { 
	display: block; 
	float: left;
	height: 181px;
	margin-left: 15px; padding-left: 15px;
	text-align: left; 
	vertical-align: middle; 
}
.ipa-home_descrip { margin-top: 30px; padding-top: 30px; }
.clear-all { clear:both; }
.itunes-button-img { vertical-align: text-bottom; } 

/************ PORTFOLIO PAGES  ************/
#leftcolumn {
	display: block;
	float: left;
	width: 395px; /*305*/
	margin: 0 10px 15px 0; padding: 0 10px 15px 0;
	text-align: left;
	overflow: hidden;
}

#rightcolumn {
	display: block;
	float: left;
	width: 468px; /* height: 700px;*/
	margin: -20px 0 15px -80px;	padding: -20px 0 15px -80px; /* for the overlap */
}
#navigation { margin: 0 0 0 23px; padding: 0 0 0 23px; }

/* use sprites in ul for navigation rollovers */
#portfolio_nav { /* the ul container */
    width: 175px; height: 69px;
    background: url(../img/portfolio_nav_sprites.jpg) no-repeat;	
	margin: 0 0 0 40px; 	padding: 0 0 0 40px; 
    position: relative;
}
#portfolio_nav li {
    margin: 0 0 0 0; 	padding: 0; 
	list-style: none;
    display: block;
	position: absolute; 
}
#portfolio_nav a { display: block; }

#portfolio_nav1 { left: 0px; top: 0px; width: 175px; height: 25px; }	
#portfolio_nav2 { left: 0px; top: 26px; width: 175px; height: 21px; }	
#portfolio_nav3 { left: 0px; top: 48px; width: 175px; height: 23px; }	
#portfolio_nav1 a { height: 25px; }	
#portfolio_nav2 a { height: 21px; }	
#portfolio_nav3 a { height: 23px; }	

#portfolio_nav1 a:hover { background: url(../img/portfolio_nav_sprites.jpg) -0px -69px no-repeat; } /* what does "transparent" do ? */	
#portfolio_nav2 a:hover { background: transparent url(../img/portfolio_nav_sprites.jpg) -0px -95px no-repeat; }	
#portfolio_nav3 a:hover { background: transparent url(../img/portfolio_nav_sprites.jpg) -0px -117px no-repeat; }	

.portfolio_nav_ss-on { margin: 6px 0 0 0; } /* use when software-soluctions section "on" */
.portfolio_nav_wd-on { margin: 3px 0 0 0; } /* use when web-development section "on" */
.portfolio_nav_ipa-on { margin: 3px 0 0 1px; } /* use when iphone-apps section "on" */

.stat-web-graph { margin: 18px 0 32px 0;	padding: 18px 0 32px 0; }

/* on main portfolio pages */
#clientlist { margin: 10px 0 0 10px; padding: 10px 0 0 10px; }
#clientlist a { color: #888888; }
#clientlist a:link, a:visited {  text-decoration: none; }
#clientlist a:hover { color: #9BCAE1; text-decoration: underline; }
.listheader {
	color:#888888;
	margin-left: -11px; padding-left: -11px; /* -11 */
	margin-right: 4.5px; padding-right: 4.5px; /* add a little space between listmember and listmember_1st */
}
.listmember_1st { font-weight: bold;	color: #888888; }
.listmember {
	font-weight: bold;	color: #888888;
	margin: 0 0 0 34.5px; padding: 0 0 0 34.5px; /* vertically align listmember with listmember_1st */
}
.intro {
	margin: 10px 0 15px 34px; padding: 10px 0 15px 34px;
	color: #4B4B4B;
	text-align: left;
}
/* on individual portfolio pages */
.client {
	color:#888888;
	margin-left: 8px; padding-left: 8px; 
	margin-right: 5px; padding-right: 5px; /* add a little space between client and clientname */
}
.clientname { font-weight: bold;	color: #4B4B4B; }
.clientwebsite { margin-left: 34px; padding-left: 34px; } 
.projectdescription {
	margin: 10px 0 15px 34px; padding: 10px 0 15px 34px;
	color: #4B4B4B;
	text-align: left;
}
.screenshot-5in, .screenshot-65in{ margin: 20px 0 0 34px; padding: 20px 0 0 34px; }

/* on app portfolio pages */
.app {
	color:#888888;
	margin-left: 12px; padding-left: 12px; 
	margin-right: 5px; padding-right: 5px; /* add a little space between client and clientname */
}
.appname { font-weight: bold;	color: #4B4B4B; }
.appwebsite { margin-left: 32px; padding-left: 32px; color: #BBBBBB;} 
.appicon { margin: 20px 0 0 32px; padding: 20px 0 0 32px; }
.appscreenshot { margin: 20px 0 0 32px; padding: 20px 0 0 32px; }