@charset "UTF-8";
/* CSS Document */

body {
	margin:0px auto;
	background:#000000;
	text-align:center;
}
.banner {
	background-image:url(../images/Northgate_banner.png);
	background-repeat:no-repeat;
	background-position:center;
	height:100px;
}
.container {
	background-image:url(../images/Northgate_main.jpg);
	background-repeat:no-repeat;
	background-position:center 0PX;
	background-color:#acc3c9;
	position:relative;
	top:0px;
	height:768px;
	width:100%;
	
}
.footer {
	position:relative;
	bottom:0px;
	height:50px;
	width:100%;
	padding-top:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000;
}
.footer a:link {color:#aaa}
h1 {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-stretch:semi-expanded;
	text-transform:uppercase;
	font-weight:100;
	color:#000;
	margin-bottom:20px;
}
hr {opacity: .1;
}
.nav_wrapper {
	position:relative;
	text-align:center;
	width:1300px;
}
#nav {
	
	text-align:left;
	display:block;
	background-color:none;
	width:170px;
	list-style-type : none;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:100;
	line-height:40px;
}
ul#nav li a {
  display : block;
  width:100%;
  color:#000;
}
ul#nav li a span.offset { 
  margin-top : -9000px; 
  margin-left : -9000px;
  position : absolute;
}
/* text box */
ul#nav li a:hover span.offset, ul#nav li a:focus span.offset, ul#nav li a:active span.offset {
  color : #000;
  background-color : rgba(152,175,181, .7);
  display : block;
  height : auto;
  font-size:17px;
  line-height:25px;
  padding:20px;
  text-align:left;
  font-weight:300;
  height:350px;
  width:80%;
}
#nav1 {
	background-color :none;
	text-decoration : none;
	cursor : pointer;
	padding-left:10px;
}
#nav1:hover {
	background-color: rgba(152,175,181, .5);
	width:300px;
}
ul#nav li a#nav1:hover span.offset, ul#nav li a#nav1:focus span.offset, ul#nav li a#nav1:active span.offset {
	position:absolute;
  margin-top : -40px;
  margin-left : 170px;
}
#nav2 {
	background-color :none;
	text-decoration : none;
	cursor : pointer;
	padding-left:10px;
}
#nav2:hover {
	background-color: rgba(152,175,181, .5);
	width:300px;
}
ul#nav li a#nav2:hover span.offset, ul#nav li a#nav2:focus span.offset, ul#nav li a#nav2:active span.offset {
  margin-top : -80px;
  position:absolute;
  margin-left : 170px;
}
#nav3 {
	background-color :none;
	text-decoration : none;
	cursor : pointer;
	padding-left:10px;
}
#nav3:hover {
	background-color: rgba(152,175,181, .5);
	width:300px;
}
ul#nav li a#nav3:hover span.offset, ul#nav li a#nav3:focus span.offset, ul#nav li a#nav3:active span.offset {
		position:absolute;
  margin-top : -120px;
  margin-left : 170px;
}
#nav4 {
	background-color :none;
	text-decoration : none;;
	cursor : pointer;
	padding-left:10px;
}
#nav4:hover {
	background-color: rgba(152,175,181, .5);
	width:300px;
}
ul#nav li a#nav4:hover span.offset, ul#nav li a#nav4:focus span.offset, ul#nav li a#nav4:active span.offset {
	position:absolute;
  margin-top : -160px;
  margin-left : 170px;
}
ul#nav li span.offset a:link {color:#444;}