body {
	font: normal 11px verdana;
	margin-top:5px;

	}
	
	html
{
background-color:#EEEEEE;   }
	
	/*html
{
   background:  url(newbg.jpg);
   background-attachment: fixed;
   
   

   
   }*/
   /*
   
.t {background: url(dot3_nav.gif) 0 0 repeat-x; width: 100%}
.b {background: url(dot3_nav.gif) 0 100% repeat-x}
.l {background: url(dot3_nav.gif) 0 0 repeat-y}
.r {background: url(dot3_nav.gif) 100% 0 repeat-y}
.bl {background: url(bl3.gif) 0 100% no-repeat}
.br {background: url(br3.gif) 100% 100% no-repeat}
.tl {background: url(tl3.gif) 0 0 no-repeat}
.tr {background: url(tr3.gif) 100% 0 no-repeat; padding:10px} 


.t {background: url(dot3_nav.gif) 0 0 repeat-x; width: 100%}
.b {background: url(dot3_nav.gif) 0 100% repeat-x}
.l {background: url(dot3_nav.gif) 0 0 repeat-y}
.r {background: url(dot3_nav.gif) 100% 0 repeat-y}
.bl3 {background: url(bl3_nav.gif) 0 100% no-repeat}
.br3 {background: url(br3_nav.gif) 100% 100% no-repeat}
.tl3 {background: url(tl3_nav.gif) 0 0 no-repeat}
.tr3 {background: url(tr3_nav.gif) 100% 0 no-repeat; padding:10px} 
*/
	
#header {
	width:100%;
	height:95px;
	margin-bottom:33px;
	background: url(http://www.hamiltontechnology.com/newtopbg3_center.png);
	background-repeat:repeat-x;
	background-position:center;
}

#headerleft {
    clear: left;
	width:100%;
	height:95px;
	background: url(http://www.hamiltontechnology.com/newtopbg3_left.png);
    background-repeat:no-repeat;
	background-position:left;
	}
	
	#headerlefttext {
    clear: left;
	font-size:12px;
	}
	
	#headerCenter {
    clear: left;
	width:100%;
	height:140px;
	background: url(http://www.hamiltontechnology.com/newtopbg3_center.png);
    background-repeat:repeat-x;
	background-position:right;


	}
	
	#headerRight {
    clear: left;
	width:100%;
	height:95px;
	background: url(http://www.hamiltontechnology.com/newtopbg3_right.png);
    background-repeat:no-repeat;
	background-position:right;
	}
	
	#headerRighttext {
    clear: left;
	font-size:18px;
	
	
	}
	
		#headernav {
    clear: left;
	background-color:#000099;
	padding:5px;
	}
	
	#header a {
    clear: left;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}
	
	#header a:hover {
    clear: left;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	}
	

#sidenav {
    clear: left;
	text-align:left;
	width:100%;
	border: 1px solid #999;
	background-image: url(navbg_over.gif);
    background-repeat:repeat-x;				
}

#sidenavheading {
    clear: left;
	text-align:left;
	height:22px;
	font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	padding-top:2px;
}

#telnumbers {
    clear: left;
	text-align:left;
	width:96%;
	margin-left:3px;
	color:#000;
	font-weight:bold;
	border: 1px solid #999;
	background-image: url(navbg_over.gif);
    background-repeat:repeat-x;				
}

#telnumbersHeading {
    clear: left;
	text-align:left;
	height:22px;
	font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	padding-top:2px;
}


#featured {
    clear: left;
	text-align:left;
	width:100%;
	border: 1px solid #999;
	background-image: url(navbg_over.gif);
    background-repeat:repeat-x;				
}

#featuredheading {
    clear: left;
	text-align:left;
	height:22px;
	font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	padding-top:2px;
}

#search {
    clear: left;
	text-align:left;
	width:96%;
	margin-top:5px;
	margin-left:3px;
	border: 1px solid #999;
	background-image: url(navbg_over.gif);
    background-repeat:repeat-x;				
}

#searchHeading {
    clear: left;
	text-align:left;
	height:22px;
	font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	padding-top:2px;
}

#rightbar {
    clear: left;
	text-align:left;
	width:96%;
	margin-top:2px;
	margin-right:3px;
	border: 1px solid #999;
	background-image: url(navbg_over.gif);
    background-repeat:repeat-x;				
}

#rightbarheading {
   clear: left;
	text-align:left;
	height:22px;
	font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#fff;
	padding-top:2px;
}

/* The CSS Code for the side menu starts here */

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {margin-left:4px;} /* this demo only */
.menu {width:95%; height:325px; background:#fcfcfc; position:relative; z-index:500;}
.menu table {padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}
 
.menu li {width:180px; height:32px; float:left;}
 
.menu li a {display:block; width:100%; height:32px; line-height:32px; color:#333; text-decoration:none; font-size:12px; font-weight:bold; font-family:"lucida grande", arial, sans-serif; text-indent: 10px; float:left;}
 
.menu li.sub a {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/grey.gif) no-repeat 250px center;}
 
.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}
 
.menu li.sub a:hover {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/blue.gif) no-repeat 250px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}
 
