/* Yahoo! UI Library: Reset CSS */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
    border: 0;
}

/* Clear-flow Ltd CSS */

html {
    background-color: #FFF;
    background-image: url(/images/bg.png);
    background-repeat: repeat-x;
    font-family: Verdana;
}

h1 {
    border-bottom: 1px solid #DDD;
    color: #135;
    font-family: Arial;
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;
    margin: 5px 0;
    padding: 0.25em 0;
}

p {
    margin: 0.5em 0;
}

a {
    color: #127;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

ul a {
    color: #000;
}

address {
    font-style: italic;
}

.bordered,
.box img {
    background-color: #FFF;
    border-color: #DDD #BBB #BBB #DDD;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}

.clear {
    clear: both;
}

.indent {
    padding-left: 2em;
}

.content {
    clear: both;
    margin: 0 auto;
    padding: 2em 3em;
}

.content img.main {
    float: right;
    margin: 0.75em 1.5em;
}

.content .central {
    text-align: center;
}

.content .central img {
    margin: 0.75em 1.5em;
}

.content h2 {
    color: #135;
    font-style: italic;
    font-weight: bold;
    margin: 2em 0 0.5em;
}

.content p {
    font-size: 0.8125em;
    line-height: 1.75;
    margin: 1em 0;
    text-align: justify;
}

.content ul {
    font-size: 0.8125em;
    line-height: 1.75;
    list-style-type: disc;
    margin: 1em 0 1em 2em;
}

.boxes {
    border-collapse: separate;
    border-spacing: 2em;
    width: 100%;
}

.boxes .box {
    background-color: #F9F9F9;
    border: 1px solid #DDD;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    height: 100%;
    padding: 0 0 1.5em;
    text-align: center;
    vertical-align: top;
    width: 50%;
}

.boxes .domestic,
.boxes .commercial {
    background-position: right bottom;
    background-repeat: no-repeat;
}

.boxes .domestic {
    background-color: #F4F7F0;
    background-image: url(/images/wave-green.jpg);
    border-color: #D6D9D2;
}

.boxes .commercial {
    background-color: #F0F7F7;
    background-image: url(/images/wave-blue.jpg);
    border-color: #D2D9D9;
}

.boxes .box h2 {
    font-size: 1.25em;
    font-style: normal;
    font-weight: normal;
    margin: 0.5em 0;
}

.boxes .box img {
    margin: 0.5em 0;
}

.boxes .box a {
    color: #000;
}

.boxes .box p {
    margin: 0.5em 2em 0;
    text-align: left;
}

.boxes .box ul {
    font-size: 0.875em;
    margin: 0.5em auto 0;
    text-align: left;
    width: 15em;
}

.boxes .box li {
    line-height: 1.5em;
    list-style-type: disc;
}

.boxes .box li a {
    color: #222;
}

.boxes .box li a:hover {
    color: #127;
}

.contactSummary {
    color: #135;
    font-size: 0.75em;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    top: 1.5em;
}

table.captioned-images {
    font-size: 0.75em;
    font-weight: bold;
    margin: 2em auto 1em;
    text-align: center;
}

table.captioned-images img {
    margin: 0.5em 3em;
}

.contactSummary label {
    color: #666;
    font-weight: normal;
    text-transform: lowercase;
}

.contactSummary a {
    color: #135;
    text-decoration: none;
}

.contactSummary a:hover {
    text-decoration: underline;
}

.links a {
    color: #127;
    text-decoration: underline;
}

#wrapper {
    background-color: #FFF;
    /* background-image: url(/images/wrapper-border.png);
    background-position: top;
    background-repeat: no-repeat; */
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    margin: 20px auto;
    padding: 0.5em 0 1em;
    width: 960px;
}

#header {
    color: #000;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#header img {
    margin: 1.25em 0;
}

#antiquatedSummary {
    left: 2em;
    text-align: left;
}

