body
{
	margin:0;
	color:#444;
	font: 10pt/120% Arial, Helvetica, sans-serif;
	background:#e9e9e9 url(/images/bg-body.png) repeat-x 0 -10px;
}

img{border-style:none;}
a{color:#6f8dbb; text-decoration: none;}
a:hover{text-decoration:underline;}
#wrapper{
	position:relative;
	width:990px;
	padding:34px 0 0;
	margin:-10px auto 0 auto;
}
#header{
	position:absolute;
	top:40px;
	left:0;
	padding:15px 0 0 54px;
	width:936px;
}
#header .section{
	overflow:hidden;
	height:1%;
	margin:0 0 30px;
}
.logo {
	display:block;
	width:212px;
	height:71px;
	background:url(/images/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
.add-nav{
	margin:0 19px 0 0;
	display:inline;
	padding:0;
	list-style:none;
	float:right;
	overflow:hidden;
}
.add-nav li{
	float:left;
	color:#fff;
	display:inline;
	margin:0 -1px 0 1px;
	padding:0 6px 0 7px;
	background:url(/images/separator-add-nav.gif) no-repeat 100% 80%;
}
.add-nav a{
	color:#fff;
	text-decoration:none;
}
.add-nav a:hover{
	text-decoration:underline;
}
.add-nav li span{
	margin:0 2px 0 4px;
}
#header .block{
	padding:0 23px 0 0;
}
#nav{
	margin:0;
	padding:51px 6px 0 0;
	font-size:11pt;
	line-height:20px;
	list-style:none;
	float:right;
}
#nav li{
	float:left;
	position:relative;
	padding:0 3px 0 5px;
	background:url(/images/separator-nav.gif) no-repeat 0 50%;
}
#nav li:first-child{
	background:none;
}
#nav a{
	display:block;
	padding:0 13px 0 12px;
	color:#787d82;
	text-decoration:none;
}
#nav .active a,
#nav li.hover a,
#nav li:hover a{
	background:#859ec6;
	color:#fff;
}
#nav li.hover .drop,
#nav li:hover .drop{
	display:block;
}
.drop{
	position:absolute;
	top:17px;
	display:none;
	width:140px;
	left:6px;
}
.drop-b{
	overflow:hidden;
	height:12px;
	background:url(/images/bg-drop-b.png) no-repeat;
}
#nav ul{
	margin:0;
	padding:0;
	width:140px;
	background:url(/images/none.gif) no-repeat;
	overflow:hidden;
	font-size:11px;
	list-style:none;
}
#nav ul li{
	float:none;
	padding:0 0 0 11px;
	margin:1px 0 0;
	height:1%;
	line-height:15px;
	position:static;
	cursor:pointer;
	vertical-align:middle;
	background:url(/images/bg-drop-item.png);
}
#nav ul li:first-child{
	padding-top:5px;
	background:url(/images/bg-drop-item.png);
}
#nav li.hover ul li a,
#nav li:hover ul li a{
	padding:0;
	color:#787d82;
	background:none;
	position:relative;
	display:inline;
}
#nav li.hover ul li a:hover,
#nav li:hover ul li a:hover{
	text-decoration:underline;
}
.wrapper-c{
	padding:107px 34px 44px 31px;
	background:#fff url(/images/bg-wrapper-t.gif) no-repeat;
}
.inner .wrapper-c{
	padding-bottom:21px;
}
.item{
	display:none;
}
.visual1,
.visual{
	margin:0 0 13px;
	width:924px;
	overflow:hidden;
	position:relative;
  text-decoration: none;
}

.visual1 a,
.visual1 a:hover,
.visual a,
.visual a:hover
{
  text-decoration: none;
}
.visual{
	height:264px;
	background:url(/images/bg-visual.jpg) no-repeat;
}
.visual1{
	height:132px;
	background:url(/images/bg-visual1.jpg) no-repeat;
}
.visual-color-orange{
	background:url(/images/bg-visual1.jpg) no-repeat;
}
.visual-color-blue{
	background:url(/images/bg-visual1blue.jpg) no-repeat;
}
.visual-color-grey{
	background:url(/images/bg-visual1grey.jpg) no-repeat;
}
.visual-color-green{
	background:url(/images/bg-visual1green.jpg) no-repeat;
}