.menu li:hover {position:relative;}

 
.menu li.home {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/home.gif) no-repeat 10px center;}
.menu li.products {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/graph.gif) no-repeat 10px center;}
.menu li.services {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/services.gif) no-repeat 10px center;}
.menu li.shop {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/flower.gif) no-repeat 10px center;}
.menu li.contacts {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/mail.gif) no-repeat 10px center;}
.menu li.privacy {background:url(http://www.cssplay.co.uk/menus/breadcrumbs/lock.gif) no-repeat 10px center;}
 
.menu :hover ul
{width:250px; height:auto; left:165px; top:7px; background:#fcfcfc; border:1px solid #ddd;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:250px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;}
 
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}
 
.menu :hover ul li,
.menu :hover ul li a
{width:250px; height:25px; line-height:25px; text-indent:10px; float:none;}
 
.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(http://www.cssplay.co.uk/menus/breadcrumbs/grey.gif) no-repeat 250px center; color:#777;}
 
.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(http://www.cssplay.co.uk/menus/breadcrumbs/blue.gif) no-repeat 250px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(http://www.cssplay.co.uk/menus/breadcrumbs/blue.gif) no-repeat 250px center; color:#06f;}
 
.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#333; font-weight:bold;}
 
.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#333; font-weight:bold;}
 
.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#333; font-weight:bold;}
 
.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#333; font-weight:bold;}

.menu li.sidenavheadingclearance a
{
font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#FF8000;
	}


.menu li.sidenavheadingclearance a:hover
{
font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#06f;
	}
	
	.menu li.sidenavheadingspecials a
{
font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#ff0000;
	}


.menu li.sidenavheadingspecials a:hover
{
font-size:12px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#06f;
	}




div.footer {
    clear: left;
	width:100%;
	border-top:2px solid #999999;
}

div.main {
    border: #ccc solid 1px;
	background-color:#FFFFFF;
	padding: 0 10px 10px 5px;
    clear: left;
	width:95%;
}

div.featured {
    border: #ccc solid 1px;
	background-image: url(featBg.gif);
    background-repeat:repeat-x;
	padding: 0 10px 10px 5px;
    clear: left;
	width:90%;
}

div.news {
    border: #ccc solid 1px;
	background-image: url(featBg.gif);
    background-repeat:repeat-x;
	padding: 0 10px 10px 5px;
    clear: left;
	width:90%;
}



select
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}

input
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}




div.depPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align:left;
}


div.faqPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align:left;
	width:95%;
}

div.policiesPage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align:left;
	width:95%;
}

div.contactus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align:left;
	width:95%;
}

div.contactus a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0000FF;
	text-align:left;
	text-decoration:none;
	width:95%;
}

div.contactus a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0000FF;
	text-align:left;
		text-decoration:underline;

	width:95%;
}

/*a img {
   border:1px solid #999999;
}*/


a img:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.5;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* OLD MENU STYLING 
.menu1{
font-family:Arial, sans-serif; width:210px; height:500px; position:relative; font-weight: bold; text-transform: uppercase; font-size:11px; margin:0; color:#666;
}
.menu1 ul {
padding:0; margin:0; list-style-type: none;
}
.menu1 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:-1px; left:210px;
}
.menu1 ul li {
float:left; position:relative; z-index:90;
}
.menu1 ul li a, .menu1 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:250px; height:30px; line-height:29px; font-weight: bold; text-transform: uppercase; font-size:11px; padding-left:25px; padding-right:35px; color:#666;
border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;
}
* html .menu1 ul li a, .menu1 ul li a:visited {width:200px; width:65px;}

