@charset "utf-8";
/* CSS Document */


body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

#header {
	background: url(images/header.jpg) no-repeat;
	width: 868px;
	height: 129px;
	margin: 0 auto;
	display: block;
	position: relative;
}

#header .top_link {
	position: absolute;
	left: 618px;
	top: 60px;
}
#header .top_link a {
	display: block;
	width: 258px;
	height: 70px;
	text-indent: -99999px;
}


/*NAVIGATION SECTION */
/* Main Navigation Bar ------------------------------------------------------------------ */
#nav {width: 868px; height: 44px; margin: 0 auto; background:url(New/images/navbar.jpg); padding: 0;}

#nav_main { list-style-type : none; float: left; width : 868px; height : 44px; margin : 0; padding : 0; }

#nav_main li.navlist {display: inline; float: left; height:44px;}

#nav_main a { display: block; color: #fff; text-decoration: none;}

/* Nav bar images --------------------------------------- */

#nav_leftside {background: url(images/nav/hp_leftside.jpg) no-repeat; width: 202px; height: 44px; display: block;}

#homeback { background:url(images/nav/home.png) no-repeat; width:86px; height: 44px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#home { background:url(images/nav/home.png) no-repeat; width:86px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}
#home:hover { background: url(images/nav/home1.png) no-repeat; width: 86px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}

#overviewback  { background:url(images/nav/overview.png) no-repeat; width: 182px; height: 44px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#overview  { background:url(images/nav/overview.png) no-repeat; width: 182px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}
#overview:hover { background: url(images/nav/overview1.png) no-repeat; width: 182px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}

#trainingback  { background:url(images/nav/training.png) no-repeat; width: 175px; height: 44px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#training  { background:url(images/nav/training.png) no-repeat; width: 175px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}
#training:hover { background: url(images/nav/training1.png) no-repeat; width: 175px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}

#getstartedback  { background:url(images/nav/getstarted.png) no-repeat; width: 121px; height: 44px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#getstarted  { background:url(images/nav/getstarted.png) no-repeat; width: 121px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}
#getstarted:hover { background: url(images/nav/getstarted1.png) no-repeat; width: 121px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}

#contactback  { background:url(images/nav/contact.png) no-repeat; width: 102px; height: 44px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#contact  { background:url(images/nav/contact.png) no-repeat; width: 102px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}
#contact:hover { background: url(images/nav/contact1.png) no-repeat; width: 102px; height: 44px; padding: 0; margin: 0; text-indent: -9999px;}
/* End Nav Bar images ------------------------------------ */

li a { padding: 10px 12px 7px 12px; margin: 0 0 0 0;}


/* End Navigation
/* Drop Down Menu Attributes ------------------------------------------------------------- */
#nav li ul { position: absolute; left: -999em; width: auto; height: auto; margin: 0; padding: 0;
background : #013b6c; 
border-bottom: 0px solid #e4e4e4;
border-left: 0px solid #e4e4e4;
border-right: 0px solid #e4e4e4;
border-top: 0px;}

#nav li ul li { clear: both; margin: 0; }

.navlist_sub {list-style-type: none; }
.navlist_sub a { width: 150px; font-weight: normal; padding: 5px 8px 5px 10px; margin: 0;}
.navlist_sub a.topitem { width: 150px; font-weight: normal; padding: 8px 8px 5px 10px; margin: 0;}
.navlist_sub a.bottomitem { width: 150px; font-weight: normal; padding: 5px 8px 8px 10px; margin: 0;}
.navlist_sub a:hover { background-image: none; background:#026bc3;}

#nav li:hover, #nav li.hover {position: static; }
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* End Drop Down Menu Attributes ----------------------------------------------------------- */
/* END NAVIGATION */

#hp_mainimage {
	background: url(images/main-image.jpg) no-repeat;
	width: 580px;
	height: 251px;
	display: block;
	margin: 0 auto;
	padding: 96px 0 0 288px;
}

#footer {
	margin: 0 auto;
	width: 868px;
	font-size: 11px;
	text-align: center;
}

#hp_icons {
	display: inline;
	margin: 0;
	padding: 0;
}

#hp_icons li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hpi_customprograms {
	background:url(images/hp_customprograms.jpg) no-repeat;
	width: 139px;
	height: 251px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.hpi_customprograms:hover {
	background:url(images/hp_customprograms1.jpg) no-repeat;
	width: 139px;
	height: 251px;
	display: block;
	text-indent: -9999px;
}

.hpi_meetpatrick {
	background:url(images/hp_meetpatrick.jpg) no-repeat;
	width: 141px;
	height: 251px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;	
}

.hpi_meetpatrick:hover {
	background:url(images/hp_meetpatrick1.jpg) no-repeat;
	width: 141px;
	height: 251px;
	display: block;
	text-indent: -9999px;
}

.hpi_clients {
	background:url(images/hp_clients.jpg) no-repeat;
	width: 139px;
	height: 251px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.hpi_clients:hover {
	background:url(images/hp_clients1.jpg) no-repeat;
	width: 139px;
	height: 251px;
	display: block;
	text-indent: -9999px;
}

.hpi_resources {
	background:url(images/hp_resources.jpg) no-repeat;
	width: 135px;
	height: 251px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.hpi_resources:hover {
	background:url(images/hp_resources1.jpg) no-repeat;
	width: 135px;
	height: 251px;
	display: block;
	text-indent: -9999px;
}