div.child a
{
  position: relative;
  display: block;
  text-decoration: none;
  color: white;
  z-index: 20;
  width: 264px;
  height: 132px;
}

#visual-p6 div.child
{
  position: absolute;
  right: 0;
  top: 0;
  width: 264px;
  height: 132px;
}

#visual-p6 div.start
{
  background: #fff url(/images/bg-visual.jpg) no-repeat -660px 0;
}

#visual-p6 div.bg
{
  background: #fff url(/images/bg-visual2.jpg) no-repeat -660px 0;
}

#visual-p6 div.left
{
  padding-top: 35px;
}

#visual-p6 div.right
{
  padding-top: 25px;
}

#visual-p8 div.child
{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 264px;
  height: 132px;
}

#visual-p8 div.start
{
  background: #fff url(/images/bg-visual.jpg) no-repeat 0 -132px;
}

#visual-p8 div.bg
{
  background: #fff url(/images/bg-visual2.jpg) no-repeat 0 -132px;
}

#visual-p8 div.right
{
  padding-top: 67px;
}


#visual-p13 div.child
{
  position: absolute;
  left: 660px;
  top: 132px;
  width: 264px;
  height: 132px;
}

#visual-p13 div.start
{
  background: #fff url(/images/bg-visual.jpg) no-repeat -660px -132px;
}

#visual-p13 div.bg
{
  background: #fff url(/images/bg-visual2.jpg) no-repeat -660px -132px;
}

#visual-p13 div.right
{
  padding-top: 20px;
}

#visual-p13 div.left
{
  padding-top: 20px;
}

#visual-p13 div.right
{
  padding-top: 50px;
}

div.start
{
  z-index: 10;
}
div.bg
{
  z-index: 1;
}



div.left
{
  position: absolute;
  left: 0;
  top: 0;
  width: 132px;
  color: white;

  font-size: 22px;
  line-height: 22px;

  padding: 20px 0 0 0;
  width: 122px;
  text-align: right;
}

div.left strong
{
  display: block;
  font-size: 22px;
  line-height: 48px;
}
div.left small
{
  display: block;
  font-size: 17px;
  line-height: 20px;
}

div.right
{
  position: absolute;
  left: 132px;
  top: 0;
  width: 132px;
  color: white;

  font-size: 22px;
  line-height: 22px;

  padding: 15px 0 0 10px;
}

div.right strong
{
  display: block;
  font-size: 22px;
  line-height: 38px;
}

div.right small
{
  display: block;
  font-size: 17px;
  line-height: 20px;
}


div.visual1 .big-square {
	position:absolute;
	font-size:22pt;
	line-height:34px;
	font-weight:bold;
	color:#fff;
	right:0px;
	top:48px;
	width:132px;
	text-align:center;
}

