/*************************************
 *
 *  Code By Attenzione
 *  Started at 22.02.2010
 *
 *************************************/

#wrapper { margin: 0 auto; width: 980px; height: 100%; }
#content { padding-bottom: 35px; }

#header { padding: 0 40px; }
#header div.jp { background: url(../images/i/bg/jp.gif) top left repeat-x #242222; padding: 0 10px; float: left; }
#header div.jp a { background: url(../images/i/ico/jp.gif) left no-repeat; padding-left: 17px; display:block; font-size: 12px; color: #fff; }
#header div.logo { margin: 30px 20px 0 0; float: right; }

#footer { padding: 0 40px; vertical-align: bottom; color: #5b5c5e; }
#footer div.contacts { margin-bottom: 30px; }
#footer div.contacts div.column { padding-right: 30px; float: left; width: 280px; }
#footer div.contacts div.column-last { padding-right: 0; }
#footer div.contacts dl dt { padding-left: 20px; margin-bottom: 8px; }
#footer div.contacts dl dd { line-height: 1.6em; }
#footer div.contacts dl dd table th { padding-right: 7px; }
#footer div.contacts dl dd table td { color: #fff; }
#footer div.contacts a { color:#fff; }
#footer div.copyright { padding-right: 30px; margin-top: -6px; width: 300px; float: left; }
#footer div.tv { min-height: 25px; }
#footer div.tv a { outline: none; }
#footer div.eraf { padding-right: 20px; float: left; text-transform: uppercase; font-size: 10px; line-height: 10px; font-style: italic; white-space: nowrap; }
#footer div.eraf img { margin-bottom: 10px; }
#footer div.eraf img.first { margin-right: 12px; }
#footer div.eu-fond { font-size: 11px; line-height: 14px; float: left; width: 400px; }

#menu { margin-top: -10px; margin-bottom: 10px; }
#menu a.home { margin-top: 2px; display: block; position: absolute; }
#menu ul { padding: 0 10px; margin: 0; }
#menu ul li { background: none; border-right: 1px solid #F24E06; margin: 0; padding: 0 0 15px; float: left; font-size: 14px; line-height: 14px; }
#menu ul li.last { border-right: none; }
#menu ul li a { padding: 0 10px; display: block; color: #fff; text-decoration: none; }
#menu ul li a:hover { color: #F24E06; }
#menu ul li span { padding: 0 10px; display: block; color: #818181; }
#menu ul li.submenu { zoom: 1; }
#menu ul li.submenu a,
#menu ul li.submenu span { background: url(../images/i/mrk/1.gif) right 7px no-repeat; padding-right: 20px; color: #fff; }
#menu ul li.submenu span { cursor: default;  }
#menu ul li div.submenu { position: absolute; margin: 15px 0 0 10px; font-size: 13px; zoom: 1; z-index: 10; }
#menu ul li div.submenu ul { padding: 0; }
#menu ul li div.submenu ul li { border-right: none; padding: 3px 0; border-top: 1px solid #fff; float: none; min-height: 1em; }
#menu ul li div.submenu ul li.first,
#menu ul li div.submenu ul li.noline { border-top: none; }
#menu ul li div.submenu ul li.noline { padding: 0; }
#menu ul li div.submenu ul li a,
#menu ul li div.submenu ul li span { background: none; padding-top: 4px; padding-bottom: 4px; }
#menu ul li div.submenu ul li span { color: #818181; }
#menu ul li div.submenu ul li a { display: inline-block; }
#menu ul li div.submenu ul li a { display: block; }
#menu ul li div.submenu ul li a:hover { /*background: #f68a39; color: #fff;*/ color: #F24E06; }

/* INDEX PAGE */

#what-we-do { background: url(../images/what-we-do.jpg) no-repeat; height: 392px; padding: 1px; }
#what-we-do p { padding: 282px 30px 0 327px; font-size: 13px; }
#what-we-do p a { color: #fff; }
#how-we-do { background: url(../images/how-we-do.jpg) no-repeat; height: 394px; }
#how-we-do p { padding: 151px 80px 0 525px;  }
#how-we-do p a { color: #fff; }

/*
#how-we-do div.step { padding: 225px 52px 0 48px; float: left; font-size: 11px; width: 200px; line-height: 14px; }
#how-we-do div.step p { margin-bottom: 7px; }
#how-we-do div.step em { margin-bottom: 3px; color: #fff; font-style: italic; display: block; }
*/

