@import url('reset.css');

#menuNavContainer {
	background-color: #000000;
	background-image: url(        '../images/MenuBar.jpg' );
	background-repeat:repeat-x;
	color: gray;
	font-size: 16px;
	font-weight: normal;
	height: 43px;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align:center;
}
#menuNavContent
{
  list-style-type: none;
	width: 960px;
	text-align:center;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menuDivVertical {
	width: 1px;
	background-color: #333;
	float: left;
	height: 43px;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menuDivHorizontal {
	background-color: #333;
	display: inline-block;
	float: left;
	height: 1px;
	line-height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	position: relative;
	width: 136px;
}
.menuMain {
	border: 0px;
	float: left;
	height: 43px;
	line-height: 43px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 136px;
  list-style-type: none;
	background-color: #000;	
	background-image: url(        '../images/MenuBar.jpg' );
	
}
.menuMain A {
  list-style-type: none;
	color: white;
	font-size: 16px;
	font-weight: normal;
	text-align:center;
}
.menuMain A:hover {
	background-image: url(     '../images/MenuBarOver.jpg' );
  list-style-type: none;
	color: white;
	display: block;
}

#menuSub {
	border: 0;
	background-color: #000;
	background-image: url(        '../images/MenuBar.jpg' );
	float: left;
	height: 43px;
	line-height: 43px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 136px;
	z-index: 10;
  	list-style-type: none;
}
#menuSub A {
	border: 0;
	background-color: #000;
	background-image: url(        '../images/MenuBar.jpg' );
	float: left;
	height: 43px;
	line-height: 43px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 136px;
	z-index: 10;
  	list-style-type: none;
}

#menuSub A:visited {
	border: 0;
	background-color: #000;
	background-image: url(        '../images/MenuBar.jpg' );
	float: left;
	height: 43px;
	line-height: 43px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 136px;
	z-index: 10;
  	list-style-type: none;
}

#menuSub A:hover {
	color: white;
	background-image: url(     '../images/MenuBarOver.jpg' );
	display: block;
	font-weight: normal;
	text-align: center;	
	vertical-align: middle;
	height: 43px;
	line-height: 43px;
	background-color: #000;
	z-index: 999;
}

LI UL {
	border: solid 1px #333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: none;
	font-weight: normal;
	background-color: white;
	position: absolute;
	left: 0px;
	top: 100%;
}
LI:hover UL {
	display: inline-block;
}
LI.over UL {
	display: inline-block;
}






ul#main-nav {
	padding-left: 36px;
	width:960px;
	margin-left: auto;
	margin-right: auto;
}
ul#main-nav li {
	float: left;
	position: relative;
	margin-left: -20px;
	display: inline;
}
ul#main-nav li a {
	position: relative;
	width: 148px;
	height: 37px;
	display: block;
	background-image: url('../images/tabs.png');
	background-position: center center;
	color: #d0d0d0;
	text-decoration: none;
	font-size: 12px;
	padding-top: 0px;
	text-align: left;
	padding-left: 0px;
	font-weight: bold;
	font-family: Arial, "Times New Roman", Times, serif;
}
ul#main-nav li p {
	padding-top: 10px;
	text-align: center;
	margin-left: -24px;
}

ul#main-nav li a:hover {
	background-position: bottom;
	color: #ffffff;
}
ul#main-nav li.current a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current {
	z-index: 100;
}
ul#main-nav li.menu1 {
	z-index: 100;
}
ul#main-nav li.menu2 {
	z-index: 99;
}
ul#main-nav li.menu3 {
	z-index: 98;
}
ul#main-nav li.menu4 {
	z-index: 97;
}
ul#main-nav li.menu5 {
	z-index: 96;
}
ul#main-nav li.menu6 {
	z-index: 95;
}
ul#main-nav li.menu7 {
	z-index: 94;
}

#menuNavContainer2 {
	background-color: #000000;
	background-image: url(        '../images/MenuBar.jpg' );
	background-repeat:repeat-x;
	background-position: 0px 1px;
	color: gray;
	font-size: 16px;
	font-weight: normal;
	height: 35px;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align:center;
	clear: both;
}

.divHeadingContainer2 {
	background-color: #252525;
	border: #333 1px solid;
	font-size: 15px;
	float: left;
	height: 22px;
	line-height: 22px;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-align:left;
	width: 950px;
}

.divHeadingContainer3 {
	background-color: #252525;
	border: #999999 1px solid;
	font-size: 15px;
	float: center;
	height: 22px;
	line-height: 22px;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-align:left;
	width: 600px;
}

.divHeadingContainerpod {
	background-color: #252525;
	border: #999999 1px solid;
	font-size: 15px;
	float: center;
	height: 22px;
	line-height: 22px;
	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-align:left;
	width: 320px;
}

body#home a#homenav,
body#who a#whonav,
body#what a#whatnav,
body#how a#hownav,
body#why a#whynav,
body#company a#companynav,
body#contact a#contactnav {
	background-position: top;
	color: #ffffff;
	}