﻿
Body {
	BACKGROUND: #10517C url(bg.png) repeat-x fixed;
	 FONT-FAMILY: Tahoma,Arial,Helvetica,sans-serif;
	 FONT-SIZE: 62.5%; 
	}


/*Basic Definitions*/

.bannerbg {
	
	background-image: url(banner_bg.png);
	background-repeat: no-repeat;
              width: 990px; height: 83px; 
}

.footerbg {
	
	
	background-image: url(footer_bg.png);
	background-repeat: no-repeat;
	 width: 990px; height: 83px;
}

.logo {
	float:left;
	border: 0;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 33px;
}



.Container {
	
	background-image: url(content.png);
	background-repeat: repeat-y;
              width: 990px; height: 100%; 
	z-index: 1;
}

.btn {
	BORDER-RIGHT: #600000 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #db0000 2px solid; PADDING-LEFT: 5px; BACKGROUND: #990000; FONT: 10px verdana; BORDER-LEFT: #db0000 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #600000 2px solid; LETTER-SPACING: 1px; HEIGHT: 20px
}

.search {
	float:right;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
	FONT-SIZE: 90%;
}

/*Menu*/

	#divNav {
		margin: 0;
		padding: 0;
	}

	#nav {
		position: relative;
		top: 0px;
		left: 0px;

	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;	
	}

	#nav a {
		text-decoration: none;
	}
	
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}
	#nav li ul {
		display: none;
	}

	#nav li.on ul, #nav li.off ul{
	position: absolute;
	top: 36px;
	left: 0px;
	height: 29px;
	width: 970px;
	background-color: #017FB2;	
	z-index:2;
	}

	#nav li.on:hover ul {
		background: #017FB2;
	}
	
	#nav li.off:hover ul { /*for ie*/
		background: #017FB2;
	}

	#nav li a {
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	width: 104px;
	padding: 5px 0px 0 3px;
	height: 42px;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
	}

	#nav li.on a {
		color: #FFFFFF;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
                            float:left; /*ie doesn't inherit the float*/
		color: #FFFFFF;
		width: auto;
		margin-left: 0px;
	}

	#nav li.on:hover ul a {
	background: #017FB2;
	}

	#nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #017FB2;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #FFFFFF;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9584px;
	}

	#limenu1 a, #limenu2 a, #limenu3 a, #limenu4 a, #limenu5 a, #limenu6 a,  #limenu7 a, #limenu8 a{
		display: block;
		position: relative;
		height:42px;
		margin-left:0px;
		background: url(menu_bg.png) no-repeat;
		z-index:1;
	}

	#limenu1.on a, #limenu2.on a, #limenu3.on a, #limenu4.on a, #limenu5.on a, #limenu6.on a,  #limenu7.on a, #limenu8.on a{
		display: block;
		position: relative;
		height:42px;
		margin-left:0px;
		background: url(menu_bg_over.png) no-repeat; 
		z-index:1;
	}
	
		#limenu1  a:hover, #limenu1:hover a, #limenu1.over a, #limenu2  a:hover, #limenu2:hover a, #limenu2.over a, #limenu3  a:hover, #limenu3:hover a, #limenu3.over a, #limenu4  a:hover, #limenu4:hover a, #limenu4.over a, #limenu5  a:hover, #limenu5:hover a, #limenu5.over a, #limenu6  a:hover, #limenu6:hover a, #limenu6.over a,  #limenu7  a:hover, #limenu7:hover a, #limenu7.over a, #limenu8  a:hover, #limenu8:hover a, #limenu8.over a{
		display: block;
		position: relative;
		height:42px;
		margin-left:0px;
		background: url(menu_bg_over.png) no-repeat; 
		z-index:1;
	}
/*subnav formatting*/

#nav li.off ul a{
	display: block;
	background: #017FB2;
	color: #000000;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left:20px;
	top:1px;
	height:1px;
}		

#nav li.on ul a {
	display: block;
	background: #017FB2;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	left:20px;
	top:1px;
	height:1px;
}
	
/*Link Definitions*/

.toplinks{
	float:right;
	padding:5px 152px 0 19px;
	text-align:right;
}

a.top:link {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial;FONT: 11px; font-weight: normal;  COLOR: #FFFFFF; PADDING-TOP: 1px; TEXT-DECORATION: none;
}
a.top:visited {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial; FONT-size: 11px;font-weight: normal; COLOR: #FFFFFF; PADDING-TOP: 1px;TEXT-DECORATION: none;
}
a.top:hover {
	COLOR: #ff9900; TEXT-DECORATION: none
}
a.top:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial;FONT: 11px; font-weight: normal;  COLOR: #FFFFFF; PADDING-TOP: 1px; TEXT-DECORATION: none;
}


a.sublevel:link {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial;FONT: 11px; font-weight: normal;  COLOR: #000000; PADDING-TOP: 1px; TEXT-DECORATION: none;
}
a.sublevel:visited {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial; FONT-size: 11px;font-weight: normal; COLOR: #000000; PADDING-TOP: 1px;TEXT-DECORATION: none;
}
a.sublevel:hover {
	COLOR: #ff9900; TEXT-DECORATION: none
}
a.sublevel:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial;FONT: 11px; font-weight: normal;  COLOR: #000000; PADDING-TOP: 1px; TEXT-DECORATION: none;
}


a.footer:link {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial;FONT: 10px; font-weight: normal;  COLOR: #000000; PADDING-TOP: 1px; TEXT-DECORATION: none;
}
a.footer:visited {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial; FONT-size: 10px;font-weight: normal; COLOR: #000000; PADDING-TOP: 1px;TEXT-DECORATION: none;
}
a.footer:hover {
	COLOR: #ff9900; TEXT-DECORATION: none
}
a.footer:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; no-repeat 3px 1px; FLOAT: centre; PADDING-BOTTOM: 2px; Font-family:Arial;FONT: 10px; font-weight: normal;  COLOR: #000000; PADDING-TOP: 1px; TEXT-DECORATION: none;
}

/*Box Definitions*/


.box{
	background-image: url(box_bg.jpg);
	background-repeat: no-repeat;
	width: 301px;
	height: 347px;
	margin-left:5px;
}

.box .inside{

font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	color:#00000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding: 0px 20px;
}


.servicebox{
width: 580px; background: url(servicebox_middle.jpg) repeat-y center; margin: 10px, o;
}

.servicebox .inside	{ 

	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding: 0 20px; 
}

.contentbox{
width: 358px; background: url(contentbox_middle.jpg) repeat-y center; margin: 10px, o;
}

.contentbox .inside	{ 

	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding: 0 20px; 
}

.welcomebox{
	width: 620px;
	height: 347px;
	background-image: url(welcomebox.jpg);center; margin: 17px 0px 0px 7px;
}

.welcomebox .inside {
	font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	color:#00000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding: 0px 20px;
	}

.productbox{
	background-image: url('productpagebox.png');
	height: 323px;
	width: 238px;
	background-repeat: no-repeat;}

.productbox .inside{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding: 0 20px;
}



/*Text Definitions*/

.content {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	color:#00000;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding: 0 20px;
	}