*{margin:0; padding:0; border:none; text-decoration:none; font-family: Helvetica, Arial, sans-serif; font-size:12px; outline:none;}
ul{list-style:none;}

body {
	margin:0;
	text-align: center;
	min-width: 960px;
	background:#fff url(../images/graphic_elements/body_bg.jpg) top repeat-x;
}
#wrapper {
	width:960px;
	margin:0 auto;
	text-align: left;
}
h1{
	text-indent:-5000px;
	background:url(../images/graphic_elements/logo.gif) no-repeat;
	height:48px;
	width:301px;
	margin-top:25px;
	}
#header{
	z-index:0;
	
	}
#header h2{
	margin-top:1px;
	text-indent:-5000px;
	width:959px;
	height:215px;
	background:url(../images/headers/header_main.jpg) no-repeat;
	z-index:1;
	float:left;
}
#mainContent{
	width:950px;
}

h3{
	font-size:24px;
	color:#333;
	width:300px;
}

#about{
	margin-top:15px;
	height:135px;
	width:620px;
	border:0px solid black;
	float:left;
	margin:15px 5px 9px 0;
}
	#about .leftColumn{
		float:left;
		height:90px;
		width:290px;
		line-height:18px;
		padding-right: 10px;
	}
	#about .rightColumn{
		float:left;
		height:120px;
		width:320px;
		line-height:18px;
		background:url(../images/graphic_elements/signature.gif) 120px 60px no-repeat;
	}
	

#projects{
	height:239px;
	width:590px;
	border:0px solid black;
	float:left;
	position:relative;
	margin:10px 0 0px 0;
	overflow:hidden;
}
	.mainImage{
		height:252px;
		width:624px;
		margin-left:1px;
		border:0px solid red;
		margin-bottom:0px;
		overflow:hidden;
		}
	.projectRollout{
		border:0px solid cyan;
		width:624px;
		height:252px;
		position:relative;
		overflow:hidden;
		
		}
		/*#rolloverTrigger{
			position:absolute;
			width:624px;
			height:252px;
			z-index:10;
		}*/
		
		#hoverBox{
		height:252px;
		width:622px;
		margin:212px 0 0 1px;
		z-index:9;
		position:absolute;
		background:url(../images/ui/rollover_bg.png) repeat;
		color:#fff;
		}
			
		
		.projectNavigation{
			width:626px;
			border:0px solid lime;
			height:36px;
			margin-left:-10px;
			z-index:40;
			background: url(../images/ui/proj_cont_bottom.gif) -3px 0 no-repeat;
		}
		.projectScrollLeft{
			cursor:pointer;
			text-indent:-5000px;
			margin:5px 0 0 25px;
			float:left;
			height:20px;
			width:22px;
			background:url(../images/ui/proj_nav_sprite.png) no-repeat;
		}
			.projectScrollLeft:hover{
				cursor:pointer;
				background:url(../images/ui/proj_nav_sprite.png) 0 -22px no-repeat;
			}
		.projectScrollRight{
			cursor:pointer;
			margin:5px 40px 0 0;
			text-indent:-5000px;
			float:right;
			height:20px;
			width:22px;
			background:url(../images/ui/proj_nav_sprite.png) -22px 0 no-repeat;
		}
			.projectScrollRight:hover{
				cursor:pointer;
				background:url(../images/ui/proj_nav_sprite.png) -22px -22px no-repeat;
			}
		#projectNameContainer{
		margin-left:41%;
		}
		
		.projectNameText{
		}
		
	.projectCenterNameStyle{
		font-weight:bold;
		color:#666;
		float:left;
		padding:3px 5px 0 5px;
		height:21px;
		margin-top:5px;
		background:url(../images/ui/proj_title_bkg.gif) repeat-x;
	}
	.projectRightNameStyle{
		float:left;
		width:17px;
		height:21px;
		margin-top:5px;
		background:url(../images/ui/proj_title_right.gif) no-repeat;
	}
	.projectLeftNameStyle{
		float:left;
		width:17px;
		height:21px;
		margin-top:5px;
		background:url(../images/ui/proj_title_left.gif) no-repeat;
	}
	
		#hoverBox div{
			float:left;	
		}
			#hoverBox .one{
				width:130px;
				margin-left:20px;
			}
			#hoverBox .two{
				width:130px;
			}
			#hoverBox .three{
				width:280px;
			}
		#hoverBox h4{
			font-weight:bold;
			margin:30px 0 0 20px;
		}
		#hoverBox p{
			margin-top:5px;
			font-weight:normal;
			margin-left:20px;
			}
			
			#hoverBox .projectViewLink{color:#7ac142; position:absolute; z-index:11; top:10px; width:100px; margin-left:-90px; padding-right:9px; background:url(../images/ui/projectLink.png) right no-repeat;}
				

