@import url("reset.css");
@import url("form.css");

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body {
	background: #b0b0b0;
   	height: 100%;
}

td {
	padding: 2px 0;
}

pre {
	font-family: "Courier New", Courier, monospace;	
}

h1, h1 em {
	color: #007198;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
	
	h1 em {
		font-style: italic !important;
	}

/* Container Section */

#container {
	height: 100%;
}

/* Navigation Section */

#navigation {
	float: left;
	height: 100%;
	padding-bottom: 300px;
	overflow: hidden;
	width: 215px;
}

	#navigation ul {
		margin: 30px 0 0 10px;			
	}
	
		#navigation ul li {
		}
			
			#navigation ul li a {
				background: url(../images/nav-level1-off.gif) no-repeat left 50%;
				color: #004655;
				display: block;
				margin: 0 10px;
				padding: 3px 15px;
				text-transform: lowercase;
			}

				#navigation ul li a:hover, #navigation ul li a.selected {
					background: url(../images/nav-level1-on.gif) no-repeat left 50%;
					color: #007198;
				}

			#navigation ul li ul {
				margin: -3px 0 -3px 15px;
			}
			
				#navigation ul li ul li {
				}
					
					#navigation ul li ul li a {
						background: url(../images/nav-level2-off.gif) no-repeat left 50%;
					}
		
						#navigation ul li ul li a:hover, #navigation ul li ul li a.selected {
							background: url(../images/nav-level2-on.gif) no-repeat left 50%;
						}

/* Content Section */

#content {
	float: right;
	height: 100%;
	margin: 0 20px 0 10px;
	width: 550px;
}

	#content #header {
		margin-bottom: 10px;
	}


/* Footer Section */

#footer {
	clear: both;
	margin: 20px 0;
    width: 100%;
}

	#footer h6 {
		color: #003F58;
		font-weight: bold;
	}

	#footer div {
		margin: 20px 0;
	}

		#footer div a img:hover {
			opacity: .50;
			filter: alpha(opacity=50); 
			-moz-opacity: 0.5;
		}
		
	#footer p {
		clear: both;
		margin-top: 20px;

		text-align: center;
	}
		
		#footer p span {
			color: #003F58;
			font-size: 9px;
			margin: 0 2px;
		}
	
		#footer p a {
			color: #003F58;
			font-size: 9px;
			text-decoration: underline;
			text-transform: lowercase;
		}
		
			#footer p a:hover  {
				text-decoration: none;
			}

	#footer p.info {
		text-align: right;
	}
		
		#footer p.info a {
			margin-left: 20px;
			text-transform: none;
		}

/* Home Page */


#side {
	float: right;
	width: 312px;
}
			
/* Site Content Section */

#site-content {
	background: #fff;
	position: relative;
}

	#site-content h2 {
		font-size: 1.3em;
		margin-bottom: 10px;
	}

	#site-content p {
		color: #007198 !important;
		line-height: 1.5em;
		margin-bottom: 1em;
		text-align: justify;
	}
	
	#site-content p strong {
		color: #003F58 !important;		
	}

	#site-content ul {
		list-style: url(../images/list.gif) outside disc !important;
		margin-bottom: 10px;
	}
	
		#site-content ul li {
			float: none !important;
			line-height: 1.5em;
			padding: 2px 0 !important;
			margin: 0 0 0 20px !important;
			text-align: justify;
		}

	#site-content a {
		color: #007198;
		text-decoration: underline;
	}

		#site-content a:hover {
			text-decoration: none;
		}

	#site-content div.image-left {
		float: left;
		padding: 0 10px 0 0;
	}

	#site-content div.image-right {
		float: right;
		padding: 0 0 0 10px;
	}

	#site-content #site-images {
		width: 300px;
	}
	
		#site-content #site-images ul {
			list-style: none !important;
		}

			#site-content #site-images ul li {
				clear: none !important;
				float: left !important;
				padding: 0 !important;
				margin: 7px 0 0 !important;
				width: auto !important;
			}
			
			#site-content #site-images ul li.middle {
				padding: 0 7px !important;
			}
			
				#site-content #site-images ul li img {
					cursor: pointer;
				}
				
				#site-content #site-images ul li img:hover {
					opacity: .50;
					filter: alpha(opacity=50); 
					-moz-opacity: 0.5;
				}
			
	#site-content ul.inline-images {
		list-style: none !important;
		margin: 0 auto 10px !important;
		overflow: hidden;
		text-align: center;
	}
	
		#site-content ul.inline-images li {
			float: left !important;
			margin: 0 !important;
		}
		
			#site-content ul.inline-images li.middle {
				padding: 0 70px !important;
			}
	
/* Service List Section */

#service-list ul {
	list-style: url(../images/list.gif) outside disc !important;
	margin-bottom: 10px;
}

	#service-list ul li {
		float: none !important;
		line-height: 1em;
		padding: 2px 0 5px !important;
		margin: 0 0 0 20px !important;
		text-align: justify;
	}

	#service-list ul li a {
		color: #007198;
		text-decoration: underline;
	}
	
		#service-list ul li a:hover {
			text-decoration: none;
		}
	
/* News Section */	

ul.news {
}

	ul.news li {
		border-bottom: 2px #007198 solid;
		float: left;
		margin: 10px 15px 10px 0;
		padding-bottom: 5px;
		text-align: left;
		width: 100%;
	}
	
		ul.news li strong {
			color: #003F58;
			display: block;
			margin-bottom: 5px;
		}
		
		ul.news li p {
			color: #007198;
			text-align: justify;
		}
		
			ul.news li p a {
				color: #007198 !important;
				margin-bottom: 2px;
				padding-left: 10px;
				text-decoration: underline;
			}	
		
				ul.news li p a:hover {
					text-decoration: none;
				}	
		
		ul.news li em {
			color: #003F58;
			float: right;
			font-size: 10px;
		}

