@charset "utf-8";
/********** 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, 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-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }
:focus{outline:0;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
/*******************************************************************************
Ace Mobility style sheet for screen
version 2.6 modified on 05/06/11 by pc
copyright 2011 acemobility.co.uk

----------- colour guide ----------------------------
#50b849 : mid green - use for links within page content.
#800000 : dark red - use for required on forms and trial link text.
#cccccc : mid grey - use for dotted border on forms.
#66cc33 : mid green - use for border for main nav bar.
#ffff00 : yellow - use for current class nav links.
#ff0000 : red - use for some important within page links.
#f9f9f9 ; light grey - use for <li> background colour in table model page (beta)
*******************************************************************************/
html {
  overflow-y:scroll;
  background:url(../images/bg_green.jpg) repeat-x 0 136px;
}
body {
  font: 100%/116% Verdana, Arial, Helvetica, sans-serif;
}
a {
  /*font-size: 1.2em;*/
  font-size: 120%;
  color:#50b849;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 135%;
  margin: 15px 20px;
}
.ie6 h1, .ie7 h1 {
  font-weight: normal;
}
h2 {
  font-size: 115%;
  padding-left: 25px;
}
h3 {
  margin: 8px 0;
  color:#50b849;
  font-size: 105%;
  font-weight: bold;
  font-family : Helvetica, Arial, sans-serif;
  text-indent: 20px;
  text-transform : uppercase;
}
h4 {
  font-size: 70%;
}
p {
  padding: 5px;
}
strong {
  font-weight: bold;
}
/* Classes */
.centered {
  text-align: center;
}
.clear {
  clear: both;
}
.floatright {
  float:right;
}
.floatleft {
  float:left;
}
.leftcol {
  width:495;
  float:left;
  margin-left:50px;
}
.rightcol {
  width:495;
  float:left;
  margin-left:100px;
}
.product {
  margin-top: 30px;
  clear: both;
  font-size: 125%;
  text-align: center;
}
.small_bold {
  font-size: 80%;
  font-weight: bold;
}
.darkred {
  color: #800000;
  font-weight: bold;
}
.black {
  color:#000;
}
.aqua {
  color: #00BFFF;
  /*text-shadow:0px 0.5px 1px rgba(0,0,0,1);*/
}
.radbut {
  display: inline;
  font-size: 80%;
  margin-left: 20px;
}
.ie6, .ie7 {
  margin-top: -3px;
}
.borderbottom {
  margin-top: 15px;
  border-bottom: 1px dotted #cccccc;
}
.p600 {
  width: 600px;
}
.left50pad {
  padding-left: 50px;
}
.lastpara {
  margin-bottom: 100px;
}
/* IMG replacement styles for text banner */
.tagline {
  padding-left:22px;
  font-size: 30px;
  font-weight: bold;
  letter-spacing:0.21em;
  word-spacing: 36px;
  text-shadow: 2px 2px 5px #32732e;    /* #47a240 */
}
.taglinks {
  position: relative;
  top:30px;
  padding-left:35px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing:0.18em;
  text-shadow: 1px 1px 3px #32732e;
}
.tagmid{
  left:23px;
}
.tagright{
  left:52px;
}
/* End IMG replacement */
/* IDs */
#container {
  position: relative;
  width: 990px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  /*font-size: 80%;*/
  font-size: 0.8em;
  background: transparent url(../images/hands.jpg) no-repeat right bottom;
}
#logo {
  border:0;
  height: 128px;
  margin: 8px 0 0 15px;
}
#banner {
  padding:15px 0 0 0;
  color:#fff;
 /* background-image: url(../images/ace_tag.jpg);*/
  background-color: #50b849;
  height:74px;
}
#ace_banner {
  height: 89px;
}

.readertext {
    position:absolute;
    top:-800px;
}
#nav {
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:28px;
	/*font-size:12px;*/
	font-size:1em;
	font-weight:bold;
	background:transparent url(../images/menu.jpg) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #66cc33;
	border-top:none;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
}
.ie6 #ace_banner, .ie7 #ace_banner {
  margin: 3px 0 -3px 0;
}
#nav li {
	display:block;
	float:left;
    height:22px;
}
#nav li a {
	display:block;
	float:left;
    font-size: 100%;
    color:#000000;
	text-decoration:none;
    text-shadow:rgba(90,90,90,0.25) 0px 1px 0.5px;
    padding:6px 20px 0 20px;
    font-variant: small-caps;
}
#nav li a:hover {
	color:#ffffff;
	height:22px;
    text-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
	background:url(../images/menu.jpg) 0px -30px no-repeat;
}
#nav li a.current {
    color:#ffff00;
	height:22px;
    text-shadow:rgba(0,0,0,0.5) 1px 1px 1px;
	background:url(../images/menu.jpg) 0px -30px no-repeat;
}
#nav li:first-child a:hover, #nav li:first-child a.current {
    -webkit-border-radius:0 0 0 10px;
    -moz-border-radius:0 0 0 10px;
    border-radius:0 0 0 10px;
    position:relative; /* ie PIE fix for menu sprite */
}
#sociallinks {
  position:absolute;
  top:8px;
  right:0;
}

