html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body { height: 100%; }

div#slides { display: none; }

body {
	line-height: 1;
	background: #f8f9fa;
	color: #959595;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { color: #959595; }

div#distance { margin-bottom: -307px; /* half of content height */ width: 1px; height: 50%; float: left; }

#wrapper { width: 960px; height: 615px; background: #e8eeef; position: relative; margin: 0 auto; clear: left; }

#header { height: 122px; background: url(../images/header_bg.jpg) no-repeat; overflow: hidden; }

#content { height: 369px; background: #e9eff1; }

#content.sub { background: url(../images/sub_bg.jpg) no-repeat; overflow: hidden; position: relative; }

#nav { height: 27px; background:#F66; background: url(../images/nav_bg.jpg) no-repeat;  overflow: hidden; padding-left: 72px; position: relative; padding-top: 25px; }

#footer { height: 72px; background: url(../images/footer_bg.jpg) no-repeat; text-align: center; padding-top: 42px; font-size: 9px; }

div.left { float: left; }

div.right { float: right; }

#content div.left { width: 450px; padding: 20px 25px 0 145px; height: 369px; }

#content div.right { height: 369px; width: 300px; padding: 20px 0 0 40px;  }

.slideshow {  width: 960px; height: 369px; overflow:hidden; }

.slideshow img { float: left; }

/* ul */

.navigationComplete li, .navigationComplete ul li { float: left; }

.navigationComplete li a, .navigationComplete ul li a { text-transform: uppercase; text-decoration: none; font-size: 12px; display: block; height: 28px; line-height: 28px; font-weight: bold; margin-right: 20px; }

.navigationComplete ul li a { font-size: 10px; height: 23px; line-height: 23px; }

.navigationComplete ul { display: none; }

ul.subsection { display: block; position: absolute; top: 2px; left: 72px; } 

div.right li { font-size: 11px; padding: 3px 0; background: url(../images/bullet.jpg) left no-repeat; padding-left: 10px; }

a.selected { color: #000;}

.navigationComplete a:hover { color: #000; }

/* paragraphs */

div.left p { line-height: 20px; padding: 10px 0; }

/* slider */

div.items div { background: url(../images/shadow_bg.png) center no-repeat; width: 194px; height: 150px; float: left; margin-top: 110px; text-align: center; }

div.casestudies div.items div { background: none; width: 960px; height: 369px; margin-top: 0; }

div.items { width:20000em; position:absolute; }

ul.slidernav { position: absolute; top: 0; right: 20px; }

ul.slidernav li { font-size: 10px; line-height: 23px; padding: 0 3px; cursor: pointer; float: left; }

ul.slidernav a { margin-right: 0; }

ul.slidernav a img { vertical-align: middle; }

.currentpage { color: #000; }

/* contact form */

form li { padding: 5px 0; width: 100%;  }

form label { float: left; width: 120px; display: block; }

input:focus, textarea:focus { outline: 1px solid #333; }

div.left span { color: #F00; }

#contact_details { margin-top: 10px; }

#contact_details p { margin: 10px 0; }

#contact_details ul { margin-bottom: 20px; }

p#directions { margin: 20px 0; }