/* Font+Colour Styles */

body {
	background-color: #151517;
	margin: 0px;
}

h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #0f5079;
}

p {
	font-family: Arial, Verdrana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #333333;
	padding: 0;
	margin: 0;
	display: block;
}

.paddedParagraph {
    padding: 8px 0 0 0;
	}

.smallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #333333;
	padding-top: 0px;
}

.bigText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #555555;
	padding-top: 0px;
	text-align: center;
}

.bigTextNoBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #555555;
	padding-top: 0px;
	text-align: center;
}

.bigOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	color: #d97600;
	padding-top: 0px;
	display: block;
}

.bigBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	color: #0f5079;
	padding-top: 12px;
	display: block;
}

.newsTicker a{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #EFEFEF;
	padding-top: 0px;

}

a {
  text-decoration: none;
}

ul.noIndent {
margin-left: .5em;
padding-left: .5em;
text-align: left;
line-height: 17px;
}

/* Ticker */

#scroller-h {

	margin: 0 auto;

	line-height: 32px;

	background: #828282 url(images/ticker_bg.gif) repeat-x bottom left;

	color: #FFF;

	font-weight: bold;

}



#scroller-h img {

	vertical-align: middle;

}

/* sIFR!!! These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/* Form Menu Styles */

.browseMenus {
	font: 10px Verdana, Arial, sans-serif;
}

.searchMenus {
	font: 10px Verdana, Arial, sans-serif;
}



/* Navigation Rollovers */

#link-email {
  position: relative;
  width: 99px;
  height: 30px;
  top: 0px;
  float: right;
  background: url(images/link_email.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#link-email:hover {
  background: url(images/link_email.gif);
  background-position: -99px;
}

#link-moreinfo {
  position: relative;
  width: 99px;
  height: 30px;
  top: 0px;
  float: right;
  background: url(images/link_moreinfo.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#link-moreinfo:hover {
  background: url(images/link_moreinfo.gif);
  background-position: -99px;
}

#link-video {
  position: relative;
  width: 99px;
  height: 30px;
  top: 0px;
  float: right;
  background: url(images/link_viewvideo.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#link-video:hover {
  background: url(images/link_viewvideo.gif);
  background-position: -99px;
}

#link-clients {
  position: relative;
  width: 99px;
  height: 30px;
  top: 0px;
  float: right;
  background: url(images/link_clients.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#link-clients:hover {
  background: url(images/link_clients.gif);
  background-position: -99px;
}

#navArea ul {
display: table-cell;
list-style-type: none;
width: 485px;
float: left;
margin: 0px;
padding: 0px;
}

#navArea li {
display: table-cell;
float: left;
list-style-type: none;
position: relative;
margin: 0px;
padding: 0px;
}