#splash-tabs { margin: 20px 0 0 20px; position: absolute; z-index: 2; }
#splash-tabs ul { margin: 0; padding: 0; }
#splash-tabs li { margin: 0; padding: 0 17px 0 0; background: none; float: left; }
#splash-tabs li a { color: #fff; text-decoration: none; display: block; padding-right: 1px; line-height: 16px; outline: none; cursor: pointer; }
#splash-tabs li a span { display: block; height: 17px; padding: 0 3px 0 4px; }
#splash-tabs li a span span { border-bottom: 1px dotted #fff; padding: 0; }
#splash-tabs li a:hover span span { color: #c1d72e; border-color: #c1d72e; }
#splash-tabs li a.toggle-active { background: url(../images/i/bg/i1.gif) right no-repeat; }
#splash-tabs li a.toggle-active span { background: url(../images/i/bg/i1.gif) left no-repeat; padding: 0 0 0 1px; }
#splash-tabs li a.toggle-active span span { background: #a8be13; border-bottom: none; padding: 0 3px; }
#splash-tabs li a.toggle-active:hover span span { border-color: #fff; color: #fff; }

#index div.splash-wrap { margin-bottom: -6px; position: relative; z-index: 1; }
#splashes { height: 394px; overflow: hidden; position: relative; }

#video { position: relative; z-index: 3; }
#video div.block { position: absolute; top: -5px; right: 5px; z-index: 3; }
#video div.block h2 { margin-bottom: 5px; font-size: 18px; white-space: nowrap; }
#video div.block h2 a { background: url(../images/i/ico/open.gif) 100% 11px no-repeat; padding-right: 20px; white-space: nowrap; outline: none; color: #fff; text-decoration: none; }
#video div.block h2 a.toggle-active { background: url(../images/i/ico/close.gif) 100% 11px no-repeat; }
#video div.block h2 a span { border-bottom: 1px dotted #fff; }
#video div.inner { width: 440px; color: #5b5c5e; font-size: 13px; line-height: 18px; }
#video div.inner p { margin-bottom: 10px; }
#video div.embed div.object { margin-bottom: 10px; }

#index div.demo { background: url(../images/i/bg/btn.gif) #000 0 6px no-repeat; padding: 36px 20px 20px 20px; color: #5b5c5e; }
#index div.demo div.left { padding-right: 30px; float: left; width: 300px; line-height: 14px; }

#index div.teasers-shadow { background: url(../images/i/bg/teasers.png); height: 4px; }
#teasers { margin: 0 -20px; line-height: 18px; }
#teasers div.column { background: url(../images/i/bg/sep.gif) top right no-repeat; margin-top: -6px; padding: 18px 2px 18px 0; float: left; width: 310px; color: #5b5c5e; }
#teasers div.column p { margin-bottom: 3px; }
#teasers div.column img { margin: 0 auto; }
#teasers div.column h2 { padding: 0 20px; margin-bottom: 8px; }
#teasers div.column div.content { padding: 0 20px; }
/*
#teasers div.column h2 a { color: #000; }
#teasers div.column h2 a:hover { color: #787878; }
*/
#teasers div.column h3 { font-size: 13px; font-weight: bold; }
#teasers div.column-3 { background: none; padding-right: 0; }
#teasers div.column div.blog ul li { background: none; margin: 0; padding: 0; font-size: 11px; line-height: 18px; }
#teasers div.column ul.links li { display: inline; margin: 0 25px 0 0; }
/*
#teasers div.column ul.links li a { color: #000; font-weight: bold; }
#teasers div.column ul.links li a:hover { color: #787878; }
*/

#technology div.column-1 { width: 440px; float: left; }
#technology div.column-2 { width: 340px; float: right; }
#technology div.download { width: 280px; }

#measurements #video { padding-bottom: 20px; }
#measurements #video div.block { top: -20px; right: auto; }
#measurements div.fade { background: url(../images/i/bg/fade.gif) bottom repeat-x; }
#measurements div.bg { background: url(../images/image3.jpg) 25px 100% no-repeat; min-height: 235px; }
#measurements div.lead h1 { float: left; }
#measurements div.lead p { margin-bottom: 25px; float: right; width: 490px; }
#measurements div.lead div.list { margin-left: 485px; }
#measurements div.lead div.list dl dt {
	background: url(../images/i/mrk/o.png) no-repeat;
	margin: 1px 0 0 -23px;
	width: 17px; height: 17px;
	position: absolute;
	line-height: 16px;
	text-align: center;
}
#measurements div.column-1 { width: 440px; float: left; }
#measurements div.column-2 { width: 340px; float: right; }
#measurements div.im { margin-bottom: 20px; text-align: center; }
#measurements div.table table tbody th { width: 40%; }
#measurements div.table table tbody td { width: 30%; }
#measurements div.gallery { position: relative; top: 6px; }
#measurements div.download { padding-top: 8px; }

