/*--------------------------------------------------

BASE CSS

--------------------------------------------------*/

/* Elements
--------------------------------------------------*/
html {
	border: 0; /* WIE6 : Removes 2 pixel border ie WIE standards mode */
}
body {
	background: #005B24;
	color: #464749;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 62.5%; 
	margin: 0; 
	overflow: -moz-scrollbars-vertical !important; /* FF : Prevent page jumping between non/scrolling pages */
	padding: 0; 
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	color: #006832;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom; /*@ WIE : stops images aligning to baseline, so they line with bottom of parent element */
	border: none; 
	margin: 0; /*@ WIE : image margin reset bug */
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #55565A;
}
p input,
li input, li select, li textarea,
dd input, dd select, dd textarea {
	font-size: 1em;
}
a:link {
	color: #006832;
	text-decoration: none;
}
a:visited {
	color: #006832;
	text-decoration: none;
}
a:hover {
	color: #EB6F24;
	text-decoration: none;
}
a:active {
	color: #006832;
	text-decoration: none;
}
ul, ol {				
	margin: 0 0 1.1em 2.2em; 
	padding: 0;
}
li {
	font-size: 1.1em; 
	padding: 0;
	margin: 0;
}
li h2,
li h3, 
li h4,
li h5,
li h6,
li li,
li p,
li dl,
dd p,
dd li,
p label,
dl label,
dl input,
ul label,
ul input {
	font-size: 1em; 
}
p, dl {
	margin: 0 0 1.1em;
	padding: 0;
	font-size: 1.4em;
}	
dd, dt, form, fieldset {
	border:0;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.1em;
}
th, td {
	padding: 0;
	text-align: left;
}
label {
	font-size: 1.1em;
}


/* Accessibility
--------------------------------------------------*/
.longdesc,
.access,
caption,
legend { /* Place selectors here as required to hide something for accessibility reasons */
	position: absolute;
	left: -999em;
	/* These are for older browsers */
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}

ul#access-nav, 
ul#access-nav li {
	padding: 0; 
	margin:0; 
	list-style: none;
	display:inline;
}
#access-nav a:link, 
#access-nav a:visited {
	width: 0; 
	height: 0;
	float: left; 
	overflow: hidden; 
}
#access-nav a:active, 
#access-nav a:focus {
	width: auto; 
	height: auto;
	position:absolute; 
	left: 0;
	top: 0;
	z-index:10000; 
	overflow: visible; 
	background-color: #FFF;
	padding: 5px;
}


/* Helper
--------------------------------------------------*/
#page:after,
.clear:after { /* Do NOT use this class, add a selector here */
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
    content: " ";
	clear: both;
}
html[xmlns] .clear {
	display: table;
}
* html .clear {
	height: 1%;
}

/*--------------------------------------------------

LAYOUT

--------------------------------------------------*/
#page {
	background: url(../images/canvas/page.png) repeat-y bottom left;
	margin: auto;
	padding: 0 0 16px;
	text-align: left;
	width: 1020px;
}
#header {
	background: url(../images/canvas/header.gif) no-repeat;
	float: left;
	padding: 0 17px 0 24px;
	width: 237px;
}
#logo {
	float: left;
	margin: 18px 0 13px;
}
#content {
	background: url(../images/canvas/map.gif) no-repeat 455px 214px;
	float: left;
	min-height: 438px;
	padding: 17px 0 0;
	width: 713px;
}
* html #content {
	height: 438px;
}

/* CONTACT
--------------------------------------------------*/
#contact {
	clear: left;
	color: #EB6F24;
	float: left;
	font-size: 1.4em;
	padding: 7px 0 0 27px;
}
#contact dd {
	color: #006832;
	padding: 0 0 6px;
}

/* UTILITY
--------------------------------------------------*/
#page {
	position: relative;
}
#body {
	float: left;
}
#header {
	padding-bottom: 100px;
}
#utility {
	list-style-type: none;
	margisn: -94px 0 0;
	padding: 0;
	position: absolute;
	left: 3px;
	bottom: 6px;
}
#utility li {
	float: left;
	margin: 0;
	padding: 0 4px 6px 27px;
}

/* NAVIGATION
--------------------------------------------------*/
#nav {
	clear: left;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
#nav li {
	margin: 0;
	padding: 0 0 10px;
}

/* NAV 1 AND DEFAULT */
#nav a {
	background: url(../images/nav/overview.gif) no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 12px 0 0;
	width: 200px;
}
#nav a:hover {
	background-position: 0 -12px;
}

/* NAV 2 */
#nav-2 a {
	background-image: url(../images/nav/route.gif);
}
#nav-2 a:hover {
	background-position: 0 -12px;
}

/* NAV 3 */
#nav-3 a {
	background-image: url(../images/nav/content.gif);
}
#nav-3 a:hover {
	background-position: 0 -12px;
}

/* NAV 4 */
#nav-4 a {
	background-image: url(../images/nav/team.gif);
}
#nav-4 a:hover {
	background-position: 0 -12px;
}

/* NAV 5 */
#nav-5 a {
	background-image: url(../images/nav/partners.gif);
}
#nav-5 a:hover {
	background-position: 0 -12px;
}

/* NAV 6 */
#nav-6 a {
	background-image: url(../images/nav/nav-6.gif);
}
#nav-6 a:hover {
	background-position: 0 -12px;
}

/* NAV 7 */
#nav-7 a {
	background-image: url(../images/nav/nav-7.gif);
}
#nav-7 a:hover {
	background-position: 0 -12px;
}

/* NAV 8 */
#nav-8 a {
	background-image: url(../images/nav/nav-8.gif);
}
#nav-8 a:hover {
	background-position: 0 -12px;
}

/* CONTENT
--------------------------------------------------*/
.masthead {
	float: left;
	height: 179px;
	padding: 0 0 14px;
	width: 713px;
}
.masthead img {
	float: left;
}
.masthead blockquote {
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
}
.info-section {
	clear: left;
	float: left;
	width: 415px;
}
.info-section h2 {
	font-size: 1.6em;
}
.thumbnail {
	position: relative;
}
.thumbnail h3,
.thumbnail p {
	width: 320px;
}
.thumbnail img.thumb {
	position: absolute;
	right: 0;
	top: 0;
}