#clients{
	width:626px;
	border:0px solid black;
	float:left;	
	margin:15px 0 15px 0;
}
	#clients ul{
		width:626px;
		margin-top:5px;
	}
	#clients li{
		border:0px solid red;
		display:block;
		font-weight:bold;
		width:180px;
		height:30px;
		margin:0px 20px 0px 0;
		padding:15px 0 0 5px ;
		border-top:1px solid #e7e8e8;
		border-bottom:1px solid #e7e8e8;
		float:left;
	}
	#clients li a.you{
		color: #333;
		font-weight: bold;
	}
	#clients li:hover{
		background-color:#f5f5f5;
	}
	#clients li a{
		color:#666;
		height:30px;
		padding:6px 10px 6px 35px;
		background:url(../images/graphic_elements/client_bullet_off.gif) left no-repeat;
	}
	#clients li a:hover{
		color:#333;
		height:30px;
		padding:6px 10px 6px 35px;
		background:url(../images/graphic_elements/client_bullet_on.gif) left no-repeat;
	}
#news{
	margin-top:15px;
	height:auto;
	width:312px;
	border:0px solid black;
	float:right;
}
	#news ul{
	border:1px solid #e7e8e8;
	background-color:#f9f9f9;
	padding-bottom:10px;
	}
		#news li {
			margin:0px 0 0 0;
			padding:10px;
			border-bottom:1px solid #e7e8e8;
			line-height:16px;
		}
			#news li:hover {
				background-color:#f2f2f2;
			}
		#news .lastItem{
			border-bottom:none;
			margin-bottom:-10px;
		}
		#news li h4{
			padding-bottom:5px;
		}
		#news li a{
			font-weight:bold;
			color:#7ac142;
			margin:5px;
		}

#products{
	
	width:990px;
	border:0px solid black;
	float:left;	
	margin:5px 0 0 -15px;
}
	#products h3{
		margin:0 0 8px 15px;
	}
	#productScanLeft{
		float:left;
		padding-top:42px;
		height:12px;
		width:11px;
		background:url(../images/ui/products_arrow_left.jpg) bottom no-repeat;
		}
	#productScanRight{
		border:0px solid red;
		float:left;
		padding-top:42px;
		height:12px;
		width:11px;
		background:url(../images/ui/products_arrow_right.jpg) bottom no-repeat;
		}
	
	#products button{
		background-color:#FFF;
		float:left;
		margin:0 5px 0 5px;
		width:225px;
		height:120px;
		position:relative;
		overflow:hidden;
		z-index:4;
	}
	
		.learnMore{
			position:absolute;
			z-index:5;
			margin:-109px 0 0 0px;
			width:220px;
			height:120px;
			background:url(../images/ui/learn_more_off.png) 60px 75px no-repeat;
			text-indent:-5000px;
			}
		.learnMore:hover{
				background:url(../images/ui/learn_more_on.png) 60px 75px no-repeat;
			}
	
