/*.textL { font: normal 10.5pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #333366; background-color: transparent;}
.textB { font: bold 9pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #666699; background-color: transparent;}
.textN { font: normal 10pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #666699; background-color: transparent;}
.textw { font: normal 10pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; visibility: hidden; background-color: transparent;}
*/

.textleft{ font: normal 10.5pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #333366; background-color: transparent;}
.textbold{ font: bold 9pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #666699; background-color: transparent;}
.text { font: normal 10pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #666699; background-color: transparent;}
.texthidden { font: normal 10pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #ffffff; visibility: hidden; background-color: transparent;}
.style4 { font: bold 10pt/106% Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #3399cc; text-decoration: none; background-color: transparent;}
.style3 { font: normal 10.5pt/89% Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #666699; text-decoration: none; background-color: transparent;}

h1 { font: bold 12pt/1.3em Verdana, Arial, Charcoal, Helvetica, sans-serif; color:#9933cc; text-align: left; background-color: transparent;}
h2 { font: bold 12pt/1.3em Verdana, Arial, Charcoal, Helvetica, sans-serif; color:#6600ff; text-align: center; background-color: transparent;}
h3 { font: bold italic 10.5pt/1.25em Verdana, Arial, Charcoal, Helvetica, sans-serif; color:#3300ff; text-align: center; background-color: transparent;}
h4 { font: bold 10.5pt/115% Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #9933cc; text-align: left; background-color: transparent;}
h5 { font: normal italic 8.5pt/1.2em Verdana, Arial, Charcoal, Helvetica, sans-serif; color:#666699; text-align: center; background-color: transparent;}
h6 { font: normal 10.5pt/1em Verdana, Charcoal, Arial, sans-serif; color: #333366; background-color: transparent; }

a:link { font: normal 9pt/1.1em Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #666699; text-decoration: none; background-color: transparent;}
a:visited { font: normal 9pt/1.1em   Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #666699; text-decoration: none; background-color: transparent;}
a:hover { font: normal 9pt/1.1em  Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #009999; text-decoration: underline; background-color: transparent;}
a:active { font: normal 9pt/1.1em   Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #663399; text-decoration: underline; background-color: transparent;}

a:link.style1    { font: normal 9.5pt/125% Verdana, Arial, Helvetica, sans-serif; color: #3300cc; text-decoration: underline; background-color: transparent;}
a:visited.style1 { font: normal 9.5pt/125%   Verdana, Arial, Helvetica, sans-serif; color: #3300cc; text-decoration: underline; background-color: transparent;}
a:hover.style1   { font: normal 9.5pt/125%  Verdana, Arial, Helvetica, sans-serif; color: #0033ff; text-decoration: underline; background-color: transparent;}
a:active.style1  { font: normal 9.5pt/125%   Verdana, Arial, Helvetica, sans-serif; color: #0033ff; text-decoration: underline; background-color: transparent;}

a:link.style2    { font: bold .9em/1.27em Verdana, Arial, Helvetica, sans-serif; color:#3300ff; text-align: center; text-decoration: underline; background-color: transparent;}
a:visited.style2 { color: #6600ff; font: normal .8em/1.2em Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; background-color: transparent;}
a:hover.style2   { color: #6600ff; font: bold italic .8em/1.2em Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline; background-color: transparent;}
a:active.style2  { color: #6600ff; font: bold .8em/1.2em  Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: none; background-color: transparent;}

a:link.style3  { font: normal 10pt/106% Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #666699; text-decoration: none; background-color: transparent;}
a:visited.style3 { font: normal 10pt/106%  Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #666699; text-decoration: none; background-color: transparent;}
a:hover.style3 { font: bold 10pt/106% Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #009999; text-decoration: none; background-color: transparent;}
a:active.style3 { font: normal 10pt/106% Verdana, Arial, Charcoal, Helvetica, sans-serif; color: #009999; text-decoration: none; background-color: transparent;}

html, body {
	width: 100%; 
	height: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
   background-image: url(images/grnblublend.gif);
  }
  
* {
margin: 0; 
padding: 0;
}	
	
ul {
  font: normal 10pt/1em Verdana, Arial, Helvetica, sans-serif; background-color: transparent;
  color: #333399; 
  text-align: left; 
  padding: 4px 0px 2px 1px;
}

li {
   margin: 0px 0px 0px 16px; 
   padding: 4px 0px 4px 2px;	
	text-align: left;
	list-style: none; 
	}
  
img {
  padding: 0px;	
  margin: 0px;	
  float: left;
  border: none;
  }
  
p {
   width: 578px;
	margin-top: 6px; 
	padding: 0px 0px 3px 0px;
	margin-left: auto; 
	margin-right: auto; 
   font: normal 10pt/1.2em  Verdana, Charcoal, Arial, sans-serif; color: #666699; background-color: transparent; 
	float: left;
	text-align: left;
}   
	
#container {
	width: 825px; 
	height: auto;
	margin: auto; 
	text-align: center; 
	background-color: #ffffff;
	border: #9966cc 1px solid;
 }
 
 
#headerbox {
	width: 100%;
	height: 80px; 
	margin-left: auto;
	margin-right: auto;
   text-align: left;
	background-image: url(images/letterhd_repeat.gif); 
   background-repeat: repeat-x;
	}
	
.headercellj {
	width: 12%;
	height: 60px;
	padding: 3px 7px 0px 18px;
	margin-top: -1px;
	margin-left: auto;
	margin-right: auto;
   float: left; 
   text-align: right;
	}
	
.headercell1 {
	width: 13%;
	height: 40px;
	padding: 1px 2px 0px 3px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
   float: left;
	}
	
.headercell2 {
	width:13%;
	height: 40px;
	padding: 7px 2px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
   float: left; 
	}
	
.headercell3 {
	width:13%;
	height: 40px;
	padding: 23px 2px 0px 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
   float: left; 
	}
	
#centerbox {
	width: 100%; 
	height: auto;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
 }

#toplinks2 {
	width: 100%; 
	height: 35px;
	float: left;
	background-repeat: repeat-x;
	background-image: url(images/toprepeat2.gif);
	text-align: left;
	}
#toplinks2 img {
	margin: 0px; 
   padding: 0px;
	float: left;	
	border: none;
	}
#toplinks2 li { 
	margin: 4px 0px 0px 0px; 
   padding: 4px 0px 0px 15px;	
	text-align: left; 
	float: left;
	display: inline;
	font: normal 9pt/1.1em  Verdana, Charcoal, Arial, sans-serif; color: #6633cc; background-color: transparent; 
}
                                  /*  This begins individual pages: WEBSITES */
 
#website {
	width: 140px; 
	height: auto;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/website_ls.gif);
	}
	
#website2 {
	width: 140px; 
	height: auto;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/website_ls.gif);
	}
 
#graphic {  
	width: 140px; 
	height: auto;
	margin-top: -1px;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/graphic_ls.gif);
	}
	
#graphic2 {  
	width: 140px; 
	height: auto;
	margin-top: -1px;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/graphic_ls.gif);
	}

#graphic3 {  
	width: 140px; 
	height: auto;
	margin-top: -1px;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/graphic_ls.gif);
	}
	
#graphic4 {  
	width: 140px; 
	height: auto;
	margin-top: -1px;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/graphic_ls.gif);
	}
	
#graphic5 {  
	width: 140px; 
	height: auto;
	margin-top: -1px;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/graphic_ls.gif);
	}

#presentations { 
	width: 140px; 
	height: auto;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/presentations_ls.gif);
	}

#photography { 
	width: 140px; 
	height: auto;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/photography_ls.gif);
	}

#illustration { 
	width: 140px; 
	height: auto;
	float: left;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(images/illustration_ls.gif);
   }
				
#navstrip {
	padding: 2px 0px 0px 0px;
	margin-left: auto; 
	margin-right: auto;
	width: 100%; 
	height: 29px;
	text-align: center; 
	background-repeat: repeat-x;
	background-image: url(images/webtoprepeat.gif);
	}	
			
#navstrip li { 
   display: inline; 
   margin: 11px 0px 0px 10px; 
   padding: 10px 4px 0px 8px;	
   text-align: center;
	font: normal 8pt/1.5em  Verdana, Charcoal, Arial, sans-serif; color: #6633cc; background-color: transparent;
}

.heading { 
   text-align: left; 
	padding: 0px 0px 10px 5px;
	margin: 5px 0px 0px 0px; 
	width: 340px; 
	height: auto;
	float: left;
	}
	.heading li { 
	font: normal 10.5pt/1.2em Verdana, Arial, Helvetica, sans-serif; color: #333366; background-color: transparent;
		list-style: disc; 
		} 
		
.heading2 { 
   text-align: left; 
	padding: 0px 0px 10px 40px;
	margin: 15px 0px 0px 10px; 
	width: 725px; 
	height: auto;
	float: left;
	}		
	
.pbox1 { 
   text-align: left; 
	padding: 0px 0px 10px 15px;
	margin: 15px 0px 0px 0px; 
	width: 340px; 
	height: auto;
	float: left;
	}
	
.pbox2 { 
   text-align: center; 
	width: 623px; 
	height: auto;
	margin: 5px 4px 0px 4px;
	float: right;
	}
.pbox2 img {
  	margin: 6px 6px 6px 126px;
	}	
	
.pboxill { 
   text-align: left; 
	padding: 0px 0px 10px 15px;
	margin: 15px 0px 0px 35px; 
	width: 600px; 
	height: 640px;
	float: left;
	background-image: url(portfolio/iwizard.jpg);
	background-repeat: no-repeat;
	background-position: 190px 375px;
	}

.pboxgraphic { 
	width: 620px; 
	height: 560px;
	margin: 0px 10px 5px 10px;
	float: left;
	}
.pboxgraphic img {
  	margin: 25px 15px 5px 25px;
	border: none;
	}	
	
.pboxproduct { 
	width: 730px; 
	height: auto;
	margin: 0px 20px 5px 20px;
	float: left;
	}
.pboxproduct img {
  	margin: 25px 10px 35px 55px;
	border: none;
	}

.pboxproductinner { 
	width: auto; 
	height: auto;
	margin: 12px 15px 0px 15px;
	float: right;
	text-align: center;
	}
.pboxproductinner img {
  	margin: 15px 15px 5px 15px;
	border: none;
	}

.pboxillustration { 
	width: 620px; 
	height: 590px;
	margin: 0px 10px 5px 10px;
	float: left;
	}
.pboxillustration img {
  	margin: 25px 15px 5px 25px;
	border: none;
	}
	
.pmultibox { 
   text-align:left; 
	padding: 0px;
	margin: 5px 0px 0px 8px; 
	width: 611px; 
	height: auto;
	float: left;
	}
.pmultibox img {
   margin:3px 5px 11px 20px;
	}	
	
.pmultibox2 { 
   text-align:left; 
	padding: 0px;
	margin: 5px 0px 0px 38px; 
	width: 611px; 
	height: auto;
	float: left;
	}
.pmultibox2 img {
   margin: 3px 5px 11px 10px;
	}	
	
.pmultibox3 { 
   text-align:left; 
	padding: 0px;
	margin: 5px 0px 0px 5px; 
	width: 611px; 
	height: auto;
	float: left;
	}
.pmultibox3 img {
   margin: 0px 0px 0px 15px;
	padding: 0px;
	}	

.pmultibox4 { 
   text-align:left; 
	padding: 0px;
	margin: 5px 0px 0px 35px; 
	width: 611px; 
	height: auto;
	float: left;
	}
.pmultibox4 img {
   margin: 0px 0px 25px 45px;
	padding: 0px;
	}	
	
.portfoliobox { 
   text-align:left; 
	padding: 0px;
	margin: 10px 0px 0px 4px; 
	width: 815px; 
	height: 180px;
	float: left;
	}
.portfoliobox img {
   padding:0px;
  	border:1px solid #9933cc;
	}	
	
.portfoliotext { 
   text-align: left; 
	padding: 0px 0px 0px 7px;
	height: 190px;
	width: 520px;
	float: left;
	border-bottom:1px solid #9933cc;
	}
.portfoliotext p { 
	font: normal 10pt/1.2em  Verdana, Charcoal, Arial, sans-serif; color: #333399;
	 width: 520px;
	}	
	
.pgselector {
	width: 530px; 
	height: 18px;
	padding: 17px 0px 15px 305px;
	margin: 0px;
	text-align: center;
	float: left;
		}

.pgselectorcell {
	width: 28px; 
	height: 18px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	text-align: center;
	float: left;
	}
	
.pgselector2 {
	width: 420px; 
	height: 18px;
	padding: 20px 10px 10px 10px;
	margin-left: 132px; 
	margin-right: auto;
	text-align: center;
	float: left;
	}
.pgselector2 img {
	margin: 0px; 
	border: none;
	}
	
.pgselector3 {
	width: 420px; 
	height: 18px;
	padding: 10px 10px 10px 10px;
	margin-left: 185px; 
	margin-right: auto;
	text-align: center;
	float: left;
	}

.pgselector5 {
	width: 415px; 
	height: 18px;
	margin-top: 35px;
	margin-left: 24%; 
	margin-right: auto;
	text-align: center;
	float: left;
	}

.clearthefloats {
	clear: both;
   } 

.clearright {
	clear: right;
   }