/* PNG fix for IE */
img, div {
	behavior: url(includes/iepngfix.htc)
}
/* @group Global */
* {
	margin: 0px;
	padding: 0px;
}
/* Now, we put back all the margin we require: */
h1, h2, h3, h4, h5, h6 {
	margin: 15px 0px;
}
p {
	margin: 10px 0px;
}
table {
	margin: 10px 0px;
}
ul, ol {
	margin: 10px 0px 10px 20px;
}
/* Why use margin rather than padding? We can make use of "collapsing margins" that way, so if two elements are one above the other, the total margin between them is 10px, not collectively at 20px. Thus, reliable margins between all your elements at 10px. */
body {
	background: #ffffff url(../images/shadowtop.gif) repeat-x left 100px;
}
a {
	color: #007DA0;
}
#wrapper {
	width: auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* @end */
/* @group Header */
#header {
	width: 800px;
	padding: 25px 0px 0px 25px;
	height: 75px;
	background: url(../images/hdrtagline.gif) no-repeat 500px 25px;
}
/* @end */
/* @group Nav */
#shadownavtop {
	width: 170px;
	height: 15px;
	background: url(../images/shadownavtop.png) repeat-x;
	position: absolute;
	top: 100px;
	z-index: 1000;
}
#nav {
	width: 200px;
	float: left;
	margin: 0px;
	text-transform: uppercase;
	font: bold 0.85em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/shadowtop.gif) repeat-x;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li a {
	height: 40px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 28px;
	text-decoration: none;
}
#nav li a:link, #nav li a:visited {
	color: #666666;
	display: block;
	background: url(../images/nav.gif) no-repeat left 0;
	padding: 12px 0 0 10px;
}
#nav li a:hover {
	color: #007DA0;
	background: url(../images/nav.gif) no-repeat left -40px;
	padding: 12px 0 0 10px;
}
#nav li a:active {
	color: #ffffff;
	background: url(../images/nav.gif) no-repeat left -80px;
	padding: 12px 0 0 10px;
}
#shadownavbtm {
	width: 180px;
	height: 15px;
	background: url(../images/shadownavbtm.png) repeat-x;
	position: relative;
	top: -16px;
	z-index: 1000;
}
#navhome #nav li a.navhome,
#navservices #nav li a.navservices,
#navqualifications #nav li a.navqualifications,
#navresources #nav li a.navresources,
#navabout #nav li a.navabout,
#navcontact #nav li a.navcontact {
	color: #007DA0;
	background: url(../images/nav.gif) no-repeat left -40px;
}
/* @end */
/* @group Content */
#content {
	width: 560px;
	float: left;
	color: #666666;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: -.05em;
	background: url(../images/shadowtop.gif) repeat-x;
	padding-bottom: 25px;
	padding-right: 40px;
}
#content h2 {
	letter-spacing: -.05em;
	font-weight: normal;
	color: #638835;
	font-size: 1.6em;
}
#content strong {
	font-weight: bold;
	color: #333333;
}
#content strong.callout {
	color: #007DA0;
	font-size: 1.2em;
	margin-right: .5em;
}
#promo {
	margin-top: 25px;
}
#content .columnsmall {
	float: left;
	width: 170px;
	padding-right: 10px;
}
#contactmap {
	width: 525px;
	clear: both;
	padding-bottom: 15px;
	text-align: right;
}
#contactmap iframe {
	border: solid 1px #999999;
}
#contactform {
	clear: both;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
#contactform .columnsmall {
	float: left;
	width: 235px;
	margin-right: 25px;
}
#contactform .columnlarge {
	clear: both;
	width: 525px;
	padding-top: 15px;
}
.resume {
	float: right;
	text-align: center;
	font-size: .75em;
	width: 180px;
}
/* @end */
/* @group Footer */
#footer {
	color: #999999;
	width: auto;
	clear: both;
	background-image: url(../images/shadowbtm.gif);
	background-repeat: repeat-x;
	margin-top: 25px;
	font-size: 0.7em;
	padding: 25px;
	height: 125px;
}
.footercredits {
	float: left;
	width: 200px;
}
.footerlogos {
	float: left;
	width: 525px;
	text-align: right;
}
/* @end */