/* CSS Document */

body {
	background: #FFF;
	margin: 0 0 10px 0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align: center;
}

.contentTable {
}

.emailTable td {
	border-bottom: 1px dotted #FFF;
}

#home .mainTable		 { background: #B5948F; color: #444; }
#about .mainTable		 { background: #C0C0BF; color: #FFF; }
#product .mainTable		 { background: #C2A7A3; color: #FFF; }
#enquiries .mainTable	 { background: #988890; color: #FFF; }
#news .mainTable		 { background: #6C5D71; color: #444; }
#dist .mainTable 		 { background: #46324C; color: #444; }
#forms .mainTable		 { background: #EFDCAA; color: #FFF; }
#contact .mainTable 	 { background: #70768C; color: #444; }
#callback .mainTable 	 { background: #CCD4D2; color: #FFF; }

#home a				{ color: #444; }
#about a			{ color: #444; }
#product a			{ color: #444; }
#enquiriesf a		{ color: #444; }
#news a				{ color: #444; }
#dist a				{ color: #444; }
#forms a			{ color: #444; }
#contact a 			{ color: #444; }
#callnack a 		{ color: #444; }

h1 {
	font-size: 16px;
	font-weight: lighter;
	margin: 5px 0 0 10px;
}

h2 {
	font-size: 11px;
	margin: 10px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-align: left;
}

h3 {
	font-size: 11px;
	margin: 10px;
}

p {
	font-size: 10px;
	line-height: 150%;
	margin: 10px;
	text-align: justify;
}

.contentTable li {
	font-size: 10px;
	line-height: 150%;
}

p.footerTxt {
	font-size: 9px;
	margin: 10px;
	color: #444;
}

.page li {
	font-size: 10px;
	line-height: 150%;
	margin: 0;
}

#vacancy {
	border-bottom: dotted 1px #FFF;
}

.white {
	background: #FFF;
}

.footer {
	background: url(../images/navBkgd.gif) no-repeat;
	width: 760px;
	height: 40px;
}

.footer a {
	color: #444;
	text-decoration: none;
}

#content {
	/*overflow: auto;
	height: 245px;*/
}

.hel1 {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}



/* navigation */
.navBkgd {
	background: url(../images/navBkgd.gif) no-repeat;
	width: 760px;
	height: 40px;
}

#navdiv {
	font-size: 10px;
	margin:0px 0px 0px 30px;
}

#navdiv ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav .home				{ background: url(../images/subButBkgd_home.png) no-repeat 0% 50%; }
#nav .about				{ background: url(../images/subButBkgd_about.png) no-repeat 0% 50%; }
#nav .product			{ background: url(../images/subButBkgd_product.png) no-repeat 0% 50%; }
#nav .enquiries			{ background: url(../images/subButBkgd_enquiries.png) no-repeat 0% 50%; }
#nav .news				{ background: url(../images/subButBkgd_news.png) no-repeat 0% 50%; }
#nav .dist				{ background: url(../images/subButBkgd_dist.png) no-repeat 0% 50%; }
#nav .forms				{ background: url(../images/subButBkgd_forms.png) no-repeat 0% 50%; }
#nav .contact 			{ background: url(../images/subButBkgd_contact.png) no-repeat 0% 50%; }
#nav .callback 			{ background: url(../images/subButBkgd_callback.png) no-repeat 0% 50%; }

#nav li:hover {
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 5px;
	background: url(../images/subButBkgd_hi.gif) no-repeat 0% 30% #E5F6F4;
}

#nav li a {
	text-decoration: none;
	color: #707174;;
	padding:10px 10px 10px 20px;
}

/* Styles for Sub Menu Items */
#subnav1,
#subnav2,
#subnav3,
#subnav4,
#subnav5,
#subnav6,
#subnav7 {
	display: none;
	position: absolute;
	background: #D8EFED;
	left: 0;
	top: 20px;
	width: 160px;
	border: solid 1px #6EBAB3;
}

#subsubnav1,
#subsubnav2 {
	display: none;
	position: absolute;
	background: #D8EFED;
	left: 155px;
	top: 3px;
	width: 220px;
	border: solid 1px #6EBAB3;
}

#subnav1 li,
#subnav2 li,
#subnav3 li,
#subnav4 li,
#subnav5 li,
#subnav6 li,
#subnav7 li {
	display: block;
	float: none;
	width: 160px;
}

#subsubnav1 li,
#subsubnav2 li {
	display: block;
	float: none;
	width: 220px;
}

#subnav1 li:hover,
#subnav2 li:hover,
#subnav3 li:hover,
#subnav4 li:hover,
#subnav5 li:hover,
#subnav6 li:hover,
#subnav7 li:hover {
	display: block;
	float: none;
	width: 160px;
	background: url(../images/subButBkgd_hi.gif) no-repeat 0% 50% #E5F6F4;
}

#subsubnav1 li:hover,
#subsubnav2 li:hover {
	display: block;
	float: none;
	width: 220px;
	background: url(../images/subButBkgd_hi.gif) no-repeat 0% 50% #E5F6F4;
}

#subnav1 li a,
#subnav2 li a,
#subnav3 li a,
#subnav4 li a,
#subnav5 li a,
#subnav6 li a,
#subnav7 li a {
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-align: left;
}

#nav li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */

#subnav1 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav2 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav3 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav4 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav5 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav6 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subnav7 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */

#subsubnav1 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */
#subsubnav2 li a:hover { color: #707174; text-decoration: underline; } /* Hover Styles */

#nav li:hover #subnav1, #nav li.over #subnav1 { display: block; } /* The magic */
#nav li:hover #subnav2, #nav li.over #subnav2 { display: block; } /* The magic */
#nav li:hover #subnav3, #nav li.over #subnav3 { display: block; } /* The magic */
#nav li:hover #subnav4, #nav li.over #subnav4 { display: block; } /* The magic */
#nav li:hover #subnav5, #nav li.over #subnav5 { display: block; } /* The magic */
#nav li:hover #subnav6, #nav li.over #subnav6 { display: block; } /* The magic */
#nav li:hover #subnav7, #nav li.over #subnav7 { display: block; } /* The magic */

#subnav2 li:hover #subsubnav1, #subnav2 li.over #subsubnav1 { display: block; } /* The magic */
#subnav2 li:hover #subsubnav2, #subnav2 li.over #subsubnav2 { display: block; } /* The magic */