#footer{color:#666666; font-size:11px; line-height:13px; font-family:Verdana; font-size:11px} 
	#footer strong{color:#666666; font-size:11px; font-weight:normal} 
	#footer a{color:#666666; font-size:11px; text-decoration:none; font-weight:normal} 
	#footer a:hover{text-decoration:underline} 


.content {color:#000; font-size:11px; line-height:13px; font-family:Verdana; } 
.content b{color:#000; font-weight:bold}
.content i{color:#000;}
.content b a{color:#666; text-decoration:none; font-weight:bold} 
.content b a:hover{color:#666; text-decoration:none; font-weight:bold}  
.content strong a{color:#CC0000; text-decoration:none; font-weight:normal} 
.content strong a:hover{text-decoration:underline}  
.content a{color:#666; text-decoration:none; font-weight:bold} 
.content a:hover{color:#999; text-decoration:none; font-weight:bold} 
.content li{margin:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px}
.content span{color:#0033FF; font-weight:bold}
.content span a{color:#0033FF; text-decoration:underline; font-weight:bold} 
.content span a:hover{text-decoration:none}  

.content th {color:#0033FF; font-size:11px; font-weight:bold} 

.content .block{color:#0033FF; font-size:11px; line-height:13px}
.content .block b{color:#0033FF; }
.content .block a{color:#0033FF; text-decoration:underline}
.content .block a:hover{text-decoration:none} 


.menu li{height: 25px; margin:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;  }

.menu {color:#000; text-decoration:none; font-weight:bold; font-size:11px; line-height:13px; font-family:Tahoma; vertical-align: middle;} 
.menu a{color:#000; text-decoration:none; font-weight:bold; vertical-align: middle; } 
.menu a:hover{color:#CCC; text-decoration:none; vertical-align: middle;} 

a#home img {background: url(images/play.gif) top left no-repeat;}
a#clients img {background: url(images/play.gif) top left no-repeat;}
a#contact img {background: url(images/play.gif) top left no-repeat;}

a#home:hover img {background: url(images/playB.gif) top left no-repeat;}
a#clients:hover img {background: url(images/playB.gif) top left no-repeat;}
a#contact:hover img {background: url(images/playB.gif) top left no-repeat;}

a#simpson img {background: url(images/logos/simpsonB.jpg) top left no-repeat;}
a#melvich img {background: url(images/logos/melvichB.jpg) top left no-repeat;}
a#sctc img {background: url(images/logos/sctcB.jpg) top left no-repeat;}
a#weaponizer img {background: url(images/logos/weaponizerB.jpg) top left no-repeat;}
a#ara img {background: url(images/logos/araB.jpg) top left no-repeat;}
a#shandon img {background: url(images/logos/shandonB.jpg) top left no-repeat;}
a#monkeytribe img {background: url(images/logos/monkeytribeB.gif) top left no-repeat;}
a#blacklantern img {background: url(images/logos/blacklanternB.jpg) top left no-repeat;}

a#thisislms img {background: url(images/logos/thisislmsB.jpg) top left no-repeat;}
a#cdc img {background: url(images/logos/cdcB.jpg) top left no-repeat;}
a#citizenband img {background: url(images/logos/citizenbandB.jpg) top left no-repeat;}
a#strathexec img {background: url(images/logos/strathexecB.jpg) top left no-repeat;}
a#wes img {background: url(images/logos/wesB.jpg) top left no-repeat;}
a#inna img {background: url(images/logos/innaB.jpg) top left no-repeat;}



a#simpson:hover img {background: url(images/logos/simpson.jpg) top left no-repeat;}
a#melvich:hover img {background: url(images/logos/melvich.jpg) top left no-repeat;}
a#sctc:hover img {background: url(images/logos/sctc.jpg) top left no-repeat;}
a#weaponizer:hover img {background: url(images/logos/weaponizer.jpg) top left no-repeat;}
a#ara:hover img {background: url(images/logos/ara.jpg) top left no-repeat;}
a#shandon:hover img {background: url(images/logos/shandon.jpg) top left no-repeat;}
a#monkeytribe:hover img {background: url(images/logos/monkeytribe.gif) top left no-repeat;}
a#blacklantern:hover img {background: url(images/logos/blacklantern.jpg) top left no-repeat;}

a#thisislms:hover img {background: url(images/logos/thisislms.jpg) top left no-repeat;}
a#cdc:hover img {background: url(images/logos/cdc.jpg) top left no-repeat;}
a#citizenband:hover img {background: url(images/logos/citizenband.jpg) top left no-repeat;}
a#strathexec:hover img {background: url(images/logos/strathexec.jpg) top left no-repeat;}
a#wes:hover img {background: url(images/logos/wes.jpg) top left no-repeat;}
a#inna:hover img {background: url(images/logos/inna.jpg) top left no-repeat;}

	#gray1{
		padding: 20px 0px 0px 0px;
		}
		
	#gray1:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray1:hover img{background: url(images/logos/simpson.jpg) top left no-repeat;}
	
	#gray2{
		padding: 20px 0px 0px 0px;
		}
		
	#gray2:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray2:hover img{background: url(images/logos/melvich.jpg) top left no-repeat;}
	
	
	#gray3{
		padding: 20px 0px 0px 0px;
		}
		
	#gray3:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray3:hover img{background: url(images/logos/sctc.jpg) top left no-repeat;}
	
	#gray4{
		padding: 20px 0px 0px 0px;
		}
		
	#gray4:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray4:hover img{background: url(images/logos/weaponizer.jpg) top left no-repeat;}
	
	#gray5{
		padding: 20px 0px 0px 0px;
		}
		
	#gray5:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray5:hover img{background: url(images/logos/ara.jpg) top left no-repeat;}
	
	
	#gray6{
		padding: 20px 0px 0px 0px;
		}
		
	#gray6:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray6:hover img{background: url(images/logos/shandon.jpg) top left no-repeat;}
	
	#gray7{
		padding: 20px 0px 0px 0px;
		}
		
	#gray7:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray7:hover img{background: url(images/logos/monkeytribe.gif) top left no-repeat;}
	
	#gray8{
		padding: 20px 0px 0px 0px;
		}
		
	#gray8:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray8:hover img{background: url(images/logos/blacklantern.jpg) top left no-repeat;}

	#gray9{
		padding: 20px 0px 0px 0px;
		}

	#gray9:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray9:hover img{background: url(images/logos/thisislms.jpg) top left no-repeat;}

	#gray10{
		padding: 20px 0px 0px 0px;
		}
	
	#gray10:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray10:hover img{background: url(images/logos/cdc.jpg) top left no-repeat;}


	#gray11{
		padding: 20px 0px 0px 0px;
		}

	#gray11:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray11:hover img{background: url(images/logos/citizenband.jpg) top left no-repeat;}
	
	
	#gray12{
		padding: 20px 0px 0px 0px;
		}

	#gray12:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray12:hover img{background: url(images/logos/wes.jpg) top left no-repeat;}	

	#gray13{
		padding: 20px 0px 0px 0px;
		}

	#gray13:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray13:hover img{background: url(images/logos/wes.jpg) top left no-repeat;}
	
#gray14{
		padding: 20px 0px 0px 0px;
		}

	#gray14:hover{
		padding: 20px 0px 0px 0px;
		background: url(images/gradient2.gif) top left repeat-x;
		}

	#gray14:hover img{background: url(images/logos/inna.jpg) top left no-repeat;}


ul {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	}

li {
	margin: 0px;
	padding:  0px;
	}

	html{ 
		height: 100%;
		}
	
	body {
		top: 0px;
		width: 100%;
		height: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		border: 0px solid #ff0000;
		text-align: center;
		background-color:  #FFFFFF;
		}

	#container {
		position: relative;
		width: 500px;
		height: 100%;
		margin-top: 3px;
		margin-bottom: -100px; /* the bottom margin is the negative value of the footer's height */
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0px;
		text-align: center;
		border: 0px solid #666666;
		background-color:  #FFF;
		
		min-height: 100%;
		height: auto !important;
		height: 100%;		
		}

		
	#banner {
		position: relative;
		margin-top: 23px;
		text-align: left;
		height:80px;
		border-bottom: 0px solid #666666;
		border-right: 0px solid #666666;		
		}
	

	#banner2 {
		position: relative;
		height:20px;
		width: 100%;
		background-image:url('images/banner.jpg');
		text-align: left;
		border-bottom: 1px solid #666666;
		border-right: 0px solid #666666;
		}
		
	#ninja{
		border-top: 1px solid #666666;
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px;		
		}

	#box{
		width: 100%;
		border: 0px solid #666666;
		margin: 0px 0px 0px 0px ;
		padding: 20px 0px 20px 0px;
		}
		
	#box2{
		width: 100%;
		border: 0px solid #666666;
		margin: 0px 0px 0px 0px ;
		padding: 20px 0px 20px 0px;
		height: 880px;
		}	
		
	#title{
		width: 100%;
		text-align: center;
		height:30px;
		min-height: 30px;
		}
		
	#lefttitle{
		position: absolute;
		width: 130px;
		left:10px;
		text-align: left;
		height:120px;
		min-height: 120px;
		}
		

		
	#centertitle{
		text-align: left;
		position: relative;
		width: 270px;
		margin: 0px 0px 0px 130px;
		*margin: 0px 0px 0px 135px;
		height:120px;
		min-height: 120px;
		}

		

	#leftcontent {
		position: absolute;
		width: 50px;
		height:370px;
		min-height: 370px;		
		text-align: left;
		padding: 0px 0px 0px 20px;
		border: 0px solid #666666;
		*left: 0px;
		}
	
		
					
	#centercontent {
		position: relative;
		width: 400px;
		min-height: 370px;
		height: 370px;
		margin: 0px 0px 0px 50px;
		*margin: 0px 0px 0px -50px;
		text-align: left;
		}
	

			
	#rightcontent {
		position: absolute;
		padding: 20px 0px 0px 0px;
		width:50px;
		height:500px;
		text-align: left;
		border-left:0px solid #000;
		margin-left: 350px;
		margin-right: 350px;
		*margin-left: 50px;
		*margin-right: 50px;
		}
	
			
	#footer {
		position: absolute;
		*position: relative;
		width: 100%;
		height: 100px; 
		padding: 5px 0px 0px 0px ;
		margin: 0px 0px 3px 0px;
		border-top: 0px solid #666666;
		border-bottom: 0px solid #666666;		
		text-align: center;
		/*bottom: 0 !important;*/
		background-color:  #FFFFFF;

		}
		
		
	 #push {
		height: 100px; /* .push must be the same height as .footer */
		}		
								
				
	div#footer2 {
		height: 75px;
		width: 500px;
		padding: 15px 0px 0px 0px ;
		text-align: center;
		border-top: 1px solid #666666;
		}