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

html body {	
	margin:0px;
	font-family: Arial, "Lucida Sans Unicode", "Lucida Sans", "Lucida Console"; /*Arial, Verdana, Helvetica, sans-serif;*/
	font-size:12px;
	color:#000000;
	padding:0px;
	background-color:#FFFFFF;
}


p, h1, h2, h3, h4, h5, h6, ul, li, table, td, th, tr, form, input, img, button, hr {
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

#container {
	position:relative;
	width:100%;
}

	#topBg {
		position:relative;
		float:left;
		width:100%;
		height:104px;
		background: url(../images/topBg.jpg) top left repeat-x;
	}
	
			#logoHolder {	
				position:relative;
				width:930px;
				margin-left:auto;
				margin-right:auto;
			}
			
			#logo {
				position:relative;
				float:right;
				color:#FFFFFF;
				padding-top:25px;
			}

	#blueBar {
		position:relative;
		float:left;
		background-color:#77a2ce;
		width:100%;
		height:13px;
	}
	
	#phone {
		position:relative;
		float:left;
		width:100%;
		height:26px;
		background-color:#1d64ad;
	}
	
			#contactHolder {
				position:relative;
				margin-left:auto;
				margin-right:auto;
				width:930px;
			}
		
			#contactText {
				position:relative;
				float:right;
				color:#FFFFFF;
				font-size:14px;
				font-weight:bold;
				padding-top:5px;
			}
			
	#mainPageContainer {
		position:relative;
		width:100%;
	}
	
		#mainPageHolder {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			width:930px;
		}
			#leftCol {
				position:relative;
				float:left;
				width:200px;
			}
			
	#breadcrumb {
		position:relative;
		float:left;
		width:683px; /* was 698px before adding 15px left padding*/
		margin-left:32px;
		background-color:#dde8f3;
		height:19px;  /* was 23px before adding 5px top padding*/
		margin-top:15px;
		padding-top:4px;
		padding-left:15px;
	}
		#breadcrumb span {
			display:inline;
			color:#4a83bd;
			font-size:12px;
		}
		
		#breadcrumb ul.breadcrumb {
			list-style:none;
			display:inline;		
		}
		
		#breadcrumb ul.breadcrumb li {
			display:inline;
			color:#4a83bd;
		}
		
		#breadcrumb ul.breadcrumb li a:link, #breadcrumb ul.breadcrumb li a:visited {
			text-decoration:none;
			color:#4a83bd;
		}
					
		#breadcrumb ul.breadcrumb li a:active, #breadcrumb ul.breadcrumb li a:hover {
			text-decoration:underline;
			color:#4a83bd;
		}
			
	#mainText {
		position:relative;
		float:left;
		width:698px;
		padding-left:32px;
		padding-top:15px;
	}
	
		#mainText h1 {
			font-size:24px;
			font-weight:normal;
			padding-bottom:15px;
			color:#4a83bd;
		}
					
		#mainText p {
			font-size:12px;
			font-weight:normal;
			padding-bottom:17px;
			line-height:16px;
			color:#333333;
		}
		
		#mainText p.blue {
			color:#4a83bd;
			font-size:16px;
			line-height:20px;
		}
		
		#mainText ul li.normal {
			padding-bottom:10px;
			/*list-style:url(../images/bullet_blue.gif);*/
			background:url(/images/bullet_blue.gif) top left no-repeat;
			padding-left:20px;
			list-style:none;
		}
		
		#mainText ul li.first {
			margin-bottom:10px;	
		}
		
		#mainText ul ul li {
			padding-bottom:10px;	
		}
	
			#text {
				position:relative;
				float:left;
				width:459px; /* was 491px before adding padding */
				margin-right:32px;
			}
			
			#mainText ul li {
				line-height:16px;
			}
			
			#hooks {
				position:relative;
				float:left;
				width:207px;
			}
			
				#pic {
					margin-bottom:15px;
				}
				
				#pic:hover {
					cursor:pointer;
				}

				#hooks #hookText1 {
					position:absolute;
					top:107px;  /* was 115px */
					left:0px;
					height:31px; /* was 31px before top margin of 9px on p tag*/
					width:173px;
					background:url(../images/hookBg.gif) no-repeat;
				}
				
					#hooks #hookText1 p {
						margin-top:9px;
						margin-left:12px;
					}
					
					#hooks #hookText1 p a:link, #hooks #hookText1 p a:visited {
						text-decoration:underline;
						color:#FFFFFF;
						font-size:14px;
					}
					
					#hooks #hookText1 p a:active, #hooks #hookText1 p a:hover {
						text-decoration:underline;
						color:#FFFFFF;						
						font-size:14px;
					}
				
				#hooks #hookText2 {
					position:absolute;
					top:263px;
					left:0px;
					height:31px;  /* was 31px before top margin of 9px on p tag*/
					width:173px;
					background:url(../images/hookBg.gif) no-repeat;
				}
				
					#hooks #hookText2 p {
						margin-top:9px;
						margin-left:12px;
					}
				
					#hooks #hookText2 p a:link, #hooks #hookText2 p a:visited {
						text-decoration:underline;
						color:#FFFFFF;
						font-size:14px;
					}
					
					#hooks #hookText2 p a:active, #hooks #hookText2 p a:hover {
						text-decoration:underline;
						color:#FFFFFF;						
						font-size:14px;
					}
				
				#hooks #hookText3 {
					position:absolute;
					top:419px;  /* was 419px */
					left:0px;
					height:31px;  /* was 31px before top margin of 9px on p tag*/
					width:173px;
					background:url(../images/hookBg.gif) no-repeat;
				}
				
					#hooks #hookText3 p {
						margin-top:9px;
						margin-left:12px;
					}
				
					#hooks #hookText3 p a:link, #hooks #hookText3 p a:visited {
						text-decoration:underline;
						color:#FFFFFF;
						font-size:14px;
					}
					
					#hooks #hookText3 p a:active, #hooks #hookText3 p a:hover {
						text-decoration:underline;
						color:#FFFFFF;						
						font-size:14px;
					}
					
			#map {
				position:relative;
				float:left;		
				width:698px;
			}
			
			#contact {
				position:relative;
				float:left;		
				width:698px;
			}
			
				#details {
					position:relative;
					float:left;
					width:300px;
				}
				
					#details a:link, #details a:visited {
						text-decoration:underline;
						color:#5b7a98;
					}
					
					#details a:active, #details a:hover {
						text-decoration:none;
						color:#5b7a98;
					}
			
					/* contact form styling */
						.formContainer {
							position:relative;
							float:left;
							width:323px;  /* was 383px */
							background-color:#9abada; /* was #dde8f3 */
							margin-left:15px;  /* was 50px */
							padding-left:60px;
							/*margin-top:-24px;*/
						}
				
						.formContainer table {
							margin:10px;
						}
						
						.formContainer table tr td.left {
							width:98px;
						}
						
						.formContainer table tr td.right {
							width:200px; /* was 400px */
						}
						
						.formContainer table input {
							border:1px solid #CCCCCC;
							width:150px;  /* was 200px */
							margin-bottom:2px;
							margin-top:2px;
							padding-bottom:3px;
						}
						
						.formContainer table label {
							margin-bottom:5px;
							font-weight:bold;
							color:#FFFFFF;
						}
						
						.formContainer table textarea {
							border:1px solid #CCCCCC;
							width:150px;  /* was 200px */
							margin-bottom:5px;
							margin-left:17px;
						}
						
						.formContainer table input.btn {
							border:1px solid #1d64ad;
							background-color:#exebf0;
							color:#44366f;
							width:152px;
						}	
						
						form#contact {
							position:relative;
							float:left;
							width:323px;
						} 	
				
				
					/* end of contact form styling */
	
	#nav {
		position:relative;
		float:left;
		width:200px;
		padding-top:15px;
	}
				
			#nav ul {
				list-style:none;
				list-style-type:none;
				font-weight:normal;
				font-size:14px;
				color:#5b7a98;
				background-color:#dde8f3;
				margin:0px;
				padding-top:0px;
				padding-bottom:35px;
			}
			
				#nav ul li {
					padding-left:18px;
					margin-left:0px;
					padding-top:5px;
					padding-bottom:5px;
					clear:both;
				}
				
					#nav ul li.last {
						border-bottom:none;
						padding-bottom:5px;
					}
					
					#nav ul li a:link, #nav ul li a:visited {
						text-decoration:none;
						color:#5b7a98;
					}
					
					#nav ul li a:active, #nav ul li a:hover {
						text-decoration:none;
						color:#5b7a98;
					}
					
					#nav ul li.on {
						text-decoration:none;
						/*background: #94cbe5;*/
						background:url(../images/blueNavBg.jpg) top left repeat-x;
					}
					
					#nav ul li.on a:visited {
						color:#ffffff;
					}
					
					#nav ul li.on a:hover, #nav ul li.on a:active, #nav ul li.on a:link {
						color:#ffffff;
					}
					
					#nav ul ul.bullet li a:visited, #nav ul ul.bullet li a:active, #nav ul ul.bullet li a:link, #nav ul ul.bullet li a:hover {
						color:#5b7a98;
					}
					
					
							/* sub nav styling */
								
							#nav ul.bullet {
								list-style:none;
								list-style-type:none;
								font-size:14px;
								color:#2385b3;
								margin-top:0px;
								margin-bottom:-0px;
								padding:0px;
								
							}
								
							#nav ul.bullet li {
								padding-left:40px;  /* was 18px */
								padding-top:4px;
								padding-bottom:0px;
								display:inline-block;
							}
								
							/*#nav ul.bullet li.selected {
								text-decoration: none;
								background:url(../images/blueNavBg.jpg) top left repeat-x;
							}*/
							
							/* end of sub nav styling */
					
	#clientsSay {
		position:relative;
		float:left;
		width:200px;
		background-color:#9abada;
	}
	
		#clientsSay h2 {
			font-size:16px;
			color:#ebf1f8;
			padding-left:15px;
			padding-top:10px;
		}
		
		#clientsSay p {
			color:#6a747f;
			padding:15px;
			padding-top:10px;
		}
		
		#clientsSay:hover {
			cursor:pointer;
		}
		
	#mailingList {
		position:relative;
		float:left;
		width:200px;
		background-color:#dde8f3;
		padding-top:30px;
		padding-bottom:10px;
	}
	
		#mailingList h2 {
			font-size:16px;
			color:#437ebb;
			padding-left:15px;
			padding-bottom:5px;
		}
		
		#mailingList p {
			color:#6a747f;
			padding:15px;
			padding-top:10px;
		}
		
			button {
				background:#dde8f3;
				border:none;
				margin:0px;
				padding:0px;
				/*padding-left:131px;*/
				margin-left:130px;
				padding-top:7px;
				margin-bottom:0px;
			}
			
			button:hover {
				cursor:pointer;
			}
			
			input {
				border:solid 1px #999999;
				margin-left:17px;
				width:152px;
			}
			
	#footerBar {
		position:relative;
		float:left;
		width:100%;
		background-color:#77a2ce;
		height:19px;
		margin-top:15px;
		margin-bottom:10px;
	}
	
	#footerText {
		position:relative;
		width:930px;
		margin-left:auto;
		margin-right:auto;
	}
	
		#footerText ul {
			list-style:none;
			text-align:center;
		}
		
		#footerText ul li {
			display:inline;
			font-size:10px;
			font-weight:bold;
			color:#a1a1a1;
			padding-right:4px;
		}
		
		#footerText ul li a:link, #footerText ul li a:visited {
			text-decoration:none;
			color:#a1a1a1;
		}
			
		#footerText ul li a:active, #footerText ul li a:hover {
			text-decoration:underline;
			color:#a1a1a1;
		}
		
		#footerText p {
			text-align:center;
			font-size:10px;
			font-weight:bold;
			color:#a1a1a1;
			padding-top:5px;
		}