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

/*Shared Styles*/
body {
	margin: 0;
	padding: 0;
	background: url(images/body_bg.jpg) no-repeat top center;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#nav ul {
	padding: 12px 0 0 6px;
	margin: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #dae0e0;
}

#nav li {
	display: inline;
	padding: 0;	
}

/*Nav link styles*/
a.navLink:link, a.navLink:active, a.navLink:visited {
	color: #cbd7d7;
	float: left;
	margin: 0 7px;
	text-decoration: none;
}

a.navLink:hover {
	color: #FFFFFF;
	float: left;
	border-bottom: #627a79 2px solid;
	padding-bottom: 3px;
	margin: 0 7px;
	text-decoration: none;
}

a.selected:link, a.selected:active, a.selected:hover, a.selected:visited {
	color: #FFFFFF;
	border-bottom: #627a79 2px solid;
	padding-bottom: 3px;
	float: left;
	margin: 0 7px;
	text-decoration: none;
}

/*Normal Link styles*/
a:link, a:visited {
	color: #00aeef;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

/* Dropdown Styles  */

/* Positioning for homePage divs */
.homePage #about, .homePage #approach, .homePage #services, .homePage #technologies, .homePage #resource {
	position: absolute;
	left: -999px;
	top: 245px;
	background-color: #a6b3b3;
	z-index: 1;
	padding: 5px;
	margin: 0px;
	width: auto;
	text-align: left;
}

/* Positioning for insidePage divs */
.insidePage #about, .insidePage #approach, .insidePage #services, .insidePage #technologies, .insidePage #resource {
	position: absolute;
	left: -999px;
	top: 84px;
	background-color: #a6b3b3;
	z-index: 1;
	padding: 5px;
	margin: 0px;
	width: auto;
	text-align: left;
}

/* Shared Styles */
#about a:link, #approach a:link, #services a:link, #technologies a:link, #resource a:link, #about a:visited, #approach a:visited, #services a:visited, #technologies a:visited, #resource a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#about a:hover, #about a:active, #approach a:hover, #approach a:active, #services a:hover, #services a:active, #technologies a:hover, #technologies a:active, #resource a:hover, #resource a:active {
	color: #1e4441;
}

#about ul, #approach ul, #services ul, #technologies ul, #resource ul  {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

#about li, #approach li, #services li, #technologies li, #resource li {
	margin: 0 3px;
	padding: 4px 0px;
	display: list-item;
	list-style-type: none;
	list-style-image: none;
}

/* Edit for positions */
#about.showing {
	left: 66px;
}

#approach.showing {
	left: 152px;
}

#services.showing {
	left: 265px;
}

#technologies.showing {
	left: 339px;
}

#resource.showing {
	left: 448px;
}