body {
 background-color: #000066;
 font-size: 90%;
 font-family: Verdana, sans-serif;
 color: #000000;
 margin: 0;
 padding: 0;
}

div.clear {
 clear: both;
 line-height: 0;
 height: 0;
 font-size: 1px;
 overflow: hidden;
}

.left {
 float: left;
 margin-bottom: 5px;
 margin-right: 10px;
}

.right {
 float: right;
 margin-bottom: 5px;
 margin-left: 10px;
}

address {
 font-style: normal;
}

/*************/
/* Container */
/*************/
div#container {
 width: 960px;
 margin: 0;
 margin-left: 10px;
 position: relative;
 background-color: #ffffff;
}

a#accessibility, a#skip {
 display: none;
}

/********************/
/* Logo & Strapline */
/********************/
div#container h1 {
 margin: 0;
 padding: 0;
 text-indent: -9999px;
 width: 250px;
 height: 90px;
 position: absolute;
 top: 0;
 left: 0;
 background-image: url(images/logo.gif);
 background-position: top left;
 background-repeat: no-repeat;
 z-index: 10;
}

div#container h2#strapline1 {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 50px;
 left: 280px;
 z-index: 10;
 font-family: Georgia, serif;
 font-size: 1em;
 font-style: italic;
 color: #000066;
 letter-spacing: -0.05em;
}

div#container h2#strapline2 {
 margin: 0;
 padding: 0 0 0 15px;
 position: absolute;
 top: 20px;
 right: 0;
 z-index: 10;
 font-family: Georgia, serif;
 font-size: 1em;
 font-style: italic;
 color: #ffffff;
 letter-spacing: -0.05em;
 background-image: url(images/strapline_background.gif);
 background-position: top left;
 background-repeat: no-repeat;
 background-color: #000066;
 height: 18px;
 width: 665px;
}

/*********/
/* Strip */
/*********/
div#container img#strip {
 position: absolute;
 top: 90px;
 left: 0;
}

div#container img#picture {
 position: absolute;
 top: 60px;
 right: 15px;
 z-index: 20;
}

/*********/
/* Inner */
/*********/
div#container div#inner {
 /* border-left: 65px solid #f8c22b; */
 overflow: hidden; /* Hack needed to get IE7 to show left border of inner div */
 background-image: url(images/inner_background.gif);
 background-position: top left;
 background-repeat: repeat-y;
}

* html div#container div#inner {
 height: 100%; /* Hack needed to get IE6 to show left border of inner div */
}

/*******/
/* Nav */
/*******/
div#container div#nav {
 background-color: #ffcc99;
 width: 185px;
 /*
 position: absolute;
 top: 90px;
 left: 65px;
 z-index: 100;
 overflow: visible;
 */
 float: left;
 background-image: url(images/nav_background.png);
 background-position: top left;
 background-repeat: no-repeat;
 margin: 90px 0 0 65px;
 padding: 20px 0 0;
 display: inline;
}

* html div#container div#nav { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_background.png', sizingMethod='crop');
}

div#container div#nav ul {
 margin: 0;
 padding: 0;
 width: 175px;
 float: right;
 list-style: none;
}

div#container div#nav ul li {
 background-image: url(images/nav/nav_item.gif);
 background-position: bottom left;
 background-repeat: no-repeat;
 margin: 0;
 margin-bottom: 10px;
 padding: 0;
 position: relative;
 z-index: 200;
}

* html div#container div#nav ul li {
 height: 18px;
}

div#container div#nav ul li a {
 color: #ffffff;
 height: 17px;
 padding: 11px 0 1px 40px;
 background-position: 8px -3px;
 background-repeat: no-repeat;
 font-size: 0.9em;
 text-decoration: none;
 letter-spacing: -0.05em;
 display: block;
}

div#container div#nav ul li#navAbout a {
 background-image: url(images/nav/about.gif);
}

div#container div#nav ul li#navProducts a {
 background-image: url(images/nav/products.gif);
}

div#container div#nav ul li#navNews a {
 background-image: url(images/nav/news.gif);
}

div#container div#nav ul li#navContact a {
 background-image: url(images/nav/contact.gif);
}

div#container div#nav ul li#navAbout a:hover {
 background-image: url(images/nav/about_hover.gif);
}