.gallery2{
	width:264px;
	height:132px;
	list-style:none;
	margin:0;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0;
}
.block2{
	width:264px;
	height:132px;
	float:left;
	position:relative;
}
.visual .gallery2{
	width:264px;
	height:132px;
	position:relative;
}
.gallery2 li{
	width:264px;
	height:132px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.gallery2 li.active{
	z-index:2;
}
.gallery1{	margin:0;	padding:0;
	float:left;
	list-style:none;	width:396px;
	height:264px;
	overflow:hidden;
	position:relative;
}
.block1{
	width:396px;
	float:left;
	position:relative;
}.gallery1 li{
	position:absolute;
	top:0;
	left:0;
	width:396px;
	height:264px;
	overflow:hidden;
	z-index:1;
}
.gallery1 li.active{
	z-index:2;
}
.box{
	position:absolute;
	top:0;
	right:0;
}
.box .holder{
	width:132px;
	height:132px;
	overflow:hidden;
	background:url(/images/bg-box.png);
}
.visual1 img,
.visual img{
	vertical-align:top;
}





.text-box1
{
  color: #666;
	width:248px;
  height: 132px;
}

.text-box1 td
{
  vertical-align: middle;
	padding:0 8px 0 16px;
	font-size:15px;
	line-height:22px;
}

.text-box2{
	position:absolute;
	bottom:26px;
	left:13px;
	font-size:22px;
	line-height:22px;
	color:#fff;
}
* html .text-box2{
	bottom:25px;
}
.text-box2 span{
	display:block;
	font-size:15px;
	line-height:17px;
}
.text-box2 strong{
	display:block;
	font-size:24px;
	line-height:38px;
}
.text-box3{
	position:absolute;
	bottom:32px;
	right:142px;
	color:#fff;
	font-size:17px;
	line-height:18px;
  text-align: right;
}
.text-box3 span{
	display:block;
	font-size:21px;
	line-height:22px;
}
.text-box3 strong{
	display:block;
	font-size:25px;
	line-height:36px;
}
* html .text-box3{
	bottom:51px;
}
.text-box4{
	position:absolute;
	right:25px;
	top:32px;
	font-size:20px;
	line-height:22px;
	/*color:#fff;*/
}
.text-box4 span{
	display:block;
	font-size:17px;
	line-height:20px;
}
.text-box4 strong{
	font-size:23px;
	line-height:30px;
}
.text-box5{
	color:#787d82;
	padding:40px 0 0 7px;
	font-size:24px;
	line-height:30px;
	font-weight:bold;
}
.text-box5 span{
	display:block;
	margin:0 0 -4px;
	font-size:20px;
	line-height:22px;
	font-weight:normal;
}
.visual .text-box6{
  color: #666;
	position:absolute;
	top:22px;
	width:248px;
	left:0;
	padding:0 0 0 16px;
	font-size:15px;
	line-height:22px;
}
.visual .text-box7{
  color: #666;
	font-weight:bold;
	padding:30px 0 0 15px;
	font-size:36px;
	line-height:36px;
}
.text-box7 span{
	font-weight:normal;
	display:block;
	margin:0 0 -10px;
	font-size:24px;
}
.text-box8{
	color:#787d82;
	padding:40px 0 0 5px;
	font-size:22px;
	line-height:36px;
	font-weight:bold;
}
.text-box8 span{
	display:block;
	margin:0 0 -4px;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}




.two-columns{
	overflow:hidden;
	height:1%;
}
.three-columns{
	overflow:hidden;
	height:1%;
}
.container{
	width:655px;
	float:left;
}
.two-columns .container{
	width:915px;
	float:left;
}
#content{
	float:left;
	width:382px;
}
.alignright{
	float:right;
}
.box1{
	padding:0 0 16px;
	margin:0 0 14px;
	background:#e4e5e6 url(/images/bg-box1-b.gif) no-repeat 0 100%; 
}
.heading{
	padding:7px 0 4px 9px;
	margin:0 0 4px;
}
.box1 .heading{
	background:#787d82 url(/images/bg-box1-heading.gif) no-repeat;
}
.box2 .heading{
	background:#868e39 url(/images/bg-box2-heading.gif) no-repeat;
}
.box3 .heading{
	background:#ffa800 url(/images/bg-box3-heading.gif) no-repeat;
}
/*
.box2 .heading h2{
	font-size:13px;
}
  */
.box3 p,
.box2 p,
.box1 p{
	margin:0 0 4px;
}
.link{
	font-weight:bold;
	padding:0 0 0 16px;
}
.box1 .link{
	margin:0 0 0 -5px;
	background:url(/images/bullet-box1.gif) no-repeat;
}
.box2 .link{
	margin:0 0 0 -6px;
	background:url(/images/bullet-box2.gif) no-repeat;
}
.box3 .link{
	margin:0 0 0 -6px;
	background:url(/images/bullet-box3.gif) no-repeat;
}