li.navEmpty {
background: url(images/nav-empty.gif); 
float: left;
background-position: 0 0;
display: block;
width: 100px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navSales a{
background: url(images/nav-sales.gif); 
float: left;
background-position: 0 0;
display: block;
width: 94px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navSalesOn a{
background: url(images/nav-sales.gif); 
float: left;
background-position: -94px 0;
display: block;
width: 94px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navRentals a{
background: url(images/nav-rentals.gif); 
float: left;
background-position: 0 0;
display: block;
width: 94px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navRentalsOn a{
background: url(images/nav-rentals.gif); 
float: left;
background-position: -94px 0;
display: block;
width: 94px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navProduction a{
background: url(images/nav-production.gif); 
float: left;
background-position: 0 0;
display: block;
width: 94px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navProductionOn a{
background: url(images/nav-production.gif); 
float: left;
background-position: -94px 0;
display: block;
width: 94px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}


li.navSupport a{
background: url(images/nav-support.gif); 
float: left;
background-position: 0 0;
display: block;
width: 103px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navSupportOn a{
background: url(images/nav-support.gif); 
float: left;
background-position: -103px 0;
display: block;
width: 103px;
height: 32px;
text-indent: -999999px;
overflow: hidden;
}

li.navSales a:hover{
background: url(images/nav-sales.gif); 
background-position: -94px 0;
}

li.navRentals a:hover{
background: url(images/nav-rentals.gif); 
background-position: -94px 0;
}

li.navProduction a:hover{
background: url(images/nav-production.gif); 
background-position: -94px 0;
}

li.navSupport a:hover{
background: url(images/nav-support.gif); 
background-position: -103px 0;
}


#bottomLinks ul {
display: table-cell;
list-style-type: none;
width: 463px;
margin: 0 auto;
padding: 0px;
}

#bottomLinks li {
display: table-cell;
float: left;
list-style-type: none;
position: relative;
margin: 0 auto;
padding: 0px;
}

li.footerNavNewsletter a{
background: url(images/footer-newsletter.gif); 
float: left;
background-position: 0 0;
display: block;
width: 158px;
height: 25px;
text-indent: -999999px;
overflow: hidden;
}
li.footerNavShare a{
background: url(images/footer-share.gif); 
float: left;
background-position: 0 0;
display: block;
width: 107px;
height: 25px;
text-indent: -999999px;
overflow: hidden;
}

li.footerNavPolicies a{
background: url(images/footer-policies.gif); 
float: left;
background-position: 0 0;
display: block;
width: 83px;
height: 25px;
text-indent: -999999px;
overflow: hidden;
}

li.footerNavLinks a{
background: url(images/footer-links.gif); 
float: left;
background-position: 0 0;
display: block;
width: 52px;
height: 25px;
text-indent: -999999px;
overflow: hidden;
}

li.footerNavContact a{
background: url(images/footer-contact.gif); 
float: left;
background-position: 0 0;
display: block;
width: 63px;
height: 25px;
text-indent: -999999px;
overflow: hidden;
}

li.footerNavShare a:hover{
background: url(images/footer-share.gif); 
background-position: -107px 0;
}

li.footerNavNewsletter a:hover{
background: url(images/footer-newsletter.gif); 
background-position: -158px 0;
}

li.footerNavPolicies a:hover{
background: url(images/footer-policies.gif); 
background-position: -83px 0;
}

li.footerNavLinks a:hover{
background: url(images/footer-links.gif); 
background-position: -52px 0;
}

li.footerNavContact a:hover{
background: url(images/footer-contact.gif); 
background-position: -63px 0;
}


/* Alignment Classes */

.centreImage {
  display: block;
  margin: 0 auto;
  padding-top: 3px;
}

/* Layout CSS */

#container {
  margin: 0 auto;
  padding: 25px 0px 0px 0px;
  width: 760px;
}

#containerHome {
  margin: 0 auto;
  width: 760px;
  position:absolute;
  left: 50%;
  top: 50%;
  width: 760px;
  height: 317px;
  margin-top: -158px; /* half of the height */
  margin-left: -380px; /* half of the width */
}

#logoSquare {
  position: relative;
  margin: 0 auto;
  left: 0;
  float: left;
  width: 275px;
  border: 0px;
}

#navArea {
  position: relative;
  padding: 0;
  margin: 0;
  right: 0;
  float: left;
  width: 485px;
}

#divider {
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
  width: 760px;
  height: 8px;
}

#homeLeft {
  position: relative;
  left: 0;
  float: left;
  width: 275px;
  height: 211px;
  background-image: url(images/home/bg-text.gif);
}

#homeLeftContents {
  padding: 8px 18px;
}

#homeRight {
  position: absolute;
  top: 106px;
  right: 0;
  float: right;
  width: 485px;
  height: 211px;
}

#bottomLinks {
  position: absolute;
  left: 147px;
  margin: 0 auto;
  width: 463px;
}

#footer {
  position: relative;
  margin: 0 auto;
  float:left;
  }

.clearfix:after {
    content: "."; 
    display: block;
	width: 760px;
    height: 0; 
    clear: both; 
    visibility: hidden;
}