.menu1 ul li.home {background:#eee;  width:210px;}
.menu1 ul li.products {background:#eee;  width:210px;}
.menu1 ul li.services {background:#eee;  width:210px;}
.menu1 ul li.contact {background:#eee;  width:210px;}
.menu1 ul li.sitemap {background:#eee;  width:210px;}
.menu1 ul li.news {background:#eee;  width:210px;}
.menu1 ul li ul li.subprod1 {background:#eee; }
.menu1 ul li ul li.subprod2 {background:#eee; }
.menu1 ul li ul li.subprod3 {background:#eee; }
.menu1 ul li ul li.subnews1 {background:#eee; }
.menu1 ul li ul li.subnews2 {background:#eee; }
.menu1 ul li ul li.subnews3 {background:#eee; }
.menu1 ul li ul li.subserv1 {background:#eee; }
.menu1 ul li ul li.subserv2 {background:#eee; }
.menu1 ul li ul li.subserv3 {background:#eee; }
.menu1 ul li ul li.subserv4 {background:#eee; }
.menu1 ul li ul li.subserv5 {background:#eee; }

.menu1 table {
border:0; padding:0; font-size:11px; position:absolute; left:0; top:0;
}

.menu1 ul li:hover a,
.menu1 ul li a:hover{
background:#ddd;
width:250px;
}

.menu1 ul li a:hover {position:relative; z-index:100;}

.menu1 ul li:hover ul,
.menu1 ul li a:hover ul {
visibility:visible; width:200px; height:auto; z-index:10; overflow:visible;
}
.menu1 ul li:hover ul li a,
.menu1 ul li a:hover ul li a{
display:block; background:transparent; color:#666; width:200px; line-height:15px; padding:5px 0 5px 35px; height:auto; text-decoration:none;
}
* html .menu1 ul li a:hover ul li a {width:200px;}

.menu1 ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover {
 border:0; background:#ddd;
}
.menu1 ul li:hover ul li ul,
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:235px;
}
.menu1 ul li:hover ul li:hover ul,
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; width:200px; height:auto; color:#666; padding:0; list-style-type:none; background:#eee;
}
.menu1 ul li:hover ul li:hover ul li a,
.menu1 ul li a:hover ul li a:hover ul li a {
display:block; width:200px; background:#eee; color:#666;
}
* html .menu1 ul li a:hover ul li a:hover ul li a {width:250px; width:115px;}

.menu1 ul li:hover ul li:hover ul li a:hover,
.menu1 ul li a:hover ul li a:hover ul li a:hover {
background:#ddd; 
} */

/* The CSS Code for the top menu starts here 

.topmenu {
margin-top: 91px;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	}

.topmenu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
 
.topmenu li {
	margin: 0;
	padding: 0 15px 0 15px;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them 
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem 
	z-index: 5;		/* thus we need to apply explicit z-index here... 
}
 
.topmenu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu 
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work 
}
 
.topmenu li li 
	float: none;/* items of the nested menus are kept on separate lines 
}
 
.topmenu ul {
	visibility: hidden;	/* initially hide all submenus. 
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, 
	top: 0;		/* 		to avoid scrollbars as much as possible 
}
 
.topmenu li:hover>ul {
	visibility: visible;	/* display submenu them on hover 
	top: 100%;	/* 1st level go below their parent item 
}
 
.topmenu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item 
	top: 0;
	left: 100%;
}
 
/* -- float.clear --
	force containment of floated LIs inside of UL 
.topmenu:after, .topmenu ul:after {
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* -- float.clear.END --  */
 
/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do 
.topmenu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs 
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement 
}
.topmenu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */
 
 
 
 
 
 
/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - 
 
.topmenu, .topmenu ul li {
	color: #fff;
	background: #23238C;
}
 
.topmenu ul {
	width: 11em;
}
 
.topmenu a {
	text-decoration: none;
	color: #fff;
	font-size:18px;
	padding: .4em 1em;
	display: block;
	position: relative;
}
 
.topmenu a:hover, .topmenu li:hover>a {
	color: #06f;
}
 
.topmenu li li {	/* create borders around each item 
}
.topmenu ul>li + li {	/* and remove the top border on all but first item in the list 
	border-top: 0;
}
 
.topmenu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping 
	top: 5px;
	left: 90%;
}
 
/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts 
.topmenu>li:first-child>a, .topmenu li + li + li li:first-child>a {
	color: #fff;
}
 
/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/
 End Fix */
 
/*]]>*/

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
/*<![CDATA[*/
 
/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */
 
/*
	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
	of course, that means that it might require different styling then.
	in which case you can use adxie class - see: aplus.co.rs/adxmenu/examples/ie6-double-style/
 
.topmenu ul {
	visibility: visible;
	position: static;
}
 
.topmenu, .topmenu ul {	/* float.clear 
	: 1;
}
 
.topmenu li.adxmhover {
	z-index: 10000;
}
 
.topmenu .adxmhoverUL {	/* li:hover>ul selector 
	visibility: visible;
}
 
.topmenu .adxmhoverUL {	/* 1st-level submenu go below their parent item 
	top: 100%;
	left: 0;
}
 
.topmenu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item 
	top: 0;
	left: 100%;
}
 
/* - - - ADxMenu: DESIGN styles - - - 
 

 
.topmenu li li {	/* fix white gap problem 
	float: left;
	width: 100%;
}
 
.topmenu li li {	/* prevent double-line between items 
	margin-top: -1px;
}
 
.topmenu a:hover, .topmenu .adxmhoverA {		/* li:hover>a selector 
	color: #fc3;
}
 
.topmenu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping 
	top: 5px;
	left: 90%;
}


/*

			#topmenu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin-top:100px;
				padding: 0;
				list-style-type: none;
				background-image: url(navbg.gif);
                background-repeat:repeat-x;
				font-size: 13px;
				height: 40px;
				width:100%;
				
			}
			#topmenu li {
				float: left;
				margin: 0;				
			}
			#topmenu li a {
				text-decoration: none;
				display: block;
				padding: 0 40px 0 40px;
				line-height: 35px;
				color: #ffffff;
			}
			#topmenu li a:hover, #menu li.active a {
                background-image: url(navbg_over.gif);
                background-repeat:repeat-x;				
				color: #ffffff;
				text-decoration:underline;
			}
		 #topmenu_wrapper ul {margin-left: 8px;}
			#topmenu_wrapper {padding: 0 16px 0 0;}
			#topmenu_wrapper div {float: left; height: 40px; width: 12px;} */