.text-frame ul.links
{
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-frame ul.links li
{
  padding: 2px 0;
  margin: 0;
}

.text-frame .holder{
	height:1%;
}
.text-frame .holder:after{
	content:"";
	display:block;
	clear:both;
}
.heading h2{
	margin:0;
	font-size:15px;
	line-height:16px;
	color:#fff;
}
.heading strong{
	display:block;
	color:#fff;
	font-size:10px;
	line-height:12px;
}

.logo-holder{
	padding:0 0 8px 0;
  text-align: center;
}

.logo-holder img{
	vertical-align:top;
}

.text-frame{
	overflow:hidden;
	height:1%;
	padding:0 9px 0 9px;
}
.box3 .text-frame,
.box2 .text-frame{
	padding-right:5px;
}


.clear
{
  clear: both;
}


/*** NEWS ***/

.newsbox
{
  /*
  height: 160px;
  overflow: hidden;
  margin-bottom: 12px;
  */
}

.newsbox h2
{
  font-size: 1.2em;
  margin: 1.25em 0 .2em 0;
  padding: 0 0 .1em 0;
  border-bottom: 1px #ccc dotted;
}

.news
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style:none;
	overflow:hidden;
}

.news li
{
  position: relative;
	margin: 0;
	line-height:15px;
	padding: .5em 0 .5em 0;
  border-top: 1px #ccc dotted;
}

.news li.first
{
  padding-top: .25em;
  margin-top: 0;
  border: 0;
}

.news p
{
  margin-bottom: .25em;
}

.news a.more,
a.more
{
	font-weight:bold;
	padding:0 4px 0 15px;
	background: transparent url(/images/bullet-list-holder.gif) no-repeat 1px 0;
}

.news div
{
  margin: 0;
  padding: 0;
  color: #444444;
  font-size: 10pt;
  line-height: 15px;
  text-align: left;
  width: auto;
}

.news div.left
{
  margin-left: 100px;
  position: relative;
}

.news h3.news
{
  font-weight: normal;
  line-height: 120%;
  border: 0;
  margin: 0 .2em .2em 0;
}

.news h3.left
{
  font-weight: bold;
}

.box4 .news h3.news
{
  font-weight: bold;
}

.box4 li
{
  padding: .5em 0 .5em 0;
}

.news h3.news a
{
  text-decoration: none;
  color: #444;
}

.news img
{
  float: left;
	margin: 0;
}

.newsbig img
{
  margin-right: 8px;
}

img.event-image
{
  position: relative; 
  left: 0;
  top: 0;
  margin-bottom: .5em;

}

img.news-image-big
{
  float: right;
  margin: 1em;

}


ul.customers
{
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.customers li
{
  float: left;
  margin: 0 .5em .5em 0;
}


.project
{
  padding-top: 10px;
}

.project ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

.project li
{
  position: relative;
  border-top: 1px #ccc dotted;
  margin: 0;
  padding: 5px 0 10px 0;
}

.project li.first
{
  border: 0;
  padding-top: 0;
}

.project a img
{
  position: absolute;
  left: 0;
  top: 10px;
}

.project li.first a img
{
  top: 5px;
}

.project a.more
{
  display: block;
	background: transparent url(/images/bullet-list-holder.gif) no-repeat 1px 0;
	font-weight:bold;
	padding:0 4px 0 15px;
  margin: 10px 0 0;
}

.project p
{
  padding-left: 40px;
  margin-bottom: 0;
}


.aside{
	float:right;
	width:260px;
}
.holder{
	padding:0 7px 0 6px;
}
.box2{
	padding:0 0 16px;
	margin:0 0 14px;
	background:#daddc3 url(/images/bg-box2-b.gif) no-repeat 0 100%;
}
#sidebar h3,
.container h3{
	font-size:13px;
}
.holder h3,
.container h3{
	margin:0 0 .75em;
	line-height:21px;
	border-bottom:1px solid #bcbec1;
}
#sidebar h3{
	color:#fff;
	margin:0;
	line-height:15px;	
}
#sidebar .holder h3{
	color: #444;
	margin:0 0 11px;
	line-height:21px;
	border-bottom:1px solid #bcbec1;
}
.list-holder{
	overflow:hidden;
	height:1%;
	margin:0 0 0 -2px;
}
.list-holder ul{	margin:0;	padding:0 20px 22px 0;
	font-size:13px;
	float:left;	list-style:none;}