#plugins div.column-1 { width: 440px; float: left; }
#plugins div.column-2 { width: 340px; float: right; }
#plugins div.screenshots { background: #ecf6dc; padding: 20px 10px 10px 40px; float: left; width: 570px; }
#plugins div.screenshots h2 em { color: #5b5c5e; font-size: 13px; }
#plugins div.screenshots ul { margin-left: -28px; }
#plugins div.screenshots ul li {
	background: url(../images/i/bg/screen.png) no-repeat;
	margin-left: 28px;
	padding: 9px 0 0 0;
	width: 262px; height: 204px;
	text-align: center;
	float: left;
}
#plugins div.files {
	background: url(../images/i/bg/fade-green.gif) top left repeat-x;
	padding: 25px 40px 10px 20px;
	margin: 0;
	float: right;
	width: 220px;
	min-height: 165px;
	font-size: 11px; line-height: 14px;
}
#plugins div.files hr { margin-left: 25px; }
#plugins div.files ul.links { padding-left: 25px; }
#plugins div.green-tip { margin-bottom: 20px; width: 540px; position: relative; top: -10px; color: #000; }
#plugins div.table table tbody th { width: 28%; }
#plugins div.table table tbody td { width: 18%; }

#products h1 span { color: #5b5c5e; }
#products div.block { background: #edf7fc; padding: 20px 40px 30px 40px; float: left; width: 540px; }
#products div.files {
	background: url(../images/i/bg/fade-blue.gif) top left repeat-x;
	padding: 25px 40px 10px 20px;
	margin: 0;
	float: right;
	width: 220px;
	min-height: 140px;
	font-size: 11px; line-height: 14px;
}
#products div.files hr { margin-left: 25px; }
#products div.files ul.links { padding-left: 25px; }
#products div.blue-tip { margin-bottom: 20px; width: 540px; position: relative; top: -10px; color: #000; }
#products div.table table tbody th { width: 34%; }
#products div.table table tbody td { width: 22%; }
#products div.apeq div.im { margin: 0 auto 20px; }
#products div.apeq div.column { margin: 0 7px; text-align: center; float: left; width: 250px; }
#products div.apeq div.column ul { margin-bottom: 0; }
#products div.apeq div.column ul li { background: none; margin: 0 0 5px 0; padding: 0; }
#products div.apeq div.column ul li a { padding-right: 7px; display: block; outline: none; }
#products div.apeq div.column ul li a span { padding: 10px 0 0 7px; display: block; height: 21px; }
#products div.apeq div.column ul li a.toggle-active { background: url(../images/i/btn/apeq-r.gif) right no-repeat; }
#products div.apeq div.column ul li a.toggle-active span { background: url(../images/i/btn/apeq-l.gif) left no-repeat; }

#dealers div.map { height: 95px; }
#dealers table.become { margin-bottom: 10px; }
#dealers table.become th { padding-right: 10px; padding-top: 5px; text-align: right; }
#dealers h2 { margin-bottom: 12px; }
#dealers ul.list { margin-left: -40px; }
#dealers ul.list li {
	background: none;
	padding: 0 0 20px 40px;
	vertical-align: top;
	width: 240px;
}
#dealers ul.list li h3 { background: url(../images/i/mrk/d1.gif) 0 6px no-repeat; padding-left: 12px; margin-left: -12px; }
#dealers ul.list li p { margin-bottom: 8px; }
#dealers ul.list li.distributor h3 { background-image: url(../images/i/mrk/d2.gif); }
#dealers ul.list li h3 { color: #5b5c5e; }

#tutorial div.block { margin-bottom: 40px; }
#tutorial div.column-1 { padding-top: 20px; width: 440px; float: left; }
#tutorial div.column-2 { width: 340px; float: right; }

#downloads div.downloads { background: #ECF6DC; padding-top: 20px; padding-bottom: 30px; }
#downloads div.downloads h2 span { background: #ECF6DC; }
#downloads div.block { margin-bottom: 30px; }
#downloads div.column-1 { width: 240px; float: left; }
#downloads div.column-2,
#downloads div.column-3 { margin-left: 40px; width: 240px; float: left; }
#downloads h2 { margin-bottom: 20px; }
#downloads h3 { margin-bottom: 10px; }
#downloads ul { margin-bottom: 20px; }
#downloads ul li { background: none top left no-repeat; padding-left: 40px; margin-bottom: 12px; min-height: 36px; }
#downloads ul li.tools { background-image: url(../images/i/ico/tools.png); padding-left: 40px; }
#downloads ul li.video { background-image: url(../images/i/ico/video.png); padding-left: 40px; }
#downloads ul li.pdf { background-image: url(../images/i/ico/pdf.png); padding-left: 40px; }
#downloads ul li em { font-size: 11px; }

#faq div.column-1 { width: 520px; float: left; }
#faq div.column-1 dl dt { margin-bottom: 10px; font-size: 18px; line-height: 22px; }
#faq div.column-1 dl dt a { outline: none; }
#faq div.column-1 dl dd { border-bottom: 1px solid #eaeaea; padding: 0 0 10px; font-size: 16px; line-height: 20px; font-style: italic; }
#faq div.column-1 dl dd.last { border-bottom: none; }
#faq div.column-1 dl dd div.txt { padding-bottom: 20px; }
#faq div.column-2 { width: 280px; float: right; }
#faq div.column-2 div.form { margin-bottom: 35px; }