#modernSummary {
    right: 2em;
    text-align: right;
}

#logo {
    position: relative;
}

#bar {
    background-color: #147;
    background-image: url(/images/gradient.png);
    background-repeat: repeat-x;
    border-color: #127;
    border-style: solid;
    border-width: 1px 0;
    color: #FFF;
    font-size: 0.8125em;
    margin: 0;
    padding: 0.5em 1em;
    text-align: left;
}

#bar a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

#bar a:hover {
    color: #FC0;
}

#primaryNavigation {
    float: right;
}

#primaryNavigation li {
    display: inline;
}

#breadcrumbs label {
    float: left;
    font-style: italic;
    margin-right: 0.5em;
}

#breadcrumbs ul {
    display: inline;
}

#breadcrumbs li {
    background-position: 2px center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: -0.5em 0;
    position: relative;
}

#breadcrumbs li:hover {
    background-image: url(/images/transparent/icons/trail-active.gif);
}

#breadcrumbs li,
#breadcrumbs li.single,
#breadcrumbs li.single:hover {
    background-image: url(/images/transparent/icons/trail.gif);
}

#breadcrumbs li.first,
#breadcrumbs li.first:hover {
    background-image: none;
}

#breadcrumbs li.first a {
    padding-left: 0;
}

#breadcrumbs li a {
    display: block;
    font-weight: normal;
    padding: 0.5em 4px 0.5em 22px;
}

#breadcrumbs li:hover a {
    color: #FC0;
}

#breadcrumbs li ul {
    background-color: #FFF;
    border: 1px solid #147;
    display: none;
    position: absolute;
}

#breadcrumbs li:hover ul {
    display: block;
}

#breadcrumbs li li,
#breadcrumbs li li:hover {
    background-image: none;
    display: block;
    float: none;
    padding: 0;
    margin: 0;
}

/* Second rule required to override li:hover a */
#breadcrumbs li li a,
#breadcrumbs li:hover li a {
    color: #444;
    display: block;
    padding: 0.5em 1em 0.5em 22px;
}

#breadcrumbs li li a:hover {
    background-color: #F1F4F7;
    border-left: 5px solid #147;
    color: #000;
    padding-left: 17px;
}

#footer {
    clear: both;
    font-size: 0.875em;
    padding: 2em 2em 1em;
    text-align: center;
}

#footer #uvdb {
    float: left;
}

#footer #achilles {
    float: right;
}

#footer address {
    background-image: url(/images/white/icons/world.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline;
    padding-left: 20px;
}

#footer address a {
    color: #000;
    text-decoration: none;
}

#footer address a:hover {
    text-decoration: underline;
}

#footer hr {
    border-color: #DDD;
    border-style: solid;
    border-width: 0 0 1px;
    margin: 0.5em 4em;
}

#footer .links li {
    display: inline;
}

/* Index page */

#index .content {
    background-image: url(/images/flexline-panorama.jpg);
    background-position: center 15px;
    background-repeat: no-repeat;
    padding-top: 240px;
}

#index #sww {
    margin-top: 1.5em;
    text-align: center;
}

/* News page */
.date {
    color: #135;
    float: right;
    margin-top: 1em;
}

.date .day,
.date .month,
.date .year {
    font-size: 0.75em;
    font-style: italic;
    line-height: 1.5;
    text-align: center;
}

/* Contact page */

#contact .content address,
#contact .content p {
    font-size: 0.8125em;
    font-style: normal;
    line-height: 1.5;
    margin: 1em 0 1em 1.5em;
    text-align: left;
}

#contact .content #map {
    float: right;
    height: 575px;
    margin: 2em 0;
    overflow: hidden;
    width: 425px;
}

/* Documents page */

#documents .content ul {
    list-style: url(/images/white/icons/page_white_acrobat.png) disc;
    margin: 1em 3em;
}

#documents .content li {
    margin: 1em 0;
    padding-left: 12px;
}