.list-holder ul li{
	margin:0 0 2px;
}
.list-holder a, .list-holder .selected
{
	font-weight:bold;
	padding:0 0 0 19px;
	background:url(/images/bullet-list-holder.gif) no-repeat 0 50%;
}
#content .text-holder{
	padding:0 6px 0 10px;
}
.text-holder p{
	margin:0 0 18px;
}
.gallery{
	width:377px;
	margin:0 0 0 -3px;
}
.btn-next,
.btn-prev{
	float:left;
	width:21px;
	height:69px;
	overflow:hidden;
	text-indent:-9999px;
}
.btn-prev{
	background:url(/images/btn-prev.gif) no-repeat;
}
.btn-next{
	background:url(/images/btn-next.gif) no-repeat;
}
.slide-holder{
	width:335px;
	height:69px;
	float:left;
	background:url(/images/bg-slide-holder.gif) repeat-x;
}
.slide-holder ul{
	margin:0;
	padding:9px 0 0 7px;
	list-style:none;
}
.slide-holder ul li{
	float:left;
	padding:0 9px 0 0;
}
.slide-holder ul img{
	vertical-align:top;
}
#sidebar{
	float:right;
	width:260px;
}
.box3{
	padding:0 0 16px;
	margin:0 0 14px;
	background:#ffe7b8 url(/images/bg-box3-b.gif) no-repeat 0 100%;
}
.box4{
	margin:0 0 15px;
	/*background:#fff url(/images/bg-box4-b.gif) no-repeat 0 100%;*/
	background:#e1e7f0 url(/images/bg-box4-b.gif) no-repeat 0 100%;
}
.box4-small
{
	margin:0 0 15px;
	background:#e1e7f0 url(/images/bg-box4-b-small.gif) no-repeat 0 100%;
}
.box6 .heading,
.box4 .heading{
	padding-left:11px;
	background:#9cb1ce url(/images/bg-box4-heading.gif) no-repeat;
}

