/* APPUK CSS BY ADAM CROWLEY - adam@frankrapture.com  */

body { background: #FFFFFF url(images/bodybg.gif) 0 -1px repeat-y; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0; padding: 0 400px;  }

a { font-weight: bold; }
a:link, a:visited { color: #11666E; }
a:hover, a:focus { color: #20AEBC; }

.clearer { clear: both; }
.spacer { clear: both; margin-top: 1em; }

#container { background: url(images/bar.gif) 0 130px repeat-x; min-width: 800px; position: relative; margin: 0 -400px; }
* html #container,
* html #sizer,
* html #expander
{height: 0;}
/* */

#header { height: 130px; background: url(images/headerlogo.jpg) top left no-repeat; position: relative; padding-right: 10px; }
#header h1 { display: none; }
#header img { float: right; } 

#innercontainer { background: url(images/barLeft.gif) top left no-repeat; padding: 30px 20px 30px 15px; posiiton: relative; z-index: 2; }

h2 { margin-top: 0; background: url(images/h2bg.gif) left bottom no-repeat; padding-bottom: 1px; line-height: 1.4em; color: #000000; }
h2.smaller { font-size: 1.2em; }

h1.inline { font-weight: normal; font-size: 1em; display: inline; margin: 0; padding: 0; }
p.inline { display: inline; }

strong { color: #000000; }

#nav { width: 169px; float: left; position: relative; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav li { margin: 0; padding: 0; list-style: none; font-size: 1em; font-weight: bold; }
#nav a { text-decoration: none; display: block; width: 139px; padding: 8px 15px; border-bottom: #333333 solid 2px; background: url(images/nav.png); _background: url(images/nav.gif); }

#nav a:hover, #nav a:focus { background-position: -171px 0; color: #000000; }


#nav a.bottom { background: url(images/navbottom.png) 0 bottom repeat-x; _background: url(images/navbottom.gif) 0 bottom repeat-x;  border-bottom: none; padding: 8px 15px 11px 15px; }
#nav a.bottom:hover, #nav a.bottom:focus { background-position: -171px bottom; }

#nav a.top { background: url(images/navtop.png) 0 top repeat-x; _background: url(images/navtop.gif) 0 top repeat-x; padding: 11px 15px 8px 15px; }
#nav a.top:hover, #nav a.top:focus { background-position: -171px top; }
#nav a.topon { background: url(images/navtop.png) -342px top repeat-x; _background: url(images/navtop.gif) -342px top repeat-x;  padding: 11px 15px 8px 15px; color: #d8ebed; }
#nav a.topon:hover, #nav a.topon:focus { color: #FFFFFF; background-position: -342px 0; }

#nav li.bottomactive { background: url(images/navbottom.png) -342px bottom repeat-x; _background: url(images/navbottom.gif) -342px bottom repeat-x;  display: block; width: 139px; padding: 8px 15px 11px 15px; color: #FFFFFF; }
#nav li.topactive { background: url(images/navtop.png) -342px top repeat-x; display: block; width: 139px; padding: 11px 15px 8px 15px; border-bottom: #333333 solid 2px; color: #FFFFFF; _background: url(images/navtop.gif) -342px top repeat-x;}
#nav li.active { background: url(images/nav.png) -342px 0; _background: url(images/nav.gif) -342px 0; display: block; width: 139px; padding: 8px 15px; border-bottom: #333333 solid 2px; color: #FFFFFF; }

#content { margin-left: 189px; padding-bottom: 2em; }
#text { margin-right: 250px; line-height: 1.4em; }
#text2 { margin-right: 250px; line-height: 1.4em; }
#animation { float: right; width: 236px; }

#bottomlinks { clear: both; padding: 0.5em 0 1.5em 0;  }
#bottomlinks ul { margin: 0; padding: 0; list-style: none; }
#bottomlinks li { float: left; }
#bottomlinks span { display: none; }
#bottomlinks a { display: block; float: left; width: 248px; height: 109px; margin-bottom: 8px; }
#bottomlinks a:hover, #bottomlinks a:focus { background-position: 0 -109px; }
a.contact { background: url(images/contactbtn.png) top left; _background: url(images/contactbtn.gif) top left; }
a.brochure { background: url(images/brochurebtn.png) top left; _background: url(images/brochurebtn.gif) top left;}
a.demo { background: url(images/demobtn.png) top left; _background: url(images/demobtn.gif) top left;}
a.website { background: url(images/websitebtn.png) top left; _background: url(images/websitebtn.gif) top left;}


p.right { text-align: right; }
img.catalogue_thumb { float: right; margin: 10px 20px 0 20px; }
#demonoflash { width: 600px; height: 600px; padding: 100px; background: url(images/demonoflash.jpg) no-repeat; }
#demonoflash div { background:url(images/white.png); _background: #FFFFFF; padding: 20px; border: #000000 solid 1px; text-align: center; color: #000000; }