@charset "UTF-8";
/* CSS Document */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


img, div { behavior: url(iepngfix.htc); }

body {
	
	background: #3b424e url(images/bg.jpg) center top no-repeat;
	color: #3b424e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:14px;
	line-height:16px;
	
}

a {

	color: #3b424e;
	text-decoration: none;
}

a:hover {

	color: #57bbef;
	text-decoration: underline;
}


.wrapper {
	
	width: 905px;
	margin:auto;
	padding: 80px 0 80px 0;
	background: url(images/shadowleftright.png) repeat-y top;
	position:relative;
	
}

.wrappertop {
	
	width: 905px;
	height: 44px;
	margin:auto;
	background: url(images/shadowtop.png) bottom no-repeat;
	overflow:hidden;
	
}

.wrappertop ul {
	
	margin-left: 13px;
	
}

.wrappertop ul li {
	
	float:left;
	
}

.wrappertop ul li a.active {
	
	display:block;
	height:44px;
	width:150px;
	margin-right:4px;
	background:url(images/buttons.png);
	text-align:center;
	padding-top: 14px;
	text-decoration: none;
	color: #3b424e;
		
}

.wrappertop ul li a.active:hover {
	
	display:block;
	height:44px;
	width:150px;
	margin-right:4px;
	background:url(images/buttons.png);
	text-align:center;
	padding-top: 14px;
	text-decoration: none;
	color: #3b424e;
		
}

.wrappertop ul li a {
	
	display:block;
	height:44px;
	width:150px;
	margin-right:4px;
	background:url(images/buttons.png) top;
	background-position: 0 -88px;
	text-align:center;
	padding-top: 14px;
	text-decoration: none;
	color: #fff;
		
}

.wrappertop ul li a:hover {
	
	background:url(images/buttons.png) top;
	background-position: 0 -44px;
	color: #fff;
		
}

.wrapperbot {
	
	width: 905px;
	height: 40px;
	margin:auto;
	background: url(images/shadowbottom.png) top no-repeat;
	
}

.content {
	
	width: 720px;
	margin: auto;
}

.showcase {
	
	margin-bottom: 50px;
	clear:right;
	position: relative;
	
}

.showcase p {
	
	width:550px;
	margin-left: 10px;
	padding-right: 20px;
	border-right: dashed 1px #e2e2e2;
	
}

.showcase span {
	
	font-size:12px;
	float:right;
	
}

.showcase h1 {
	
	float:right;
	padding: 10px 0 0 0;
	margin-right:10px;
	
}

.showcase h2 {
	
	float:right;
	color:#d4d5d8;
	padding: 4px 0 8px 0;
	font-size:18px;
	clear:right;
	font-weight:normal;
	_font-weight: normal;
	margin-right:10px;
	
}

.showcaseborder {
	
	width:720px;
	height:300px;
	background-color: #f9f9f9;
	border: solid 1px #e2e2e2;
	position:relative;
	
}

.showcaseImg {
	
	position:absolute;
	top:10px;
	left:10px;
	
}

p {
	
	margin: 10px 0 10px 0;
	
}

h1 { 

	font-size:18px;
	font-weight:normal;
	padding: 30px 0 8px 0px;

}

.client {

	border-top:solid 1px #d9d9d9; 
	padding: 10px 0; 
	min-height: 94px;
	
}

.client a, .client a:hover { 

	text-decoration: none;
	color: #3b424e;

}

.client p {

	margin: 10px 0 0 0;
	float: right;
	width: 470px;
	cursor: pointer;
	
}

.client div {

	clear: both;
	
}

.client div div {

	clear: both;
	
}

.client div p {

	float: right;
	width: 470px;
	cursor: default;
	overflow: hidden;
	height: 100px;
	
}

.client img {

	float:left;
	
}

.client h2 { 

	font-size:16px;
	font-weight:normal;
	padding: 12px 0 0 0;
	color: #3b424e;
	text-decoration: none;
	float: right;
	width: 470px;


}

.client a h2 { 

	color: #3b424e;
	text-decoration: none;

}

.logoSmall {
	
	position:absolute;
	right:392px;
	bottom:15px;
	
}

.client:hover {

	background-color: #fafafa;
	
}

.adresbox {

	border: solid 1px #e2e2e2;
	margin: 0 0 5px 0;
	background-color: #f9f9f9;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	font-size: 12px;
	
}

.adresbox h3 {

	font-size: 14px;
	padding-top: 5px;
	font-weight: normal;
	
}

.adresbox ul li {

	float: left;
	width: 170px;
	
}

.adresbox ul li a {

	text-decoration: none;
	color: #3b424e;
	
}

.adresbox ul li.mail:hover {

	background: url(images/email.png) right top no-repeat ;
	
	
}

.adresbox ul li.phone:hover {

	background: url(images/zoom.png) right top no-repeat;

	
}

.adresbox ul li.route:hover {

	background: url(images/icons.png) right top no-repeat;

	
}

.contactform {

	margin: 20px 0;
	width: 720px;
	overflow: hidden;

}

.contactform span {

	font-size: 11px;
	color: #898e95;

}

.contactform table {

	width:720px;
	font-size: 12px;

}

.contactform table tr td p  {

	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
	font-size: 12px;

}

.contactform table tr td p span  {

	font-size:18px;
	margin-left: 3px;

}

.contactform table tr td input[type="text"]  {

	
	width:218px;
	border: solid 1px #e2e2e2;
	background-color: #f9f9f9;
	margin: 10px 0px;
	padding: 10px 0px;
	color: #3b424e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;

}

.contactform table tr td input[type="text"]:hover  {

	background-color: #f6f6f6;

}

.contactform table tr td input[type="text"]:focus  {

	background-color: #f6f6f6;
	border: solid 1px #57bbef;

}


.contactform table tr td textarea  {

	width:718px;
	max-width:718px;
	height: 90px;
	border: solid 1px #ebebeb;
	background-color: #f9f9f9;
	margin: 10px 0px;
	color: #3b424e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	padding: 10px 0px;


}

.contactform table tr td textarea:hover  {

	background-color: #f6f6f6;

}

.contactform table tr td textarea:focus  {

	background-color: #f6f6f6;
	border: solid 1px #57bbef;

}

.contactform table tr td input[type="radio"]  {

	margin: 0;
	padding: 0;
	margin-right: 10px;

}

.contactform table tr td input.submit  {

	display: block;
	width: 100px;
	height: 35px;
	background: #57bbef;
	color: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:14px;
	cursor: pointer;

}

.contactform table tr td input.submit:hover  {

	background: #898e95;

}

.contactform table tr td input.submit:active  {

	background: #898e95;
	position: relative;
	top: 1px;

}

#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; padding: 10px; background:#f9f9f9; border:2px solid #c30000; border-left:none; min-width:30px; max-width:200px}

a.vcard {

	float: right;
	margin:0; 
	padding:0; 
	font-size:12px;
	height: 20px;
	
}

a.vcard:hover {

	background: url(images/contacts.png) left center no-repeat ;
	behavior: url(iepngfix.htc);
	padding-left: 25px;
	
}

.next {

	margin-left: 10px;
	
}

.prev {

	margin-left: 10px;
	float: right;
	
}

.logo {

	width:880px; 
	height:107px; 
	margin:auto;  
	background: url(images/logo.png) no-repeat left bottom; 
	text-indent: -9999px; 
	overflow:hidden;
	
	}