.box4-small .heading
{
	padding-left:11px;
	background:#9cb1ce url(/images/bg-box4-heading-small.gif) no-repeat;
}
.events{
	margin:0;
	padding:0 2px 8px;
	overflow:hidden;
	height:1%;
	list-style:none;
}
.events li{
	font-size:12px;
	margin:-1px 0 1px;
	padding:9px 15px 6px 9px;
	background:url(/images/divider-events.gif) repeat-x;
}
.events strong{
	display:block;
	margin:0 0 1px;
}
.events p{
	margin:0;
}
.events img{
	float:left;
	margin:2px 6px 0 -2px;
}
.events a{
	padding:0 4px 0 15px;
	font-weight:bold;
	background:#dfe6ee url(/images/bullet-box4.gif) no-repeat 4px 3px;
}
.aside1{
	width:264px;
	float:left;
}
.article{
	width:367px;
	float:right;
	line-height:15px;
	padding:3px 11px 0 6px;
}
.two-columns .article{
	width:617px;
}
.breadcrumbs{
	margin:0 0 34px -10px;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	font-size:17px;
	color:#a9adb1;
	line-height:22px;
}
.breadcrumbs li{
	float:left;
	display:inline;
	margin:0 2px 0 -2px;
	padding:0 8px 0 12px;
	background:url(/images/separator-breadcrumbs.gif) no-repeat 0 50%;
}
.breadcrumbs li a{
	color:#787d82;
	font-weight:bold;
	text-decoration:none;
}
.breadcrumbs li a:hover{
	text-decoration:underline;
}
.article h1{
	margin:13px 0 13px;
	font-size:18px;
	line-height:21px;
}
.article h2{
	padding:10px 0 10px;
  margin: 0;
	font-size:14px;
	line-height:18px;
}
.article .list{	margin:0 0 42px;
	padding:0 0 0 8px;	list-style:none;}.list li{
	padding:0 0 0 13px;
	margin:0 0 -1px;
	background:url(/images/bullet-list.gif) no-repeat 0 50%;
}
.link-box{
	margin:0 0 14px;
	background:#fff url(/images/bg-link-box-t.jpg) no-repeat;
}
.link-box .holder{
	padding:30px 0 20px 30px;
	background:url(/images/bg-link-box-b.jpg) no-repeat 0 100%;
}
.logo-holder1{
	width:219px;
	height:47px;
	margin:-48px 0 0 -30px;
	padding:9px 0 0 41px;
	background:url(/images/bg-logo-holder1.png) no-repeat;
}
.logo-holder1 a{
	position:relative;
}
.logo-holder1 img{
	vertical-align:top;
}
.box5{
	font-size:24px;
	font-weight:bold;
	background:#b8babc url(/images/bg-box5-t.gif) no-repeat;
}
.box5 strong{
	display:block;
}
.title{
	margin:0 0 16px;
}
.name{
	font-size:21px;
	line-height:20px;
}
.box5 .holder{
	overflow:hidden;
	width:252px;
	padding:0 0 8px 12px;
	background:url(/images/bg-box5-b.gif) no-repeat 0 100%;
}
.box5 .frame{
	height:1%;
	padding:15px 17px 0 44px;
}
.box5 .section{
	height:1%;
}
.box5 .section:after{
	content:"";
	display:block;
	clear:both;
}
.mail{
	margin:5px 12px 0 -44px;
	float:left;
	position:relative;
}
.btn-project{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:144px;
	height:21px;
	margin:-9px 0 0;
	background:url(/images/btn-project.gif) no-repeat;
}
.contact-holder{
	padding:0 0 9px;
}
.contact{
	overflow:hidden;
	height:1%;
	margin:-4px 0 5px;
}
.contact div{
	height:1%;
	padding:6px 0 0;
	overflow:hidden;
}
.contact address{
	padding:0;
	margin:0 0 5px;
}
.contact address strong,
.contact address span{
	display:block;
	font-style:normal;
}
.contact address strong{
}
.contact dl{	margin:0 0 6px;}.contact dt{	float:left;	clear:left;
	margin:0 3px 0 0;}.contact dd{	margin:0;}
.contact a{
	color:#787d82;
	text-decoration:none;
}
.contact a:hover{
	text-decoration:underline;
}
.contact img{
	float:left;
	margin:0 6px 0 0;
}

.contact-widget
{
  font-size: 12px;
  line-height: 15px;
}

.contact-widget img
{
  margin: -4px 0 0 0;
}

.contact-widget p.image
{
  margin: 0;
  padding: 0 0 5px 115px;
}

.contact-widget p
{
  margin: 0;
  padding: 0 10px 10px 10px;
}

.welcome-text{
	display:block;
	font-size:12px;
	margin:0 0 0 11px;
}
.box6{
	background:url(/images/bg-box6-c.gif) repeat-y;
}
.box6 .holder{
	background:url(/images/bg-box6-b.gif) no-repeat 0 100%;
}
.logo-list-holder{
	overflow:hidden;
	height:1%;
	padding:8px 0 0;
}
.logo-list-holder ul{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
.logo-list-holder img{
	vertical-align:top;
}
.logo-list-holder li{
	height:1%;
	margin:0 0 20px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.logo-list-holder .col1{
	padding:0 0 0 18px;
	width:112px
}
.logo-list-holder .col1 li{
	width:112px;
}
.logo-list-holder .diff1{
	margin-left:-8px;
}
.logo-list-holder .diff2{
	margin-top:-6px;
	margin-bottom:16px;
}
.logo-list-holder .diff3{
	margin-bottom:28px;
}
.logo-list-holder .diff4{
	margin-top:-6px;
	margin-left:-7px;
}
.logo-list-holder .col2{
	padding:0 3px 0 0;
	width:127px;
}
.logo-list-holder .col2 li{
	width:127px;
}
#footer{
	padding:10px 0 15px;
	text-align:center;
	width:100%;
	background:url(/images/bg-footer.png) no-repeat;
}
#footer ul{	margin:0 0 36px;	padding:0;
	position:relative;
	text-align:center;	list-style:none;}#footer ul li{
	display:inline;
	padding:0 8px 0 13px;
	background:url(/images/separator-footer.gif) no-repeat 0 50%;
}
#footer ul li:first-child{
	background:none;
	padding-left:0;
}
#footer a{
	color:#787d82;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer address{
	overflow:hidden;
	padding:0;
	font-style:normal;
	height:1%;
	text-align:center;
}
#footer address span{
	padding:0 6px 0 10px;
	background:url(/images/separator-footer.gif) no-repeat 0 50%;
}
#footer address span:first-child{
	background:none;
}
#footer dl{
	margin:0;
	display:inline;
}
#footer dt{
	display:inline;
}
#footer dd{
	margin:0 5px 0 0;
	display:inline;
	padding:0 7px 0 0;
	background:url(/images/separator-footer.gif) no-repeat 100% 50%;
}
* html #footer dd{
	margin:0 7px 0 0;
	padding:0 5px 0 0;
}
*+ html #footer dd{
	margin:0 7px 0 0;
	padding:0 5px 0 0;
}