/* News Show Section */

div.newsShow {
}
	
	div.newsShow p {
		text-align: justify;
	}

		div.newsShow p img {
			float: right;
			padding: 0 0 0 10px;
			width: 302px;
		}

	div.newsShow em {
		display: block;
		margin: 10px 0;
		text-align: right;
	}

/* Testimonials Section */	

ul.testimonials {
}

	ul.testimonials li {
		border-bottom: 2px #007198 solid;
		float: left;
		margin: 10px 15px 10px 0;
		padding-bottom: 5px;
		text-align: left;
		width: 100%;
	}
	
		ul.testimonials li strong {
			color: #003F58;
			display: block;
			margin-bottom: 5px;
		}
		
		ul.testimonials li p {
			color: #007198;
			text-align: justify;
		}
		
			ul.testimonials li p a {
				color: #007198 !important;
				margin-bottom: 2px;
				padding-left: 10px;
				text-decoration: underline;
			}	
		
				ul.testimonials li p a:hover {
					text-decoration: none;
				}	
		
		ul.testimonials li em {
			color: #003F58;
			float: right;
			font-size: 10px;
		}
		
/* Testimonial Show Section */

div.testimonialShow {
}
	
	div.testimonialShow p {
		text-align: justify;
	}

		div.testimonialShow p img {
			float: right;
			padding: 0 0 0 10px;
			width: 302px;
		}

	div.testimonialShow em {
		display: block;
		margin: 10px 0;
		text-align: right;
	}		

/* Links Section */

#links ul {
	margin-bottom: 10px;
}

	#links ul li {
		float: none !important;
		margin-bottom: 10px;
	}

		#links ul li p {
			color: #007198;
			line-height: 18px;
			text-align: justify;
		}
	
			#links ul li p a {
				color: #007198;
				text-decoration: underline;
			}
			
				#links ul li p a:hover {
					text-decoration: none;
				}

/* Home Page Case Studies Rotater */

div#homeCaseStudies {
	float: left;
	overflow: hidden;
	width: 270px;
}

	div#homeCaseStudies .caseStudiesRotater {
		display: none;
		height: 112px;
		margin: 0 0 10px;
		position: relative;
		width: auto;		
	} 
		
		div#homeCaseStudies div.caseStudiesRotater div {
			left: 0;			
			position: absolute;
			top: 0;
			z-index: 1;
		}
		
			div#homeCaseStudies div.caseStudiesRotater div.firstItem {
				z-index: 2;
			}
	
		div#homeCaseStudies div.caseStudiesRotater div h3 {
			color: #003F58;
			font-weight: bold;
			padding-bottom: 10px;
			text-align: left;
		}
		
		div#homeCaseStudies div.caseStudiesRotater div p {
			color: #007198;
			text-align: justify;
		}
		
			div#homeCaseStudies div.caseStudiesRotater div p a {
				color: #007198; 
				text-decoration: underline;
			}
			
				div#homeCaseStudies div.caseStudiesRotater div p a:hover {
					text-decoration: none;
				}
	
		div#homeCaseStudies div.caseStudiesRotater div em {
			color: #003F58; 
			display: block;
			font-size: 11px;
			padding-top: 10px;
			text-align: right;
		}

/* Home Page News Rotater */

div#homeNews {
	float: right;
	overflow: hidden;
	width: 270px;
}

	 div#homeNews div.newsRotater {
		display: none;
		height: 112px;
		margin: 0 0 10px;
		position: relative;
		width: auto;
	}
		
		div#homeNews div.newsRotater div {
			left: 0;			
			position: absolute;
			top: 0;
			z-index: 1;
		}
		
			div#homeNews div.newsRotater div.firstItem {
				z-index: 2;
			}
	
		div#homeNews div.newsRotater div h3 {
			color: #003F58;
			font-weight: bold;
			padding-bottom: 10px;
			text-align: left;
		}
		
		div#homeNews div.newsRotater div p {
			color: #007198;
			text-align: justify;
		}
		
			div#homeNews div.newsRotater div p a {
				color: #007198; 
				text-decoration: underline;
			}
			
				div#homeNews div.newsRotater div p a:hover {
					text-decoration: none;
				}
	
		div#homeNews div.newsRotater div em {
			color: #003F58; 
			display: block;
			font-size: 11px;
			padding-top: 10px;
			text-align: right;
		}
	
/* Image Rorater */

div#rotater {
	float: right;
	height: 199px;
	overflow: hidden;
	width: 302px;
}

div.imageRotater {
		position: relative;
}
	
	div.imageRotater img {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	
		div.imageRotater img.firstItem {
			z-index: 2;
		}

/* Misc Section */

.no-border {
	border: none !important;
}

#centerise {
	background: #fff url(../images/nav-bg.jpg) no-repeat bottom left;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0 0;
	width: 800px;
}

a#back {	
	display: inline-block;
	background: #007198;
	border: 1px #007198 solid;
	color: #fff;
	padding: 3px 6px;	
}

	a#back:hover {
		color: #fff;
		background: #004655 !important;
	}

/* Contact Us Form */

ul#navContactUs {
	margin: 0;
	padding: 0;
}

	p#navContactUs {
		color: #007198;
		margin: 3px;
	}
	
		p#navContactUs strong {
			color: #003F58;
		}