/* Reset CSS
--------------------------------------------- */
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;vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
/*------------------------------------------- */


/* red = #6e0d15 */


/* Typography and Colours
--------------------------------------------- */
body {color: #FFF;background: #000 url(../images/bg_dots.gif) 50% 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; /*Resets 1em to 10px */}

h1, h2, h3, h4 {line-height: 1.5;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em; border-bottom: solid 1px #fff; margin: 0 0 1em 0;}
h3 {font-size: 1.4em; border-bottom: solid 1px #fff; margin: 0 0 1em 0;}
h4 {font-size: 1.4em; padding: 0 0 .25em 0;} /*original font size 1.2em*/

h2.slogan {background: url(../images/backgrounds/bg-slogan.png) no-repeat 102px 1px;}

p,li,td,form {font-size:1.3em; line-height: 1.5;} /*original font size 1.2em*/
p {margin: 0 0 1em 0;}

a:link, a:visited {color: #fff;text-decoration: underline;}
a:hover, a:active {color: #c0c0c0;text-decoration: underline;}

#outer, #home {background: #000;}
#header {color: #000;background: transparent;}

.disclaimer {font-size: 1.1em;}
legend .disclaimer {font-weight: normal; font-size: 1em;}
.footercopy {color: #bcb3b3; font-size:1.2em;}
.footercopy .companyname {font-size:1.4em; font-weight:normal}
.prelist{margin: 0 0 .5em 0;}
.quote {font-style:italic; text-align: center; display:block; font-size:1.1em}
.quotee {text-align: center; display:block; padding: 1em 0 1em 0; font-weight: bold;}
.companyname {font-weight: bold;}
.spacer {height: 1em;}
.pipe {padding: 0 1em;}
.footercopy .pipe {padding: 0 .5em;}
.highlight {background: #8b3d44; padding: .5em; margin: .5em 0 0 0;}
.event {padding: 0 0 .5em 0; font-style: italic; font-weight: bold;}
.hint {font-size: .8em;}

/* Images
--------------------------------------------- */
img {border: none;margin: 0;padding: 0;display: block;}
p img {padding: 0;}
/*	Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered',will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 5px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 5px;margin: 0 7px 2px 0;display: inline;}

.pdf {background: url(../images/icons/icon-pdf.png) no-repeat; padding: 0 0 0 20px;}

/* Floats
--------------------------------------------- */
.clear {clear: both;}
.alignright {float: right;}
.alignleft {float: left}


/* Layout
--------------------------------------------- */
html {height: 100%;margin-bottom: 1px; /* Ensure scrollbars always appear, so page doesn't shift horizontally when moving between pages of different lengths */}

body {width: 100%;}

#outer, #home {margin: 0 auto;width: 930px;clear: both; background: url(../images/backgrounds/bg-navigation.png) repeat-y 0 176px;}
#home {background: none; width: 1000px;}
#inner {clear: both;}


/* Header
--------------------------------------------- */
#header {width: 930px;height: 176px;margin: 0 auto; background: url(../images/backgrounds/bg-header.png) no-repeat top left;}
#logo {width: 200px; float: left;}
#flash {float: left;}

/* Navigation
--------------------------------------------- */
#navigation {float: left;width: 200px;min-height: 710px;}
/*#revents {clear:both; border: solid 1px #530910; border-top: none; float: right; margin: 0 4px 0 0;}*/
#revents {clear:both; float: right; margin: 5px 33px 0 0;}

/* Content
--------------------------------------------- */
#content {width: 730px;float: left;min-height: 710px; background-color: #6e0d15;}
#copy {padding: 20px;}
#copy ul {margin: 0 0 1em 0}
#copy ul li {background: url(../images/icons/icon-bullet-arrow.png) no-repeat 0 .4em; padding: 0 0 .5em 1.5em;}

.twocolumn {width: 335px; float:left; padding:0 1em 0 0;}
.threecolumn {width: 215px; float:left; padding:0 1em 0 0;}

.clients {width: 100%; text-align: center; font-weight: bold; padding: 1.5em 0 1em 0;}

/* Footer
--------------------------------------------- */
#footer {width: 930px;height: 62px;margin: 0 auto;clear: both; background: url(../images/backgrounds/bg-footer.png) no-repeat top left;}
#footercontent {padding: 14px 0 0 214px; }


/* Form
--------------------------------------------- */
/* Typography and Colours */
.error {color: #8b3d44; font-weight: bold;}
input.error, select.error, textarea.error {font-weight: normal; background: #8b3d44; color: #fff;}

/* Layout */
div.error {display:none; margin: 0 0 1em 0;}
div.error img {float:left; padding: 0 1em 0 0;}
div.error span {float:left; line-height: 32px;}

fieldset {margin: 0 0 1em 0;}
fieldset legend {font-weight: bold; margin: 1em 0 -1em 0; }
fieldset label { width: 180px; text-align: right; float:left; margin: .5em 1em 0 0; }

fieldset input, fieldset textarea, fieldset select {float:left; margin: .5em 0 0 0; border: solid 1px #fff;}
fieldset input.radio {margin: .75em 0 .25em 0; border:none;}
fieldset span.radiolabel {float:left; margin: .5em 1em 0 .5em;}
fieldset label.error {clear: both; width: auto; text-align: left; margin: 0 0 0 1em; padding: 0 0 0 180px;}
fieldset br {clear:both;}

div.buttonpanel {border-top:1px solid #fff;}
div.buttonpanel {clear:both; padding: .5em 0 0 0}
div.button {background: url(../images/buttons/button-main-right.png) no-repeat 100% 0; height: 22px; float: left; padding: 0 0 1em 0; outline: none; }
div.button input {color:#fff; background: url(../images/buttons/button-main-left.png) no-repeat; border: none; height: 22px; float: left; width: auto; padding: 1px 10px 4px 10px; text-align: center; cursor: pointer; outline: none; margin: 0;}
div.button input[disabled] {cursor: default; color: GrayText;}


/* Menu
--------------------------------------------- */
#menucontainer {float: right; margin: 20px 4px 0 0;}
#menucontainer li, ul.menu li {font-size:13px; line-height: 1;} /*reset for menu*/

/* Layout */
/*styles common to both flyout and cascade menus*/
ul.menu, ul.menu ul {width: 158px;}
ul.menu {list-style-type: none;padding: 0;margin: 0;border-width: 1px 1px 0px 1px;border-style: solid;}
ul.menu li a {min-height: 14px;}
ul.menu li a#on {cursor:default;}
ul.menu ul {border-width: 0 1px 1px 1px;padding: 0;margin: 0; }
ul.menu li {list-style-type: none;padding: 0;margin: 0;display: block;overflow: visible;}
ul.menu li a {outline: none;display: block;text-decoration:none;padding: 6px 20px 6px 10px; background: url(../images/menu/menu-bg-off.png) top right no-repeat; font-weight: bold; }
ul.menu li a:hover, ul.menu li a.selected {background: url(../images/menu/menu-bg-on.png) top right no-repeat;}
ul.menu li a.fly {font-weight: bold; background-image:url(../images/menu/menu-bg-off-down.png);}
ul.menu li a.fly:hover {background-image:url(../images/menu/menu-bg-on-down.png);}
ul.menu li a:hover, ul.menu li a.open {text-decoration: none;}
ul.menu li a.open {background-image:url(../images/menu/menu-bg-off-up.png);}
ul.menu li a.open:hover {background-image:url(../images/menu/menu-bg-on-up.png);}
ul.menu li a.selected {cursor:default;}
ul.menu li ul a {background-image:none; font-weight:normal; }
ul.menu li ul a.fly {background-image:url(../images/menu/menu-arrow-down.png);}
ul.menu li ul a:hover, ul.menu li ul a.selected {background-image:none;}
ul.menu li ul a.fly:hover {background-image:url(../images/menu/menu-arrow-down.png);}
ul.menu li ul a.open {background-image:url(../images/menu/menu-arrow-up.png);}
ul.menu li ul a.open:hover {background-image:url(../images/menu/menu-arrow-up.png);}
ul.menu li ul ul a {font-weight:normal; }
ul.menu li ul ul a:hover, ul.menu li ul ul a.selected {background-image:none;}
ul.menu li.bottom a {font-weight: normal;}
/*flyout menu specific*/
ul.flyout ul {position: absolute;display: none;}
ul.flyout li a {background-image:url(../images/menu/menu-bg-off.png); _height: 1px;}	
ul.flyout li a:hover, ul.flyout li a.open, ul.flyout li a.open:hover {background-image:url(../images/menu/menu-bg-on.png);}
ul.flyout li a.fly {background-image:url(../images/menu/menu-bg-off-right.png);}
ul.flyout li a.fly:hover {background-image:url(../images/menu/menu-bg-on-right.png);}
ul.flyout li ul a.open:hover {background-image:none;}
ul.flyout li ul a.fly, ul.flyout li ul a.fly:hover {background-image:url(../images/menu/menu-arrow-right.png);}
ul.flyout li ul ul a:hover {background-image:none;}
/*cascade menu specific*/
ul.cascade ul {display: none;}
ul.cascade li.open ul {display: block;}
ul.cascade ul li a {padding-left: 20px;}
ul.cascade ul ul li a {padding-left: 30px;}
ul.cascade ul ul ul li a {padding-left: 40px;}
ul.cascade li {border-bottom: none;display: block;}
ul.cascade li a {/*this is needed to prevent whitespace issues in IE 6.*/_height:1px; }
ul.cascade ul {border-top-width: 1px;}

/* Typography and Colours */
/*styles common to both flyout and cascade menus*/
ul.menu {border-color: #530910/*menu-border*/;}
ul.menu li {border-bottom:1px solid #530910/*menu-border*/;}
ul.menu li a {color:#fff/*menu-text-level-1*/;}
ul.menu li a:hover {color:#fff/*menu-text-level-1*/;} /*for IE6*/
ul.menu li a.fly {background-color:#8b3d44;/*menu-bg-selected*/}
ul.menu li ul a {background-color:#74181f/*menu-bg-level-2*/; color: #fff/*menu-text-level-2*/;}
ul.menu li ul a:hover {background-color:#8b3d44/*menu-bg-selected*/; color: #fff/*menu-text-selected*/;}
ul.menu li ul a.selected {background-color:#8b3d44/*menu-bg-on*/; color:#fff/*menu-text-on*/;}
ul.menu li ul a.open:hover {background-color:#8b3d44/*menu-border*/;}
ul.menu li ul ul a {background-color:#6e0d15/*menu-bg-level-3*/; color: #fff/*menu-text-level-3*/;}
ul.menu ul ul ul a {background-color: #6e0d15/*menu-bg-level-4*/; color: #fff/*menu-text-level-4*/;}
/*cascade menu specific*/
ul.cascade li a {border-bottom: 1px solid #530910/*menu-border*/;}
ul.cascade li {border-bottom: none;}


/* Revents
--------------------------------------------- */
.revents #content {font-size: 1em;}

.revents #content {background: url(../images/backgrounds/bg-content-revents.jpg) no-repeat 0 0;}
.revents #copy ul li {background: none; padding:0 0 .5em 1em;}
.revents #copy .invisible {opacity: 0;}
.revents #copy #contacts p {font-size: 1em; padding: 168px 0 112px 0;}