/*** PAGE ELEMENTS ***/

div.headline
{
  border-bottom: 1px #999 dotted; 
  height: 32px;
  position: relative;
  padding: 0 0 .25em 0;
  margin: 1em 0 1em 0;
}

div.headline img
{
  position: absolute;
  left: 4px;
  top: 0;
  height: 32px;
  width: 32px;
  vertical-align: bottom;
}

div.headline h1
{
  font-size: 1.6em;
  line-height: 32px;
  margin: 0;
  padding: 0 0 0 40px;
  color: #859EC6;
}

p
{
  margin: .25em 0 1.25em 0;
}

div.spacer
{
  height: .5em;
}

table.three-col-paragraph
{
  margin: 0 0 1.25em 0;
}

table.two-col-paragraph
{
  margin: 0 0 1.25em 0;
}

table.three-col-paragraph td
{
  padding: 0 1em 0 0;
  vertical-align: top;
  width: 33%;
}

table.two-col-paragraph td
{
  padding: 0 1em 0 0;
  vertical-align: top;
  width: 50%;
}

table.two-col-paragraph td h2,
table.three-col-paragraph td h2
{
  font-size: 1.1em;
  line-height: 1.1em;
}


/*** MESSAGE ***/
div.message
{
  margin: .75em 0 .75em -.35em;
  position: relative;
  z-index: 0;
  font-size: 1em;
  line-height: 1.2em;
  border: 1px #ccc solid;
  background: #fafafa;
}

div.message span
{
  display: block;
  padding: .4em .5em .4em .5em;
  text-align: left;
}

div.message_error span
{
  color: red;
}

div.message_success span
{
  color: green;
}

div.message_info
{
  border-left: .35em #ccc solid;
}

div.message_error
{
  border-left: .35em #bb0000 solid;

}

div.message_success
{
  border-left: .35em #00cc00 solid;
}



/*** FORMS ***/

form {
	margin: 0px;
	padding: 0px;
}

form fieldset
{
  border: 1px #ccc solid;
  padding: .5em 1em .75em 1em;
}

input,
select
{
  font-size: .85em;
  line-height: 1.25em;
  margin: .1em .25em 0 0;
  padding: .1em;
}

input.radio
{
}

textarea
{
  font-size: 1em;
  line-height: 1.25em;
}

input.submit
{
  /*font-size: 1.0em; */
  line-height: 1.25em;
}

div.radiobox
{
  margin-top: 0.5em;
}

label
{
  margin-top: 0.5em;
  font-size: 0.875em;
  line-height: 0.875em;
  display: block;
}

label.radio
{
  margin: -1.35em 1em 1em 2.3em;
  line-height: 1.35em
}


label.checkbox
{
  font-size: 1em;
  line-height: 1.5em;
  /* padding needs to be in pixel because the checkbox field does
   * not scale with ems */
  padding: 0 0 0 16px;
  margin: 0 0 0 .2em;
}