#licence div.column-1 { margin-bottom: 20px; width: 440px; float: left; font-size: 16px; }
#licence div.column-2 { margin-bottom: 20px; width: 340px; float: right; }
#licence div.column-2 div.inner { padding: 10px 20px; }

#career div.inner { padding-bottom: 7px; }
#career div.vacancy { margin-bottom: 20px; }
#career dl dt { margin-bottom: 12px; font-size: 18px; color: #000; }
#career dl dd { margin-bottom: 0; width: 520px; }
#career dl dd h3 { color: #5b5c5e; }
#career dl dd div.txt,
#career dl dd p,
#career dl dd ul { margin-bottom: 1em; }
#career dl dd ul li { background: none; padding: 0; margin-bottom: 2px; color: #000; }
#career dl dd div.button { margin: 0 0 -13px -20px; position: relative; z-index: 1; display: none; }
#career dl dd div.button button { cursor: pointer; }

#blog div.column-1 { margin-left: -20px; padding-bottom: 1px; width: 600px; float: left; }
#blog div.column-2 { padding-top: 12px; padding-bottom: 1px; width: 222px; float: right; }
#blog div.comments { padding: 0 20px; }

#personell div.gallery-242 h2 { margin-bottom: 0; }
#personell div.gallery-242 div.item div.photo div.list,
#personell div.gallery-242 div.item div.photo div.list table { height: 245px; }
#personell div.gallery-242 div.item div.photo div.frame  { background-image: url(../images/i/box/frame-242x245.png); height: 245px; }

#contacts div.map { height: 189px; }
#contacts h2 { margin-bottom: 12px; }
#contacts ul.list { margin-left: -40px; }
#contacts ul.list li {
	background: none;
	padding: 0 0 20px 40px;
	vertical-align: top;
	width: 240px;
}
#contacts h3 { color: #5b5c5e; }
#contacts div.row-1 div.column-1 { margin-bottom: 20px; float: left; width: 240px; }
#contacts div.row-1 div.column-2 { margin-bottom: 20px; float: right; width: 560px; }
#contacts div.row-1 div.column-2 div.inner { padding: 5px 20px 0; }
#contacts div.row-1 div.column-2 div.column-1,
#contacts div.row-1 div.column-2 div.column-2 { margin-bottom: 0; width: 240px; }
#contacts div.row-1 div.column-2 ul li { padding: 0; margin-bottom: 12px; background: none; }
#contacts div.row-1 div.column-2 ul li h3 { margin-bottom: 5px; }
#contacts div.row-2 div.column-1 { float: left; width: 520px; }
#contacts div.row-2 div.column-2 { float: right; width: 280px; }

#forum div.sticker { margin-top: -40px; margin-bottom: -82px; float: right; width: 250px; }
/*#forum div.sticker div.inner { overflow: hidden; }*/
#forum div.forum-list { padding-bottom: 50px; }
#forum div.forum-list ul { margin-left: -40px; }
#forum div.forum-list ul li {
	background: url(../images/i/ico/forum.gif) 40px 0 no-repeat;
	margin: 0;
	padding: 0 0 30px 80px;
	vertical-align: top;
	width: 200px;
	font-size: 11px;
	line-height: 14px;
}
#forum div.forum-list ul li h2 { margin-bottom: 3px; }
#forum div.forum-list ul li p.date { font-size: 11px; color: #000; }

#topics h1 { background: url(../images/i/ico/forum.gif) 0 5px no-repeat; padding-left: 40px; margin-right: 200px; }
#topics div.location { margin-left: 40px; }
#topics div.table-list table thead th.first {
	padding-left: 40px;
}
#topics div.table-list table tbody th {
	background-image: url(../images/i/ico/topic.png);
	background-position: 10px 12px;
	background-repeat: no-repeat;
	padding-left: 40px;
}
#topics div.subscription { color: #000; }
#topics div.subscription td.rss { padding-left: 50px; }
#topics div.subscription td.rss img { vertical-align: middle; }

#topic h1 { background: url(../images/i/ico/topic.gif) 5px 5px no-repeat; padding-left: 40px; margin-bottom: 5px; }
#topic h2 span { color: #5b5c5e; }
#topic div.location { margin-left: 40px; }
#topic span.datetime { display: block; margin-bottom: 25px; }
#topic div.post-body,
#topic div.post-meta { width: 560px; }
#topic div.comment-form { width: 560px; }
#topic div.offset-comment { margin-bottom: 20px; }
#topic div.comments div.b9-i { padding-right: 26px; }