/* tools */
strong, .bold { font-weight: bold; }
em, .italic, blockquote, address { font-style: italic; }
.small { font-size: 11px; }
/*.upperindex { font-size: 60%; position:relative; top:-0.8em; }  */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.floatleft { float: left; }
.floatright { float: right; }
.clearboth, .clearer { clear: both; }
.clearer {
	height: 0px !important;
	visibility: hidden;
}
.nodisplay, .noscreen { display: none !important; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* common */
body {
  background: white;
  color: #4D4D4D;
  font: 13px Arial;
  text-align: center;
  padding: 10px 0;
}
a {
  color: #1472b3;
  text-decoration: underline;
}
a:hover { text-decoration: none; }

#page {
  position: relative;
  width: 870px;
  margin: 0 auto;
  text-align: left;
  line-height: 130%;
}

#slogan {
  position: absolute; left: 170px; top: 30px;
  width: 425px;
  height: 32px;
  background: url("/images/slogan.gif") no-repeat;
}
#slogan span, #headcontact span {
  display: none;
}

#headcontact {
  position: absolute; left: 681px; top: 11px;
  width: 181px;
  background: url("/images/header_contact.gif") left top no-repeat;
  padding-top: 28px;
  text-align: right;
}
#headcontact a {
  font-size: 105%;
}

#menu {
  float: right;
  height: 28px;
  margin: -20px 7px 0 0;
  display: block;
}
#menu li, #menu span, #menu a {
  color: #504d4d;
  display: block;
}
#menu li {
  float: left;
  margin: 0 0 0 1px;
  background: #a8c7dd url("/images/menu_tile.gif") repeat-x;
  text-align: center;
}
#menu span {
  background: url("/images/menu_left.gif") left top no-repeat;
}
#menu a {
  _width: 105px; min-width: 105px;
  height: 28px;
  padding: 0 5px;
  line-height: 28px;
  background: url("/images/menu_right.gif") right top no-repeat;
  text-decoration: none;
}
#menu a:hover {
	text-decoration: underline;
}
#menu li.active {
  height: 30px;
  margin: -2px 0 0 1px;
  background: #1472b3;
  background-image: url("/images/menu_act_tile.gif");
}
#menu li.active span {
  background-image: url("/images/menu_act_left.gif");
}
#menu li.active a {
  color: #ffffff;
  background-image: url("/images/menu_act_right.gif");
}

#pane {
  clear: both;
  background: url("/images/pane_tile.gif") repeat-y;
  color: white;
  width: 100%; /* IE 6 peekaboo */
}
#pane-top {
  background: url("/images/pane_top.gif") no-repeat;
  _height: 30px; min-height: 30px;
}
#pane-bottom {
  background: url("/images/pane_bottom.gif") no-repeat left bottom;
  _height: 345px; min-height: 345px;
  padding: 25px 37px 25px 30px;
}
#pane p { margin: 0 0 0.7em 0; }
#pane a { color: #FFFFCC; }
#pane ul {
	margin: 0 0 0.7em 15px;
}
#pane ul li { list-style-type: square; }
#pane ul li li { list-style-type: disc; }
#pane h3 {
	font-weight: bold;
	font-size: 14px;
}
.fancybox {
  background: #4891C4;
  border: 1px solid #569CCA;
}
.fancybox-i {
  display: block;
  padding: 3px;
}


/* page titles */
.ttl {
  background: url("/images/title_sprite.gif") 0 0 no-repeat;
  height: 28px;
  margin-bottom: 1em;
}
.ttl span { display: none; }
.ttl-carpet { background-position: 0 -150px; }
.ttl-services { background-position: 0 -120px; }
.ttl-testimonials { background-position: 0 -180px;  }
.ttl-faq { background-position: 0 -90px; }
.ttl-about {  background-position: 0 -30px; }
.ttl-contact { background-position: 0 -60px; }
.ttl-technology { background-position: 0 -210px; }
ul.tick {
	margin-top: 0.2em !important;
}
ul.tick li {
	line-height: 145%;
  padding-left: 18px;
  background: url("/images/tick.png") no-repeat;
  list-style-type: none !important;
}


/* homepage */
#pane.homepage ul {
	margin-right: 40px;
}
.refshort {
  width: 210px;
  line-height: 120%;
  font-size: 12px;
  text-indent:20px;
}
.refshort { background: #4891C4 url("/images/quotes_down.gif") no-repeat right bottom; }
.refshort .fancybox-i { background: transparent url("/images/quotes_up.gif") no-repeat left top; }


/* contact */
.prettyform input, .prettyform textarea {
	padding: 1px 2px;
}
.prettyform fieldset, .prettyform legend, div.prettyform { border: 1px solid #BCC5CA; }
.prettyform fieldset, div.prettyform { padding: 0 10px 10px; }
.prettyform legend  {
	padding: 0.1em 0.2em;
	color: #BCC5CA;
}
.prettyform div {
  clear: both;
  padding-top: 0.2em;
}
.prettyform label.floatleft {
  display: block;
  width: 27%;
}
.prettyform .textinput {
	width: 70%;
}
.prettyform p { margin: 0.3em 0 !important;}
.error {
  color: #FF9933;
}


/* about us */
.teampic {
  float: right;
  margin: 0 0 10px 10px;
  border: 3px solid white;
}


/* services */
.servicebox {
  clear: both;
  padding-top: 1em;
}
.servicebox img {
	float: left;
}
.servicebox h4 {
	font-size: 14px;
	font-weight: bold;
}
.servicebox h4, .servicebox p {
  margin-left: 135px !important;
}

/* technology */
.machinebox {
  margin-top: 1em;
  border-top: 1px dashed #C5CDD1;
  padding-top: 1em;
}
.machinebox-i {
  padding-left: 170px;
}