
		#container {
			width: 760px;
			margin: 0 auto;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 1.6em;
			color: #666;
			background-color: #fff;
		}
		


html { margin: 0px; padding: 0px; }
body
	{
	margin: 20px;
	padding: 0px;
	background-color: #fff;
	}
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}
.clear { clear: both;} /* NN4 */
/*/*/ .clear { display: none; } /* */





		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 32px;
			color: #CC6633;
			margin-bottom: 30px;
			background-color: #FFF;
		}
		
		h2 {
			color: #666666;
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			margin-top: 8px;
		}
		
		h3 {
			color: #231E72;
			font-size: 15px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #FFF;
			margin-top: 8px;
		}
		
		a {
			color:#231E72;
			text-decoration: none;
		}

		a:hover {
			color:#444;
		}

		
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 2px solid #fff;
			padding-top: 0px;
			clear: both;
			margin-bottom: 0px;
		}
		

		/* the slogan */
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			color: #999999;
		}



/* NAVIGATION ELEMENTS */
	

#nav {
		margin:0;
		padding:0;
		background:#0054a5 url(nav_bg.jpg) 0 0 repeat-x; 
		width:100%;
		float:left;
		border:1px solid #42432d;
		border-width:1px 0;
	}
	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:#C1BEEE;
		background:#0054a5;
		padding:20px 11px 4px 7px;
		float:left;
		width:auto;
		border-right:1px solid #42432d;
		text-decoration:none;
		font:bold 1em/1em Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		text-shadow: 2px 2px 2px #555;
	}
	#nav a:hover {
		color:#fff;
		background:#75889a;
	}
	#nav li:first-child a {
		border-left:1px solid #ccc;
	}
	#services #nav-services a,
	#faqs #nav-faqs a,
	#samples #nav-samples a,
	#pricing #nav-pricing a,
	#terms #nav-terms a,
	#contact #nav-contact a,
	#home #nav-home a {
		background:#231E72;
		color:#fff;
		text-shadow:none;
	}
	#services #nav-services a:hover,
	#faqs #nav-faqs a:hover,
	#samples #nav-samples a:hover,
	#pricing #nav-pricing a:hover,
	#terms #nav-terms a:hover,
	#contact #nav-contact a:hover,
	#home #nav-home a:hover {
		background:#231E72;
	}
	#nav a:active {
		background:#231E72;
		color:#fff;
	}



/* NAVIGATION ELEMENTS */

#topnavigation {background: #231E72 url(images/nav_bg_bor.gif);} 
#topnavigation h3 {position:absolute;width:0;height:10px;top:-3000px}
#topnavigation ul {margin:0;padding:0;height:25px; clear: both;}
#topnavigation li {list-style:none;display:inline;font-size:85%;font-weight:bold; float:left;
background-image: url(images/nav_bg.gif);
	background-repeat: repeat-x;}
#topnavigation li a {
	color:#fff;
	text-decoration:none;
	float:left;
	font-size: 125%;
	padding:5px 16px 0px;
	height:25px;
	background-image: url(images/nav_divider.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#topnavigation .first a {
	color:#fff;
	text-decoration:none;
	float:left;
	padding:5px 8px 0px;
	height:20px;
	background:none !important;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#topnavigation li a:hover {
	background-image: url(images/nav_bg_hov.gif);
	background-repeat: repeat-x;
	color: #fff;
	font-size: 125%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #76857e;
}

#topnavigation .first a:hover {
	color: #6AFF89;
}


#leftbar
	{
	float: left;
	width: 150px;
	margin-left: 0;
	margin-top: 10px;	
	padding-left: 10px;
	}
	
	html #leftbar
	{
	display: inline;
	}

#navigation ul {
		 	margin-top: 20px;
		}

		 #navigation ul {
		 	margin-left: 0;
			padding-left: 0;
			list-style-type: none;		
			width: 140px;
		}

		#navigation a {
			display: block;
			background-color: #76857e;
			color: #fff;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a:link, #navlist a:visited {
			background-color: #76857e;
			color: #fff;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #000000 url(arrow.gif) 96% 50% no-repeat;
			background-color: #000;
			color:#fff;
		}
		


/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		
/* CONTENT ELEMENTS */



		#content {
			width: 350px;
			margin-left: 170px;
			margin-right: 175px;
			margin-top: 10px;
		}



#content p {
			margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
		}


#contentfull {
			width: 670px;
			margin-left: 3px;
			margin-right: 2px;
			margin-top: 10px;
		}



#contentfull p {
			margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
		}


/* SIDEBAR ELEMENTS */



		#sidebar {
			float: right;
			width: 175px;
			margin-top: 10px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
	
		}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			background-color:#0054a5;
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
			color:#fff;
			padding: 1px;
		}
		
		#footer p a {
			color: #fff;
			border-bottom: 1px dotted #89817f;
			padding: 2px;
		}
		
		#footer p a:hover {
			color: #584FCD;
			background-color:#fff;
			padding: 2px;
		}

.imgright {
	float: right;
	padding:1em;
}

.imgleft {
	float: left;
	padding:1em;
}

.poppic{
position: relative;
z-index: 0;
}

.poppic:hover{
background-color: transparent;
z-index: 50;
}

.poppic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.poppic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.poppic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.brand {
	display:none;
}