/***** HTML RESET *****/
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; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/***** BODY *****/
body { background: url(../images/filmstrip2.jpg) left top repeat-x; font: 11px Verdana; color: #000; }

/***** CONTENT WRAPPER *****/
#wrapper { width: 750px; margin: 0 auto; overflow: auto; }

/***** STM LOGO *****/
#logo { margin: 20px auto; background: url(../images/Signage1.jpg) center top no-repeat; padding-top: 210px; clear: both; }

/***** TOP MENU *****/
.menu { background: url(../images/menubar.png) left top no-repeat; width: 600px; height:110px; margin: 0 auto; clear: both; }
.menu li { display: inline; }
.menu li a { float: left; font: bold small Arial; text-decoration: none; color: #000; display: block; width: 100px; padding: 7px 0 0 0; text-align: center; }
.menu li a:hover { text-decoration: underline; color: #900; } 

/***** MAIN CONTENT AREA *****/
#content { overflow: auto; clear: both; padding: 3em 0; }


h1 { font: xx-large Arial; color: #abc; border-bottom: 1px solid #abc; margin-bottom: 1em; }
h2 { font: bold medium Arial; color: #9c0; margin-bottom: 0.5em; }
h3 { font: bold small Arial; color: #fc0; margin-bottom: 0.5em; }
h2 a { color: #9c0;  text-decoration: none; }
h2 a:hover { text-decoration: underline; }
img { margin-bottom: 1em; border: 1px solid #fff; }
img.left { float: left; margin-right: 1em; }
img.right { float: right; margin-left: 1em; }
li { margin-bottom: 1.5em; }
blockquote { margin: 1.5em 1.5em;}

fieldset { border-bottom: 1px solid #fc0; }
legend { font: x-large Arial; margin-left: 0em; padding-right: 0.25em; } 

/***** CLIENT IMAGES *****/
.clients p { text-align: center; }
.clients p img { float: none; margin: 1em; }

/***** LEFT COLUMN *****/
div#left { float: left; width: 50%; text-align: left; }
div#left ul { list-style: none; margin-left: 0; }
div#left li { margin-bottom: 0; }
div#left a { display: block; border-bottom: 1px solid #456; color: #000;  padding: 0.5em; text-decoration: none; text-align: right; }
div#left a:hover { color: #9c0; border-color: #9c0; }

/***** RIGHT COLUMN *****/
div#right { float: right; width: 50%; text-align: centre; }
div#right a { text-decoration: none; }
div#right a:hover { text-decoration: underline; }

/***** FOOTER *****/
#footer { padding: 20px 0; clear: both; }
#footer p { text-align: center; }

.toggle { margin-bottom: 3em; }