#maintable {
  float: right;
  padding-left: 20px;
}
#about_ant {
  float: right;
  margin:10px 10px 0 20px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
#directors {
  padding:25px 50px;
}
#directors li {
  padding:5px 8px;
  font-size:14px;
}
#orders {
  margin-bottom: 10px;
  color:#ff0000;
}
#orders a {
  color:#ff0000;
  text-decoration: underline;
  font-size: 100%;
}
#trial {
  position:absolute;
  left: 690px;
  top:555px;
  width:190px;
  height:205px;
  background: transparent url(../images/trial.png) no-repeat;
  z-index:1;
}
.ie6 #trial {
  background: transparent url(../images/trial_ie6.gif) no-repeat;
  z-index:1;
}

#trial a {
  display:block;
  position:relative;
  left: 28px;
  top: 34px;
  width:55px;
  font-weight: bold;
  color: #800000;
  text-align: center;
}
#trial a:hover {
  color: #50B849;
}
#trialpic {
  float: right;
  margin:-20px 100px 155px 20px;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.7);
  -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.7);
  box-shadow: 0 2px 4px rgba(0,0,0,0.7);
}
#video, embed {    /* add embed to center youtube flash */
  display:block;
  width:493px ;  /* 640px */
  height:300px ; /* 390px */
  margin: 0px auto;
}
.orderimg {
 margin-left:20px;
 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
 -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
 box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.model_list {
  padding: 25px 0 5px 30px;
}
.ie6 .model_list {
  padding: 25px 0 5px 10px;
}
.model_list li {
  width:369px;
  background-color: #f5f5f5;/* grey li fill*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.em5bottom {
  clear: both;
  padding-left: 10em;
  padding-top:2em;
  margin-bottom: 10em;
}
.model_list li img {
  margin: 10px 0 0 60px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);
  box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}
.model_list li p {
  padding-left:25px;
}
.model {
  font-size: 1.2em;
  color:#ffffff;
  background: #50b849;
  text-shadow:rgba(0,0,0,0.1) 0px 1px 1px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.model.aqua {
  text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}
.textb2 {
  position: absolute;
  right: 400px;
  top:680px;/* top:370px */
  width:550px;
  float:left;
}
.textb1 {
  position: absolute;
  left: 420px;
  top:370px;/* top:680px */
  width:550px;
  float:right;
}
.textb3 {
  position: absolute;
  right:400px;
  top:995px;
  width:550px;
  float:right;
}
.tableimgs {
/*  float: left;*/
  width: 493px;
  margin:20px auto;
  background-color: #f5f5f5;
  border:1px solid #66cc33;
  border-top:none;
/*  border-left:1px solid #66cc33;
  border-right:0.5px solid #66cc33;
  border-bottom:1px solid #66cc33;    old left box borders*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.tableimgs.tablelast {
  margin-bottom:100px;
}
.tableimgs p.type {
  background-color: #50b849;
  color:#fff;
  margin-bottom: 10px;
  text-align: center;
  text-shadow:rgba(90,90,90,0.5) 0px 1px 0.5px;
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.tableimgs img {
  margin:0 0 10px 16px;
}
.tableimgs img:hover {
  opacity:0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";/* IE opacity */
 /* filter:alpha(opacity=70); IE opacity short */
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.9);
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,.9);
  box-shadow: 0px 2px 2px rgba(0,0,0,.9);
}
.tableimgs p {
  padding-left: 22px;
}
#footer {
  clear:both;
  margin-top: 20px;
  text-align: center;
  font-size: 80%;
  line-height: 110%;
}
/*   attach CSS3PIE file relative to html file NOT CSS file*/
#nav, #nav li:first-child a:hover, #nav li:first-child a.current, #about_ant, #trialpic, .orderimg, .model_list li img, .model_list li ,.model_list li img, .model, .tableimgs, .tableimgs p.type, .tableimgs img:hover {
 behavior:url(js/PIE.htc);
}