/* CSS Document */

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

body {
	background: #fff;
}

#left-col ul {
	margin-left:25px;
}
#container {
	width: 960px;
	margin: 0px auto;
}

#top-header {
	width: 960px;
}

#header-logo {
	width: 404px;
	height: 121px;
	float: left;
	background: url(../images/top-logo.jpg) no-repeat;
}

#top-nav-container {
	width: 550px;
	height: 121px;
	float: right;
	background: url(../images/top-nav-bg.jpg) no-repeat;
}

#nav {
	list-style: none;
	color: #000;
}
	
		#nav li {
			float: left;
		}
		
		#nav li a {
			display: block;
			background: none;
			color: #000;
			text-decoration: none;
			width: 110px;
			padding: 57px 0 50px 0;			
			font-size: 11px;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif bold;
			text-align: center;	
		}
		
		#nav li a:hover {
			background: transparent url(../images/top-nav-hover.png) no-repeat 0 25px!important;
			background: url(../images/top-nav-hover.jpg) no-repeat 0 24px;
			color: #fff;
		}
				#nav .nav-right-cnr a:hover {
					background: transparent url(../images/top-nav-hover.png) no-repeat 0 25px!important;
					background: url(../images/top-nav-hover-right-edge.jpg) no-repeat 0 24px;
				}
				
					#nav .nav-left-cnr a:hover {
						background: transparent url(../images/top-nav-hover.png) no-repeat 0 25px!important;
						background: url(../images/top-nav-hover-left-edge.jpg) no-repeat 0 24px;
				}
				/* ACTIVE STYLES - THERE IS A SEPARATE STYLE FOR THE LEFT AND RIGHT LINKS DUE TO ROUNDED CNRS */
				.nav-active {
					background: transparent url(../images/top-nav-hover.png) no-repeat 0 25px!important;
					background: url(../images/top-nav-hover.jpg) no-repeat 0 24px;
				}
				.nav-active-left {
						background: transparent url(../images/top-nav-hover.png) no-repeat 0 25px!important;
						background: url(../images/top-nav-hover-left-edge.jpg) no-repeat 0 24px;
				}
				
				.nav-active-right {
						background: transparent url(../images/top-nav-hover.png) no-repeat 0 25px!important;
						background: url(../images/top-nav-hover-right-edge.jpg) no-repeat 0 24px;
				}
				#nav li.nav-active a, #nav li.nav-active-left a, #nav li.nav-active-right a {
					color:#fff;
				}

#header {
	float: left;
	width: 960px;
	height: 275px;
	background: url(../images/home-header.jpg) no-repeat;
	margin-bottom: 20px;
	clear: both;
}

#header-clients {
	float: left;
	width: 960px;
	height: 275px;
	background: url(../images/clients-header.jpg) no-repeat;
	margin-bottom: 20px;
	clear: both;
}

#header-services {
	float: left;
	width: 960px;
	height: 275px;
	background: url(../images/services-header.jpg) no-repeat;
	margin-bottom: 20px;
	clear: both;
}







#header-flash {
	float: left;
	width: 960px;
	height: 275px;
	background: #ffffff;
	margin-bottom: 20px;
	clear: both;
}

#content {
	margin: 0px;
	padding: 0px;
}
/* LEFT COL STYLES */
#left-col {
	float: left;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
}

	#left-col p {
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 12px 0;
		color: #333;
	}
	#left-col ul {
		margin-left:25px;
	}

.paragraph-padding {
		padding: 0 0 0 15px;
	}
	
