/* CSS Document */
* {
		margin: 0;
		padding: 0;
	}
	body {
		background-image:url(template/background.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		text-align:center;	
	}
	h1 {
		font-family: "Times New Roman", Times, serif;
		font-size :40px;
		color: #0D353D;
		font-weight: bold;
		line-height:40px;
		margin-bottom: 20px;	
	}
	h2 {
		font-family: Arial;
		font-size :20px;
		color: #68A917;
		font-weight: bold;
		margin-bottom:10px;
		line-height: 26px;
	}
	h3 {
		font-family: Arial;
		font-size :14px;
		color: #68A917;
		font-weight: bold;
		line-height: 20px;
	}
	#container{
		margin-left: auto;
		margin-right: auto;
		width: 931px;
		text-align: left;
		position: relative;
	}
	#header{
		height:151px;	
	}
	#photobar {
		height:183px;				
	}
	#photoholder {
	  background-image:url(userimages/rotatingheader/photobar1.jpg); 
	  background-repeat:repeat-x; 
	  background-position: top left;
	  height:183px;
	  overflow:hidden;
	  width:931px;
	  text-align:left;
	  z-index:1;
	}
	#spacerbelowphotobar {
		height:10px;
	}
	#menubar {
		height:37px;
		background-image:url(template/menubar_bg.jpg);
		background-position: top left;
		background-repeat: repeat-x;
	}
	#body {
		margin-top: 20px;	
	}
	#leftcolumn {
		width: 512px;
		float: left;
		position: relative;
		display: block;
		font-family: Arial;
		font-size :12px;
		color: #464749;
		line-height:18px;
	}
	#rightcolumn {
		width:368px;
		float: right;
		position: relative;
		display: block;		
		text-align: left;
	}
	#copyright {
		clear: both;
		border-top: 1px solid #B2B2B2;
		padding-top: 20px;
		height: 62px;
		font-family: Arial;
		font-size :10px;
		color: #5A5B5E;
	}
		#copyright A, A:visited, A:hover{
			border-top: 1px solid #B2B2B2;
			font-family: Arial;
			font-size :10px;
			color: #5A5B5E;
			text-decoration:none;
			border:0;
		}
	#orderlogsonline{		
		position: relative;
		height:140px;
		background-image:url(template/order_logs.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		padding : 55px 20px 0px 20px;
		margin-bottom: -40px;		
	}
			#orderlogsonline TD {
				font-family: Arial;
				font-size :12px;
				color: #0B353B;
				line-height:18px;		
			}
			#orderlogsonline .title {
				padding-left: 35px;
				font-family: "Times New Roman", Times, serif;
				font-size :32px;
				font-weight: bold;
				color: #0D353D;		
			}
			#orderlogsonline A {
				font-family: Arial;
				font-weight: bold;
				font-size :12px;
				color: #0B353B;
				text-decoration: none;	
			}
			#orderlogsonline A:visited {
				font-family: Arial;
				font-weight: bold;
				font-size :12px;
				color: #0B353B;
				text-decoration: none;	
			}
			#orderlogsonline A:hover {
				font-family: Arial;
				font-weight: bold;
				font-size :12px;
				color: #0B353B;
				text-decoration: none;	
			}
	#servicesbox{
		height:206px;
		position: relative;
		background-image:url(template/services.jpg);
		background-position: top left;
		background-repeat: no-repeat;	
		font-family: Arial;
		font-size :16px;
		color: #FFFFFF;
		padding : 15px 20px 0px 20px;
		/*margin-bottom: -10px;*/
	}
		#servicesbox TD {
			font-family: Arial;
			font-size :16px;
			color: #FFFFFF;
			line-height:22px;		
		}
		#servicesbox .title {
			padding-left: 35px;
			font-family: "Times New Roman", Times, serif;
			font-size :32px;
			font-weight: bold;
			color: #0D353D;		
		}
		#servicesbox A {
			font-family: Arial;
			font-weight: bold;
			font-size :14px;
			color: #0D353D;
			text-decoration: none;	
		}
		#servicesbox A:visited {
			font-family: Arial;
			font-weight: bold;
			font-size :14px;
			color: #0D353D;
			text-decoration: none;	
		}
		#servicesbox A:hover {
			font-family: Arial;
			font-weight: bold;
			font-size :14px;
			color: #FFFFFF;
			text-decoration: none;	
		}
		#servicesbox A.services {
			font-family: Arial;
			font-weight: normal;
			font-size :16px;
			color: #FFFFFF;
			text-decoration: none;	
		}
		#servicesbox A.services:visited {
			font-family: Arial;
			font-weight: normal;
			font-size :16px;
			color: #FFFFFF;
			text-decoration: none;	
		}
		#servicesbox A.services:hover {
			font-family: Arial;
			font-weight: normal;
			font-size :16px;
			color: #FFFFFF;
			text-decoration: none;	
		}


	
	#casestudybox{
		height:188px;
		position: relative;
		background-image:url(template/case_study.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		padding : 25px 20px 0px 20px;

	}
	#casestudybox TD {
		font-family: Arial;
		font-size :12px;
		color: #FFFFFF;
		line-height:18px;		
	}
	#casestudybox .title2 {
		font-family: Arial;
		font-size :16px;
		color: #0D353D;
		line-height:24px;
		font-weight:bold;			
	
	}
	#casestudybox .title {
		padding-left: 35px;
		font-family: "Times New Roman", Times, serif;
		font-size :32px;
		font-weight: bold;
		color: #0D353D;		
	}
	#casestudybox A {
		font-family: Arial;
		font-weight: bold;
		font-size :12px;
		color: #0B353B;
		text-decoration: none;	
	}
	#casestudybox A:visited {
		font-family: Arial;
		font-weight: bold;
		font-size :12px;
		color: #0B353B;
		text-decoration: none;	
	}
	#casestudybox A:hover {
		font-family: Arial;
		font-weight: bold;
		font-size :12px;
		color: #0B353B;
		text-decoration: none;	
	}	
	#nptc{
		height: 50px;
		font-family: Arial;
		font-size :12px;
		color: #464749;
		line-height:18px;
	}
	ul {
		padding: 0;
		margin-left:18px;
		list-style-image:url(/template/green_bullet.gif);		
	}
	A { font-family: Arial;
		font-size :12px;
		color: #464749;
		line-height:18px;
		font-weight: bold;
		text-decoration: none;
	}
	A:visited { font-family: Arial;
		font-size :12px;
		color: #464749;
		line-height:18px;
		font-weight: bold;
		text-decoration: none;		
	}
	A:hover { font-family: Arial;
		font-size :12px;
		color: #68A917;
		line-height:18px;
		font-weight: bold;
		text-decoration: none;		
	}
	input {
		height:18px;
		font-family: Arial;
		font-size: 12px;
		color: #464749;
		margin-bottom: 2px;
		border: 1px solid #68A917;	
	}
	.submit {
		height:22px;
		font-family: Arial;
		font-size: 12px;
		color: #464749;
		margin-bottom: 2px;
		border: 1px solid #68A917;				
		padding: 2px;
		background-color: #68A917;
	}
	select {
		height:20px;
		font-family: Arial;
		font-size: 12px;
		color: #464749;
		margin-bottom: 2px;
		border: 1px solid #68A917;	
	}
	.textareaoutline {
		font-family: Arial;
		font-size: 12px;
		color: #464749;
		margin-bottom: 5px;
		border: 1px solid #68A917;		
	}	
	.formtitle {
		font-family: Arial;
		font-size: 12px;
		color: #464749;
		font-weight: bold;	
	
	}
	.green20px {
		font-family: Arial;
		font-size :20px;
		color: #68A917;
		font-weight: bold;
		line-height: 26px;
	}
	.green14px {
		font-family: Arial;
		font-size :14px;
		color: #68A917;
		font-weight: bold;
		line-height: 20px;
	}
	.green12px {
		font-family: Arial;
		font-size :12px;
		color: #68A917;
		font-weight: bold;
		line-height: 18px;
	}

	
	
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.prodrop4 {padding:0 0 0 0px; margin:0; list-style:none; height:40px; position:absolute; z-index:1000; font-family:arial, verdana, sans-serif; width: 969px; }
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; margin-right:0px; height:37px; line-height:37px; color:#FFFFFF; text-decoration:none; font-size:12px;  padding:0 13px 0 13px; border-right: 1px solid #0B353B; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 0 0 0px; height:37px;}
.prodrop4 li a.top_link:hover {color:#FEEF02; background-color: #0B353B; background-image:url(template/buttonhighlight.jpg); background-repeat: repeat-x; background-position: top left; }
.prodrop4 li a.top_link:hover span {}

.prodrop4 li:hover > a.top_link {color:#FEEF02; background-image:url(template/buttonhighlight.jpg); background-repeat: repeat-x; background-position: top left;}
.prodrop4 li:hover > a.top_link span {color:#FEEF02; background-image:url(template/buttonhighlight.jpg); background-repeat: repeat-x; background-position: top left;}

.prodrop4 li a.top_link2 {display:block; float:left; margin-right:0px; height:37px; line-height:37px; color:#FEEF02; background-color: #0B353B; text-decoration:none; font-size:12px;  padding:0 13px 0 13px; border-right: 1px solid #0B353B; cursor:pointer;}

.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop4 a:hover {visibility:visible; position:relative; z-index:500;}
.prodrop4 li:hover {position:relative; z-index:500;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.prodrop4 ul.sub1 {width:200px;}
.prodrop4 :hover ul {left:0px; top:37px; background: #ED6F2C; padding:0px;   white-space:nowrap; height:auto; filter : alpha(opacity=95);-moz-opacity:.95;opacity:.95; z-index:600;}
.prodrop4 :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #FFFFFF;}
.prodrop4 :hover ul li a {display:block; font-size:12px; height:24px; line-height:20px; width:auto; padding:0 10px; color:#FFF; text-decoration:none;}
.prodrop4 :hover ul li a:hover {display:block; background:#333333; color:#FFFFFF;}