/* CSS Document */

body {
	z-index: 1000;	
}

#page, #page_secure, #page_ng, #page_contact, #page_net, #page_maintain, #page_service, #page_enhance{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 0.9em;
	float: left;
	position: absolute;
	left: 50px;
	top: 50px;
	width: 700px;
	max-width: 800px;
	z-index: 999;
	background-attachment: scroll;
	background-color: ivory;
/*	background-image: url(images/mountain.jpg);*/
	background-repeat: no-repeat;
	background-position: left 30px;
}

#page{	background-image: url(images/mountain.jpg); }
#page_secure {	background-image: url(images/dartmoor.jpg); }
#page_ng {	background-image: url(images/climber.jpg); }
#page_contact {	background-image: url(images/contact.jpg); }
#page_net {	background-image: url(images/net.jpg); }
#page_enhance {	background-image: url(images/fruit.jpg); }
#page_maintain { background-image: url(images/turtle.jpg); }
#page_service { background-image: url(images/service.jpg); }

#content {
	width: 700px;
	float: left;
	padding-bottom: 1em;
	clear: both;
}

#top, #bottom {
	z-index: 10;
	background-color: #000000;
	height: 30px;
	clear: both;
	width: 100%;	
}

#banner {
	clear: both;
	z-index: 10;
	float: left;
	width: 100%;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

#title, #capsule {
	float: left;
	clear: left;
	z-index: 20;
	padding-left: 400px;	
	width: 300px;
}

#capsule {
	font-size: 1.2em;
	line-height: 1em;
}


#capsuletext {
	background-color: gold;
	color: #000000;
	width: 260px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

#title {
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

#story {
	float: left;
	clear: left;
	z-index: 20;
	padding-left: 400px;
	padding-right: 1em;
}

#nugget1, #nugget2, #nugget3, #nugget4 {
	position: relative;
	float: left;
	top: 1em;
	z-index: 100;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 2em;
	padding-left: 0.5em;
}

#nugget {
	padding-top: 1em;
	padding-bottom: 1em;
}

#compact_nugget {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

#rightflag {
	float:right;
	clear: right;
	width: auto;
	padding-top: .5em;
	padding-right: .5em;
}

#leftflag {
	float:left;
	clear: left;
	width: auto;
	padding-top: .5em;
	padding-left: .5em;
}

#topnav,#bottomonav {
	float: left;
	text-transform: lowercase;
	text-align: center;
	width: auto;
	color: gold;
}

#topnav {
	padding-left: 2em;
}

#topnav a, #bottomonav a {
	display: block;
	text-decoration: none;
	color: gold;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

#topnav a:hover, #bottomonav a:hover, .topnavthispage {
	background-color: gold;
	color: ivory;
	font-weight: bold;
}

.topnavthispage {
	color: black;
}

.parahead {
	font-weight: bold;
	padding-right: 0.2em;
	padding-bottom: 0.2px;
	color: teal;
}

.companyname {
	font-size: 2em;
	line-height: 1.2em;
}

.strapline {
	font-size: 1em;
	color: teal;
	font-weight: bold;
}