.blue-gradient-box {
	width: 344px;
	background: #B4DEEE url(../images/blue-gradient-box-tile.jpg) repeat-y;
	float: left;
	margin-right: 16px!important;
	margin-right: 12px;
}

	.blue-gradient-box-content {
		width: 314px!important;
		width: 314px;
		background: url(../images/blue-gradient-box-btm.jpg) no-repeat bottom left;
		padding: 0 15px 30px 15px;
		height: 200px;
	}
	
	.custom01 {
		background: url(../images/blue-gradient-box-btm-custom01.jpg) no-repeat bottom left!important;
	}
	.custom01 a {
		text-decoration:none;
		color:#000000;
	}
	.custom01 a:hover {
		text-decoration:underline;
	}				
	.blue-gradient-box-content p {
					font-size: 12px;
					line-height: 18px;
					margin-bottom: 12px;
					color: #333;
				}
				
				.blue-gradient-box-content ul {
					list-style: none;
					font-size: 12px;
					color: #333;
				}
				
				.blue-gradient-box-content ul li {
					padding: 10px 0px;
				}
								
				.txt-color-green {
					color: #7BA901;
					font-size: 16px;
					font-weight: bold;
				}
				
				.display-box {
					width: 75px;
					height: 75px;
					float: left;
					padding: 0px 1px 18px 2px;
				}
				
				.display-box img {
					margin: 0 auto;
					text-align: center;
				}
	
	.box-title {
		background: url(../images/blue-gradient-box-top-cnrs.jpg) no-repeat top left;
		margin: 0;
		padding: 30px 15px;
		clear:both;
	}
	
	.content-title {
		margin: 0;
		padding: 30px 15px;
		clear:both;
	}
	
				.box-title h1, .content-title h1 {
					font-size: 16px;
					font-style: italic;
					font-weight: bold;
					color: #183370;
					border-bottom: 1px solid #A0D4EA;
				
				}
				h2 {
					font-size: 14px;
					font-style: italic;
					font-weight: bold;
					color: #183370;
					margin-bottom:10px;
				}
				
				.box-title span, .content-title span {
					float: right;
					display: inline;
					background: url(../images/arrow-icon.jpg) no-repeat top right;
					padding: 0px 12px 5px 0px;
				}
				
				.box-title a, .content-title a {
					font-size: 10px;
					font-weight: bold;
					color: #333;
					text-decoration: none;
				}
				
				.box-title a:hover, .content-title a:hover {
					text-decoration: underline;
				}
				
		#contactForm {
			margin-left:25px;
		}
			#contactForm table td {
				font-size:12px;
			}
			#contactForm table span {
				color:#FF0000;
				font-size:10px;
				text-transform:lowercase;
			}
				/* END LEFT COL STYLES */
				
/* START RIGHT COL STYLES */
#right-col {
font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 230px;

}

		#tall-banner {
			width: 230px;			
			background: url(../images/right-col-mid-tile.jpg) repeat-y top left;
		}
		
			.tall-banner-title {
				height: 58px;
				background: url(../images/right-col-top-cnrs.jpg) no-repeat;
			}
			
				.tall-banner-title h1 {					
					font-size: 18px;
					font-weight: bold;
					color: #fff;
					padding: 10px 10px 0 15px;				
				}
					.tall-banner-content h2 {					
					font-size: 14px;
					font-weight: bold;
					color: #80AA00;
					padding: 0 10px 2px 15px;
				}
					
					.tall-banner-content p {
						color: #333;
						font-size: 11px;
						padding: 5px 10px 5px 15px;	
					}
			
			.tall-banner-content {
						text-align: center;		
			}
			
			.tall-banner-footer {
				background: url(../images/right-col-btm-cnrs.jpg) no-repeat;
				height: 25px;				
			}
			/* END RIGHT COL STYLES */
			
/* START FOOTER STYLES */				
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/footer-tile-bdr.jpg) repeat-x top left;
	padding: 10px;
	width: 940px!important;
	width: 960px;
	float: left;
}

#footer p {
	text-align: right;
	font-size: 10px;
	color: #333;
	clear: both;
	padding-top: 10px;
}

	#footer ul {
		list-style: none;
	}
	
	#footer ul li {
		float: right;
		font-size: 10px;
		
	}
	
	#footer ul li a, #footer p a {
		color: #333;
		text-decoration: underline;
	}
	
		#footer ul li a:hover, #footer p a:hover {
		text-decoration: none;
	}
	
	/* END FOOTER STYLES */