* { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }

img.left { float: left; margin: 0 10px 0 0; }
img.right { float: right; margin: 0 0 0 10px; }
img.center, img.centre { display: block; margin: 10px auto; }
p.left { text-align: left; }
p.right { text-align: right; }
p.center, p.centre { text-align: center; }

html { font-size: 100%; }
body { margin: 30px auto; width: 922px; font-size: 62.5%; }

h1#header { background: url(layout/colour-bands.gif) no-repeat bottom; height: 51px; }
h1#header span { display: block; background: url(layout/header-text.gif) no-repeat center 8px; height: 41px; }
h1#header span strong { display: none; }

p#contact {  height: 40px; text-align: center; font-size: 2.5em; color: #0783b6; background: #fff; margin: -15px 0 0; }
p#contact a.email { color: #0783b6; background: #fff; margin: 0 0 0 20px; }
p#contact a.email:hover { color: #D51B5C; }
p#contact .telephone { color: #D51B5C; }

div#bounding { border: 1px solid #ccc; margin: 6px 0; padding: 25px; background: url(layout/logo.jpg) 45px bottom no-repeat; }

div#content.clients li { list-style: none; float: left; }

div#content { float: right; width: 658px; background: #fff; margin: 0 0 25px 0; font-size: 1.4em; color: #05649A; min-height: 345px; }
div#content.homepage { background: url(layout/as-used-on.jpg) no-repeat; height: 345px; }
div#content.terms { height: 500px; overflow: auto; }
div#content.homepage * { display: none; }
h2,h3,h4,h5,h6 {  color: #C00E4A; }
div#content h2 { font-size: 1.2em; font-weight: 100; margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 1.6em; border-bottom: 2px solid #6098c2; }
div#content h4 { clear: both; color: #C00E4A; font-weight: 700; padding: 10px 0; font-size: 1.2em; }
div#content p { margin: 5px 0; color: #05649A; line-height: 1.6em; }
div#content li { list-style: circle inside; color: #05649A; padding: 0 0 3px 0; }
div#content ul { margin: 0 0 10px 0; }
div#content ul.long li { width: 32%; float: left; }
div#content ul.medium li { width: 48%; float: left; }

p.thumbnails, h4.thumbnails { text-align: center; }
p.thumbnails a img { border: none; margin: 1px; }

div#logos { background: url(layout/big_ad.gif) no-repeat right; width: 468px; height: 60px; float: right; }

ol#navigation { margin: 25px 0 0 21px; width: 150px; height: 275px; float: left; }

ol#navigation li { display: block; height: 15px; list-style: none; margin: 0 0 10px 0; }
ol#navigation li a { display: block; height: 15px; background-image: url(layout/nav.gif); }
ol#navigation li a span { display: none; }

li.home a { width: 46px; background-position:  0 0; }
li.why a { width: 131px; background-position: -46px 0; }
li.about a { width: 69px; background-position: -177px 0; }
li.clients a { width: 51px; background-position: -246px 0; }
li.credits a { width: 54px; background-position: -297px 0; }
li.hire a { width: 28px; background-position: -351px 0; }
li.specs a { width: 107px; background-position: -379px 0; }
li.how a { width: 139px; background-position: -486px 0; }
li.press a { width: 104px; background-position: -625px 0; }
li.contact a { width: 65px; background-position: -729px 0; }
li.terms a { width: 148px; background-position: -794px 0; }

li.home a:hover { width: 46px; background-position:  0 15px; }
li.why a:hover { width: 131px; background-position: -46px 15px; }
li.about a:hover { width: 69px; background-position: -177px 15px; }
li.clients a:hover { width: 51px; background-position: -246px 15px; }
li.credits a:hover { width: 54px; background-position: -297px 15px; }
li.hire a:hover { width: 28px; background-position: -351px 15px; }
li.specs a:hover { width: 107px; background-position: -379px 15px; }
li.how a:hover { width: 139px; background-position: -486px 15px; }
li.press a:hover { width: 104px; background-position: -625px 15px; }
li.contact a:hover { width: 65px; background-position: -729px 15px; }
li.terms a:hover { width: 148px; background-position: -794px 15px; }

.clear { clear: both; }

fieldset { padding: 10px; border: 1px ridge #aaa; margin: 0 0 10px 0; }
legend { font-size: 0.9em; font-weight: 700; }
label { font-weight: 700; display: block; font-size: 0.8em; }
label[for="sendinfo"] { float: left; padding: 0 5px 0 0; }
input, textarea { padding: 2px; font-size: 0.9em; }
textarea { width: 500px; }

#footer { background: url(layout/colour-bands.gif) no-repeat top; height: 30px; padding: 14px 0 0 0; text-align: center; font-size: 10pt; color: #444; }