div#container div#nav ul li#navProducts a:hover {
 background-image: url(images/nav/products_hover.gif);
}

div#container div#nav ul li#navNews a:hover {
 background-image: url(images/nav/news_hover.gif);
}

div#container div#nav ul li#navContact a:hover {
 background-image: url(images/nav/contact_hover.gif);
}

div#container div#nav ul li a:hover {
 color: #000000;
}

div#container div#nav div#buttons {
 clear: right;
 padding-top: 100px;
 text-align: center;
}

div#container div#nav div#buttons img {
 margin-bottom: 15px;
 border: 0;
}

/***********/
/* Sub Nav */
/***********/
div#container div#nav ul li ul {
 display: none;
 position: absolute;
 top: 11px;
 left: 175px;
 margin: 0;
 padding: 0;
 padding-left: 10px;
 float: none;
 list-style: none;
 z-index: 200;
 background-color: #ff6600;
 border: 1px solid #000000;
 width: 8em;
}

div#container div#nav ul li:hover ul, div#container div#nav ul li.hover ul {
 display: block;
}

div#container div#nav ul li ul li {
 background-image: none;
 margin: 0;
 padding: 2px;
 position: static;
}

div#container div#nav ul li ul li a {
 color: #ffffff;
 background-image: none !important;
 height: auto;
 white-space: nowrap;
 padding: 0;
}

/***********/
/* Content */
/***********/
div#container div#content {
 /*
 border-left: 185px solid #ffcc99;
 */
 float: left;
 padding: 120px 25px 15px;
 font-size: 0.85em;
 background-image: url(images/content_background.gif);
 background-position: 0 0;
 background-repeat: no-repeat;
 width: 660px;
 line-height: 135%;
}

div#content a {
 color: #000066;
 text-decoration: underline;
 font-weight: bold;
}

div#content a:hover {
 color: #ff6600;
 text-decoration: none;
}

div#content h2 {
 font-weight: bold;
 font-size: 1.5em;
}

div#content h3 {
 color: #ff0000;
 font-weight: bold;
 letter-spacing: -0.05em;
 margin-top: 20px;
 margin-bottom: -7px;
 font-size: 1.2em;
}

div#content h3.subheading {
 color: #000000;
 margin: -10px 0 0;
 font-style: italic;
 font-size: 1.15em;
}

div#content li {
 margin-bottom: 5px;
}

div#content .picture {
 margin-right: 275px;
}

div#content div.testimonial p {
}

div#content div.testimonial div.comment {
 padding-right: 15px;
 background-image: url(images/testimonial_right.png);
 background-position: 100% 100%;
 background-repeat: no-repeat;
}

div#content div.testimonial div.comment p {
 background-image: url(images/testimonial_left.png);
 background-position: 0 0;
 background-repeat: no-repeat;
 padding-left: 20px;
}

* html div#content div.testimonial div.comment { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/testimonial_right.png', sizingMethod='crop');
}

* html div#content div.testimonial div.comment p { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/testimonial_left.png', sizingMethod='crop');
}

div#content img#map {
 margin-top: 12px;
 border: 1px solid #000000;
}

div#content div.column {
 float: left;
 margin-right: 15px;
 width: 45%;
}

div#content p.summary {
 color: #ff0000;
 font-weight: bold;
 font-size: 115%;
}

div#content p.date {
 font-weight: bold;
}

div#content img.summary {
 float: right;
 margin-left: 10px;
 margin-bottom: 5px;
 border: 0;
}

/*****************/
/* Accessibility */
/*****************/
div#content table#accesskeystable {
 border: 1px solid #000000;
 border-collapse: collapse;
 width: 300px;
}

div#content table#accesskeystable, div#content table#accesskeystable caption {
 margin-left: auto;
 margin-right: auto;
}

div#content table#accesskeystable th {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
 color: #000000;
 background-color: #cccccc;
}

div#content table#accesskeystable td {
 border: 1px solid #000000;
 border-collapse: collapse;
 padding: 4px;
}

div#content table#accesskeystable tr {
 background-color: #ffffff;
}

div#content table#accesskeystable tr.highlight {
 background-color: #f0f0f0;
}

div#content table#accesskeystable em {
 font-weight: bold;
 text-decoration: underline;
 font-style: normal;
}