#contact{
	width:626px;
	border:0px solid black;
	float:left;	
	margin-top:20px;
}
	#contact p{
	margin-bottom:10px;	
	}
	#contact legend{
		text-indent:-5000px;
	}
	#contact label{
		display:none;
	}
		#nameInput{
			padding:5px 0 5px 8px;
			border:1px solid #CCC;
			background-color:#f5f5f5;
		}
		#emailInput{
			margin-left:10px;
			padding:5px 0 5px 8px;
			border:1px solid #CCC;
			background-color:#f5f5f5;
		}
		#message{
			width:588px;
			margin-top:10px;
			padding:10px 0 10px 8px;
			border:1px solid #CCC;
			background-color:#f5f5f5;
		}
		
			#message, x:-moz-any-link {width:480px} /* FireFox 2 */
			#message, x:-moz-any-link, x:default {width:480px;} /* FireFox 3 */
			
			
		#submit{
			margin:10px 14px 0 -5px;
			float:left;
			height:36px;
			width:130px;
			text-indent:-5000px;
			background:url(../images/ui/submit.png) no-repeat;
		}
		
			#submit, x:-moz-any-link {margin:10px 130px 0 -5px;float:left; } /* FireFox 2 */
			#submit, x:-moz-any-link, x:default {margin:10px 130px 0 -5px;float:left; } /* FireFox 3 */
			
			#submit:hover{
				background:url(../images/ui/submit.png) 0 -36px no-repeat;
			}
		
		.contactLegendSifr{}
		
		.notify{
			width:588px;
			display:none;
			background-color:#999;
			color:#fff;
			padding: 5px 10px 5px 10px;
		}
		
		#contactFormErrors{
			color: Red;
			width:588px;
		}
		#contactFormErrors li{
			list-style-type:none;
		}
		.invalid{
			border-color: Red;
		}
		.textfieldPrompt{
			color:#999;
		}

#address{
	height:350px;
	width:312px;
	border:0px solid black;
	float:right;
	margin-top:20px;
	padding-top:30px;
}
	#address li{
	margin:3px 0 3px 0;	
	}
	.companyName{
		font-weight:bold;
	}
	#address a{
		line-height:64px;
		color:#7ac142;
		font-weight:bold;
	}

#footer{
	float:left;
	width:100%;
	height:61px;
	margin-top:25px;
	border-top:3px solid #424344;
	background-color:#5f6062;
}

	#footer, x:-moz-any-link {margin-top:45px;} /* FireFox 2 */
	#footer, x:-moz-any-link, x:default {margin-top:45px;} /* FireFox 3 */
	
	#footer p{
		float:right;
		color:#CCC;
		font-size:11px;
		margin-right:15%;
		padding-top:10px;
	}

.clearBoth{margin:0; padding:0; font-size:0px; border:none; height:0; width:0; clear:both;}
.clearRight{margin:0; padding:0; font-size:0px; border:none; height:0; width:0; clear:right;}
.clearLeft{margin:0; padding:0; font-size:0px; border:none; height:0; width:0; clear:left;}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 35px;
}


/*OVERLAY CSS*/

/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(../images/ui/overlay_white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:20px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/ui/overlay_close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:30px; 
    width:30px; 
}

.productModalHeader{
	margin:10px 0 10px 3px;
}
.fontHeader{
	margin:0 0 0 28px;
	float:left;
}
.productModal h2{
	height:68px;
	width:590px;
	text-indent:-5000px;
	}
	
	
	.productModal p{
		display:block;
		width:250px;
		text-align:left;
		margin:5px 0 0px 0;
	}
	
.features{
	width:160px;
	float:right;
	border:0px solid red;
	margin-right:30px;
	margin-top:10px;
}
.features li{
		border:0px solid red;
		display:block;
		font-weight:bold;
		height:30px;
		margin:0px 0 0px 0;
		border-bottom:1px solid #e7e8e8;
		padding:15px 0 0 0 ;
	}
	.features li:hover{
				background-color:#f5f5f5;
	}
	.features li a{
		border:0px solid cyan;
		margin-left:-70px;
		color:#333;
		height:30px;
		padding:6px 10px 6px 35px;
		background:url(../images/graphic_elements/client_bullet_off.gif) left no-repeat;
	}
	.features li a:hover{
		color:#333;
		height:30px;
		padding:6px 10px 6px 35px;
		background:url(../images/graphic_elements/client_bullet_on.gif) left no-repeat;
	}
		#featureList{border-top:1px solid #e7e8e8; margin-top:10px;}

.productImage{
	float:right;
	margin:5px 0 0 15px;
}
.modalText{
	border:0px solid green;
	float:left;
	width:300px;
	margin:10px 0 0 30px;
}
	.modalText p{
	width:350px;	
	line-height:14px;
	font-size:12px;
	}
.visitSite{
	height:36px;
	float:left;
	margin:10px 0 0 20px;
	width:175px;
	text-indent:-5000px;
	background:url(../images/graphic_elements/visitsite_off.gif) no-repeat;
}
	.visitSite:hover{
		background:url(../images/graphic_elements/visitsite_on.gif) no-repeat;
	}