@charset "UTF-8";
/* CSS Document */


 .main{
 width: 830px;
 float: left;
 
 
 }
 
 .head{
 margin: 0px;
 
 
 }
 
 .line1{
 width: 830px;
 height: 4px;
 background-color:#000000;
 
 }
 
 .logo{
 border:none;
 text-decoration:none;
 
 }
 
 /* nav styling */

 .homeline a{
 width: 80px;
 height: 34px;
 background-image:url(images/nav-bar.gif);
 background-repeat:no-repeat;
 margin-right: 3px;
 margin-top: 5px;
 float:left;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px; 
 text-decoration:none;
 color: #000000;
 }

 .homeline a:hover{
 width: 80px;
 height: 34px;
 background-image:url(images/nav-bar-c.gif);
 background-repeat:no-repeat;
 margin-right: 3px;
 margin-top: 5px;
 float:left;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px; 
 color: #00aef0; 
 text-decoration:none;
 }
 
  .workline a{
 width: 80px;
 height: 34px;
 background-image:url(images/nav-bar.gif);
 background-repeat:no-repeat;
 margin-right: 3px;
 margin-top: 5px;
 float:left;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px; 
 color:#000000;
 text-decoration:none;
 }
 
  .workline a:hover{
 width: 80px;
 height: 34px;
 background-image:url(images/navbarm.png);
 background-repeat:no-repeat;
 margin-right: 3px;
 margin-top: 5px;
 float:left;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px; 
 color: #ed008c;
 text-decoration:none; 
 }
 
  .aboutline a{
 width: 80px;
 height: 34px;
 background-image:url(images/nav-bar.gif);
 background-repeat:no-repeat;
 margin-right: 3px;
 margin-top: 5px;
 float:left;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px; 
 color:#000000;
 text-decoration:none;
 
 }
 
  .aboutline a:hover{
 width: 80px;
 height: 34px;
 background-image:url(images/navbary.gif);
 background-repeat:no-repeat;
 margin-right: 3px;
 margin-top: 5px;
 float:left;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px; 
 color:#fff200;
 text-decoration:none;
 
 }

.longnav a{
background-image:url(images/nav-bar.gif);
background-repeat:repeat-x;
width: 255px;
height: 34px;
float:left;
margin-right: 3px;
margin-top:5px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px;
 color: #000000;
text-decoration:none; 

}

.longnav a:hover{
background-image:url(images/navbark.gif);
background-repeat:repeat-x;
width: 255px;
height: 34px;
float:left;
margin-right: 3px;
margin-top:5px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px;
 color: #939598;
text-decoration:none; 
}

.phonenav{
background-image:url(images/nav-bar.gif);
background-repeat:repeat-x;
width: 323px;
height: 34px;
float:left;
margin-top:5px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px; 
}


.longworknav a{
background-image:url(images/nav-bar.gif);
background-repeat:repeat-x;
width: 581px;
height: 34px;
float:left;
margin-right: 3px;
margin-top:5px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px;
 color: #000000;
text-decoration:none; 

}

.longworknav a:hover{
background-image:url(images/nav-bar-c.gif);
background-repeat:repeat-x;
width: 581px;
height: 34px;
float:left;
margin-right: 3px;
margin-top:5px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top: 15px;
 color: #00aef0;
text-decoration:none; 
}


 .subnav a{
 margin-bottom: 5px;
 margin-top:-10px;
float:left;
margin-right: 3px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #000000;
text-decoration:none; 

}

.subnav a:hover{
float:left;
margin-right: 3px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #939598;
}

 .line2{
 width: 830px;
 height: 2px;
 background-color:#000000;
 float:left;
 margin-bottom:5px;

 }
 
 /* main area styling */
 .image{
 background-image:url(images/ferris1.png);
 background-repeat: no-repeat;
 float:left;
 width: 830px;
 height: 410px;
 margin-top: 4px;
 margin-bottom: -14px;
 }
 
 .workimage a{
 background-image: url(images/test/work1.jpg);
 background-repeat: no-repeat;
 float:left;
 width: 830px;
 height: 410px;
 margin-top: 5px;
 margin-bottom: 0px;
 }
 
 .webimage{
 background-image: url(images/whoops.png);
 background-repeat: no-repeat;
 float:left;
 width: 830px;
 height: 410px;
 margin-top: 5px;
 margin-bottom: 0px;
 }
 
 .foot{
 font-family: "Times New Roman", Times, serif;
 font-size:10px;
 float:left;
 widows: 830px;
 height: 20px;

 }
 
 
  .container{

 float:left;
 width: 830px;
 margin-top: 4px;
 margin-bottom: -16px;
 }
 
 /* work styling */
 	.box{
	width: 204px;
	height: 150px;
	
	float:left;
	text-align:left;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size:12px;
	margin-right: 3px;
	margin-bottom: 20px;

	}
	
		.syms a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/syms.jpg);
		background-repeat:no-repeat;
		}
	
		.formulainvesting a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/formulainvesting.jpg);
		background-repeat:no-repeat;
		}
		
		
		.kumon a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/kumon.jpg);
		background-repeat:no-repeat;
		}
		
		.thinkorswim a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/thinkorswim.jpg);
		background-repeat:no-repeat;
		}
		
 		.gosmile a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/rinse.jpg);
		background-repeat:no-repeat;
		}
		
		.entitle a{
		height: 115px;
		width: 204px;
		float: left;
		background-image:url(images/test/entitle.jpg);
		background-repeat:no-repeat;
		}
		
		.juice a{
		height: 115px;
		width: 204px;
		float: left;
		background-image:url(images/test/juice.jpg);
		background-repeat:no-repeat;
		}
		
		.jhc a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/jhc.jpg);
		background-repeat:no-repeat;
		}
		
		.glg a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/glg.jpg);
		background-repeat:no-repeat;
		}
		
		.fiftyplus a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/fiftyplus.jpg);
		background-repeat:no-repeat;
		}
		
		.healthcorps a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/healthcorps.jpg);
		background-repeat:no-repeat;
		}

		.if a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/if.jpg);
		background-repeat:no-repeat;
		}
		
		.kfp a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/kfp.jpg);
		background-repeat:no-repeat;
		}
		
		.fbm a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/fbm.jpg);
		background-repeat:no-repeat;
		}
		
		.industry a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/industry.jpg);
		background-repeat:no-repeat;
		}
		
		.aragg a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/aragg.jpg);
		background-repeat:no-repeat;
		}
		
		.fbm a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/fbm.jpg);
		background-repeat:no-repeat;
		}
		
		.pf a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/pf.jpg);
		background-repeat:no-repeat;
		}
		
		.tap a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/tap.jpg);
		background-repeat:no-repeat;
		}
		
		.mission a{
		height: 115px;
		width: 204px;
		float: left;
		background-image: url(images/test/mission.jpg);
		background-repeat:no-repeat;
		}
		
		
	/*    portfolio   */  
		
		.port {
	background-color: #FFFFFF;
	float:left;
	width: 830px;
	height: 2
	}	


.port ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
	margin-left: -40px;
	}
	
.style1 {
	color: #00aef0;
	text-decoration: none;
	font-size: 12px ;
	font-weight: 700;
	}
	
.style2 {
	font-style:italic;
	}

.port ul li a {
	color: #666666;
	text-decoration: none;
	}
	
.port ul li a:hover {
	color: #00aef0;
	}
	
.port ul li a.sel {
	color: #000000;
	font-weight: bold;
	}
	
.port ul li a.sel:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	}
	
.spaced { 
	margin-top: 20px;
	}