label.error
{
  border: 1px red solid;
}

label.error input
{
}

input.error
{
  border-color: red;
}

input.checkbox
{
  /* values need to be in pixel because the checkbox field does
   * not scale with ems */
  margin: 0 4px 0 -18px;
  padding: 0;
  vertical-align: middle;
  height: 14px;
  width: auto;
}

form.contact label
{
  display: block;
}

/*** MODEL FORM ***/

form.model_form
{
  margin-bottom: 2em;
}

form.model_form table.renderer th
{
  padding-top: .85em;
}

form.model_form input
{
  width: 18em;
}

form.model_form input.checkbox
{
  width: auto;
}

form.model_form input.submit
{
  width: auto;
}


/*** TABLE RENDERER ***/

table.renderer
{
  border-collapse: collapse;
  margin: 10px 0;
}

table.renderer th,
table.renderer td
{
  padding: 5px 10px 5px 10px;
  overflow: hidden;
  vertical-align: top;
}

table.renderer_horizontal th
{
  border-bottom: 1px #ccc solid;
  vertical-align: bottom;
  /*
  background-color: #EBF8E0;
  background-color: #6AB023;
  color: white;
  */
  line-height: 1.3em;
}

table.renderer_vertical th
{
  border-right: 1px #ccc solid;
  text-align: right;
}

table.renderer_vertical th.error
{
  color: red;
}


table.renderer_horizontal tr.cycle
{
  background: #fafafa;
}

table.renderer_horizontal tr.cycle
{
  background: #f6f6f6;
}

table.renderer_horizontal tr.clickable
{
  cursor: default;
}

table.renderer_horizontal tr.clickable:hover
{
  background: #eee;
  cursor: pointer;
}

table.renderer_horizontal tr.inactive,
table.renderer_horizontal tr.inactive a,
table.renderer_horizontal tr.inactive a:hover
{
  color: #999;
}

table.renderer .amount
{
  text-align: right;
}

table.renderer .negative
{
  color: red;
}

table.renderer .strike
{
  text-decoration: line-through;
}

table.renderer tr.total
{
  font-weight: bold;
  border-top: 3px #aaa double;
  /* border-top: 3px #6AB023 double; */
  white-space: nowrap;
  background: transparent;
  text-align: right;
}


/*** CAROUSEL ***/

.jac
{
	position:relative;
	margin:0;
}

.jac .carousel 
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style-type:none;
}

.jac .carousel .jac-content
{
	float:left;
}

.myJac
{
  width:369px;
  height: 60px;
  overflow: hidden;
}

.myJac .jac-content
{
}

.myJac .jac-content td
{
  height: 60px;
  vertical-align: middle;
}

.myJac .jac-content img
{
  margin: 0 5px;
}

.myJac ul
{
  width: 100%;
  /* height: 40px; */
  overflow: hidden;
}           

.myJac .arrow-left, .myJac .arrow-right
{
 position:absolute;
 top:10px;
 z-index:5;
}
.myJac .arrow-left a, .myJac .arrow-right a
{
 display:block;
 height:28px;
 width:28px;
 text-indent:-999em;
}
.myJac .arrow-left a:focus, .myJac .arrow-right a:focus
{
 outline:none;
}
.myJac .arrow-left
{
 left:0px;
 background: url(../images/bg-gall-arrow-left.gif) no-repeat 0 0;
}
.myJac .arrow-right
{
 right:0px;
 background: url(../images/bg-gall-arrow-right.gif) no-repeat 0 0;
}      

/*** BEGIN customer logos ***/

.customer_logos
{
  margin: 0 auto;
}

.customer_logos hr
{
  border-style: solid;
  border: 0;
  border-top: 1px #f0f0f0 solid;
}

.customer_logos a
{
  display: block;
  width: 190px;
  height: 80px;
  line-height: 80px;
  padding: 5px;
  margin: 1px;
  float: left;
  border: 1px #fff solid;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.customer_logos a div
{
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

.customer_logos a:hover
{
  border: 1px #f0f0f0 solid;
}

/*** END customer logos ***/
