/* @override http://weboriginal/css/base.css */

@CHARSET "UTF-8";

/************************************************

 *    project | weboriginal.eu

 *       name | base.css

 *  developer | worbyd

 *    release | 10.1.09

 *  copyright | weboriginal.eu

 ************************************************/



@import "reset.css";



body {

	background-color: #101010;

	color: #6a6a6a;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}



a {

	cursor: pointer;

	color: #6a6a6a;

	text-decoration: underline;

}



h1 {

	color: #1d1d1d;

	font-size: 20px;

	font-weight: bold;

  line-height: 20px;

}

h1 span { color: #8cb511; }



h2 {

	color: #1d1d1d;

	font-size: 16px;

	font-weight: bold;

  line-height: 20px;

}

h2 span { color: #8cb511; }



h3 {

	color: #1d1d1d;

	font-size: 14px;

	font-weight: bold;

	letter-spacing: -1px;

	text-transform: uppercase;

}

h3 span { color: #8cb511; }



h5 {

  color: #b5b5b5;

  font-size: 11px;

  font-weight: bold;

}



ol { list-style-type:decimal; margin-left: 20px; font-size: 12px;}



div.clear { clear: both; }





/* mainwrap

 ************************************************/

#mainwrap {

	width: 100%;

}





/* mainwrap's head

 ************************************************/

#mainwrap_head {

  width: 100%;

	height: 360px;

  background: #ffffff url("../images/mainwrap_head_content_wrap.gif") left bottom repeat-x;

	_text-align: center;

}



#mainwrap_head .wrap {

	position: relative;

  margin: 0 auto 0 auto;

  width: 940px;

	height: 260px;

  _text-align: left;

}



/* header | mainwrap's head */

#mainwrap_head .header {

  width: 940px;

	height: 100px;

}



/* logo & motto | header */

.header div.logo {

	padding: 28px 0 0 0;

}



.header div.logo a {

	display: block;

	width: 205px;

	height: 55px;
	text-indent: -999em;
	background: url("../images/logo.gif") 0 0 no-repeat;

	text-decoration: none;

}

.msg {
	font-size: 13pt;
	color: #000;
	font-weight: normal;
	text-shadow: #fff 0 1px 1px;
	text-align: left;
	margin-top: 1em;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
}



#mainwrap_head .header div.motto {

  display:none;

  position: absolute;

	top: 62px;

	left: 122px;

	width: 82px;

	height: 14px;

  background: url("../images/motto.gif") 0 0 no-repeat;

}



/* #mainwrap_head .header h1.logo {

	padding: 28px 0 0 0;

}



#mainwrap_head .header h1.logo a {

	display: block;

	width: 175px;

	height: 39px;

	background: url("../images/logo.gif") 0 0 no-repeat;

	text-decoration: none;

}



#mainwrap_head .header h1.motto {

  position: absolute;

	top: 62px;

	left: 122px;

	width: 82px;

	height: 14px;

  background: url("../images/motto.gif") 0 0 no-repeat;

} */



/* header menu | header */

#mainwrap_head .header_menu {

	position: absolute;

	top: 33px;

	right: 210px;

	width: 300px;

}

#mainwrap_head #social {
	position: absolute;
	top: 10px;
	right: 0;
	width: 200px;
	height: 50px;
}

#mainwrap_head #social iframe {
	margin: 0 auto;
	display: block;
}


#mainwrap_head .header_menu p {

	color: #3e3e3e;

	text-align: right;

}



#mainwrap_head .header_menu ul {

  margin: 2px 0 0 0;

}



#mainwrap_head .header_menu li {

	float: right;

	margin: 0 8px 0 0;

	padding: 0 0 0 9px;

	background: url("../images/li_sign.gif") 0 6px no-repeat;

}



#mainwrap_head .header_menu li.last {

	margin: 0;

}



#mainwrap_head .header_menu li.languages {

  margin: 0 3px 0 0;

  _margin: -2px 3px 0 0;

	padding: 0;

	background: none;

}



#mainwrap_head .header_menu li a {

	padding: 2px 0 2px 0;

}



#mainwrap_head .header_menu li.languages a {

  padding: 2px 5px 2px 15px;

	*height: 14px;

	background: #e1e1e1 url("../images/arrow_down_grey.gif") 5px 8px no-repeat;

}



#mainwrap_head .header_menu .displaynone li.languages a {

	background-color: #ffffff;

}



#mainwrap_head .header_menu ul li.languages a:hover {

  background-color: #e1e1e1;

}



#mainwrap_head .header_menu a {

  text-decoration: none;

}



/* languages | header menu */

.displaynone ul.languages {

  display: none;

  height: 1px;

}



.langwrap {

  position: absolute;

  top: 65px;

  *top: 63px;

	_top: 65px;

  right: 329px;

  overflow: hidden;

  width: 100px;

  height: 0;

}

.de .langwrap {
	right: 347px;
}

.hu .langwrap {
	right: 352px;
}

.langwrap ul.languages {

  overflow: hidden;

}



ul.languages {

	background: #ffffff;

	border: 1px solid #e1e1e1;

  text-transform: uppercase;

  text-align: left;

}



#mainwrap_head ul.languages li {

	float: none;

	margin: 0;

	padding: 4px 5px 4px 9px;

  background: none;

	border-bottom: 1px dashed #e1e1e1;

	font-size: 9px;

}

#mainwrap_head ul.languages li.last {

	border: none;

}



#mainwrap_head ul.languages li a {

	display: block;

  background-position: right center;

  background-repeat: no-repeat;

	text-decoration: none;

}



#mainwrap_head ul.languages li.hu a {

  background-image: url("../images/lang_hu.gif");

}



#mainwrap_head ul.languages li.en a {

  background-image: url("../images/lang_en.gif");

}



#mainwrap_head ul.languages li.de a {

  background-image: url("../images/lang_de.gif");

}



#mainwrap_head ul.languages li.es a {

  background-image: url("../images/lang_es.gif");

}



/* content's wrap | mainwrap's head */

#mainwrap_head  .content {

	width: 940px;

	background: url("../images/splotch.png") 0 0 no-repeat;

  _background: none;

  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splotch.png',sizingMethod='crop');

}



/* mainmenu | content */

#mainmenu {

	float: left;

	padding: 17px 0 0 0;

  *padding: 20px 0 0 0;

	width: 182px;

  font-size: 14px;

	line-height: 28px;

	text-transform: uppercase;

}



#mainmenu li {

	*margin: -3px 0 0 0;

  width: 180px;

	border-bottom: 1px solid #acacac;

	text-indent: 9px;

}



#mainmenu li a.yuimenuitemlabel-hassubmenu {

  background-image: url("../images/arrow_down.gif");

  background-position: right center;

  background-repeat: no-repeat;

}



/* submenu | mainmenu */

.yuimenu .yuimenu,

.yuimenubar .yuimenu {

	z-index: 3!important;

}



#mainmenu .bd .bd {

	padding: 0 5px 0 5px;

  background-color: #8cb511;

	border-right: 1px solid #100000;

  border-bottom: 1px solid #100000;

}



#mainmenu li li {

	margin: 0;

	width: 170px;

	border-bottom: 1px dashed #c6da88;

  font-size: 11px;

	line-height: 27px;

	text-indent: 10px;

}



/* last item | mainmenu */

#mainmenu li.last { border: none; }



#mainmenu a {

	display: block;

	color: #ffffff;

	text-decoration: none;

}



/* hover, selected */

#mainmenu li.active a.yuimenuitemlabel-hassubmenu,

#mainmenu li.yuimenuitem-selected a.yuimenuitemlabel-hassubmenu {

  background-image: url("../images/arrow_down_active.gif");

}



#mainmenu li.active,

#mainmenu li.yuimenuitem-selected {

  padding: 0 1px 0 0;

  background-color: #8cb511;

  border-bottom:1px solid #100000;

  border-right:1px solid #100000;

}



#mainmenu li li.yuimenuitem-selected {

  padding: 0;

  border-right: none;

  border-bottom: 1px dashed #c6da88;

  color: #f7ff7d;

}



#mainmenu li li.yuimenuitem-selected a {

  color: #f7ff7d;

}



/* last item | submenu */

#mainmenu li li.last { border: none; }



/* slideshow | content */

#mainwrap_head .slideshow {

  float: left;

	margin: 20px 0 0 19px;

	width: 529px;

  _width: 531px;

  height: 218px;

	_height: 220px;

	background-color: #000000;

	border: 1px solid #272727;

}

#mainwrap_head .slideshow.center {
	margin-left: 100px;
}


/* rightside | content */

#mainwrap_head .rightside {

  float: right;

	position: relative;

	padding: 20px 0 0 0;

	width: 200px;

}



/*

#mainwrap_head .rightside img {

  margin: 0 0 6px 0;

}

*/



#mainwrap_head .rightside a {

  display: block;

	background: url("../images/clear.gif") 0 0 no-repeat;

	text-decoration: none;

}



#mainwrap_head .rightside a.express_sitebuild {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 200px;
	height: 125px;
}

#mainwrap_head .rightside a.request_for_quotation {
  position: absolute;
  top: 151px;
  right: 0px;
  width: 200px;
  height: 85px;
}


/* mainwrap's body

 ************************************************/

#mainwrap_body {

  width: 100%;

	background: #ffffff url("../images/mainwrap_body_bg.jpg") 0 0 repeat-x;

  line-height: 16px;

  _text-align: center;

}



#mainwrap_body .maincontainer {

	margin: 0 auto 0 auto;

	width: 940px;

  background: url("../images/mainwrap_body_maincontainer.gif") 0 0 repeat-y;

  _text-align: left;

}



/* container | maincontainer */

#mainwrap_body .container {

  float: left;

	padding: 22px 0 40px 0;

  width: 720px;

}



#mainwrap_body .container h4 {

  font-size: 12px;

  font-weight: bold;

}



#mainwrap_body ul li {

	padding: 0 0 0 9px;

	background: url("../images/li_sign.gif") 0 6px no-repeat;

}



#mainwrap_body span.more_sign {

  display: block;

  margin: 12px 0 0 0;

  padding: 0 0 0 16px;

	*height: 14px;

  background: url(../images/more_sign.gif) 0 2px no-repeat;

}

#mainwrap_body .sidebar span.more_sign a {

  text-decoration: none;

}



#mainwrap_body .container p { font-size: 12px; }



#mainwrap_body .container a.more { color: #8cb511; }



#mainwrap_body .container .column {

	float: left;

	padding: 0 80px 0 0;

}



/* boxes */

.box {

	margin: 0 0 30px 0;

}



.boxhead {

	padding: 0 0 4px 0;

	border-bottom: 1px dashed #d3d3d3;

}

.noborder { border: none; }



.boxbody { padding: 12px 0 0 0; }



.boxfoot { padding: 12px 0 0 0; }



#mainwrap_body .boxfoot a {

	display: inline;

	margin: 0;

}



/* main box */

.mainbox .boxhead {

	padding: 0 0 20px 0;

	border: none;

}



.mainbox .boxbody {

  padding: 0;

}



/* image's wrap */

.imgwrap {

  width: 711px;

	border: 2px solid #e9e9e9;

}

.imgwrap img { margin: 2px; }



.smallimgwrap {

	float: left;

	margin: 0 3px 3px 0;

	width: 174px;
	height: 147px;
	border: 1px solid #888888;
	background: #d7d7d7;
	*font-size: 1px;

}

.smallimgwrap img { margin: 3px; }



/* zoom hover | imagewrap */

a.imgwrap {

  display: block;

  position: relative;

  text-decoration: none;

	*font-size: 1px;

}



a.imgwrap span {

  position: absolute;

  bottom: 3px;

  left: 3px;

  display: block;

  width: 59px;

  height: 59px;

}



a.imgwrap:hover span.zoom {

  background: url("../images/zoom.png") 0 0 no-repeat;

  _background: none;

  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zoom.png',sizingMethod='crop');

}



/* flash's wrap */

.flashwrap {

	width: 701px;

  border: 1px solid #888888;

	*font-size: 1px;

	padding:3px;

}

.flashwrap img { margin: 3px; }



.smallflashwrap {

  width: 461px;

  border: 1px solid #888888;

  *font-size: 1px;

}

.smallflashwrap img { margin: 3px; }



/* columns */

.leftcolumn {

	float: left;

	padding: 12px 15px 0 0;

	width: 222px;

  _width: 238px;

	border-right: 1px dashed #d3d3d3;

}



.midcolumn {

  float: left;

  padding: 12px 15px 0 15px;

  width: 208px;

  _width: 238px;

}



.rightcolumn {

  float: left;

  padding: 12px 0 0 15px;

  width: 222px;

  _width: 238px;

  border-left: 1px dashed #d3d3d3;

}



.midrightcolumn {

  float: left;

  padding: 12px 0 0 0;

  width: 475px;

}



/* sidebar | maincontainer */

#mainwrap_body .sidebar {

	float: right;

  width: 200px;

}



#mainwrap_body .sidebar_head {

	height: 32px;

  background: url("../images/sidebar_head.gif") 0 0 repeat-x;

  border-bottom: 4px solid #8cb511;

}



#mainwrap_body .sidebar_head h3 {

	padding: 8px 16px 0 16px;

	color: #ffffff;

	font-size: 15px;

	font-weight: normal;

	text-transform: uppercase;

}



#mainwrap_body .sidebar_body {

  padding: 0 6px 25px 6px;

	border-top: 3px solid #f9f9f9;

}



#mainwrap_body .sidebar_body h4 {

	padding: 0 0 10px 0;

	color: #101010;

  font-size: 15px;

	font-weight: bold;

}



#mainwrap_body .sidebar_item {

  padding: 14px 10px 16px 10px;

	background: url("../images/sidebar_item_separator.gif") left bottom repeat-x;

}



#mainwrap_body .sidebar_listitem {

	padding-bottom: 0;

	background: none;

  font-size: 9px;

  text-transform: uppercase;

}



#mainwrap_body .sidebar_listitem h4 {

	padding: 0;

	color: #6a6a6a;

	font-size: 11px;

}



#mainwrap_body .sidebar p.last_more {

	padding: 0 0 0 10px;

}





/* our services | container

 ************************************************/

.ourservices {

	margin: 0;

}





/* clientele | container

 ************************************************/

.clientele .boxbody {

	padding-top: 0;

}



#mainwrap_body .container .clientele p {

	padding: 0 0 15px 0;

	font-size: 11px;

}



.clientele p span {

	display: block;

	font-weight: bold;

	text-transform: uppercase;

}



.clientele p a {

  padding: 0 0 0 9px;

	background: url(../images/li_sign.gif) 0 6px no-repeat;

	text-decoration: none;

	cursor:default;

}





/* form | container

 ************************************************/

fieldset {

	padding: 0 15px 10px 15px;

	border: 2px solid #e9e9e9;

}



form h3 {

	margin: 0 0 6px 0;

	padding: 10px 0 4px 0;

	border-bottom: 1px dashed #d3d3d3;

	color: #000000;

	font-weight: normal;

	text-transform: none;

}

form h3 label { font-weight: normal; }



form .formrow {

	padding: 15px 0 15px 0;

	border-bottom: 1px dashed #d3d3d3;

}

form .formrow_last { border: none; }



form .formrow .sub {

	margin: 0 0 0 20px;

}

.radiolabellong {display:block; width: 115px; float:left; }

/* wide label | labels */

label {

	font-weight: bold;

	*padding-top: 4px;

}



label span { font-weight: normal; }



label.widelabel {

	display: block;

	margin: 0 0 3px 0;

}



/* half label | labels */

label.halflabel {

	float: left;

	display: block;

  margin: 0 0 3px 0;

	width: 231px;

}



/* checkbox's label | labels */

label.checkboxlabel {

	float: left;

	display: block;

  margin: 0 0 3px 0;

	width: 197px;

  *width: 192px;

}



/* radio's label | labels */

label.radiolabel {

  float: left;

  display: block;

  margin: 0 0 3px 0;

	width: 70px;

}



/* narrow label | labels */

label.narrowlabel {

  width: 70px;

}



/* last label before input | labels */

label.lastlabel {

  width: auto;

	margin: 0 5px 0 0;

}



/* wide input | inputs */

input {

  font-size: 11px;

}



input.wideinput {

  margin: 0 0 8px 0;

	padding: 3px;

	width: 427px;

  _width: 435px;

	background: url("../images/input_bg.gif") 0 0 repeat-x;

	border: 1px solid #888888;

}



/* half input | inputs */

input.halfinput {

  margin: 0 22px 8px 0;

  padding: 3px;

  width: 197px;

  _width: 205px;

  background: url("../images/input_bg.gif") 0 0 repeat-x;

  border: 1px solid #888888;

}

input.custsizeinput {

  margin: 0 22px 8px 0;

  padding: 3px;

  background: url("../images/input_bg.gif") 0 0 repeat-x;

  border: 1px solid #888888;

}

input.input177 { width:177px;margin-right: 0px; _width:120px;}



/* checkboxes */

input.checkbox {

  float: left;

}



/* checkbox input | inputs */

input.checkboxinput {

  float: left;

  display: block;

  margin: 1px 5px 3px 0;

}



/* radio input | inputs */

input.radioinput {

  float: left;

  display: block;

  margin: 1px 5px 3px 0;

}



/* focus | inputs */

.input { behavior: url("htc/focus.htc"); }



.input:focus,

.inputFocus {

  background: url("../images/input_focus_bg.gif") 0 0 repeat-x!important;

  border: 1px solid #86c40f!important;

}



/* submit button | buttons */

.button {

	float: left;

	margin: 10px 5px 10px 0;

}



div.submitbutton {

	border: 1px solid #ca9a18;

	background: url("../images/submitbutton_bg.gif") 0 0 repeat-x;

}



div.submitbutton input {

	color: #ffffff;

	font-weight: bold;

}



div.resetbutton {

  border: 1px solid #cacaca;

  background: url("../images/resetbutton_bg.gif") 0 0 repeat-x;

}



div.submitbutton input,

div.resetbutton input {

	padding: 2px 15px 1px 15px;

  *padding: 2px 0 1px 0;

	cursor: pointer;

	background: transparent;

	border: none;

}



/* select */

select {

  margin: 0 0 8px 0;

  padding: 1px;

  width: 146px;

  _width: 150px;

  background: url("../images/input_bg.gif") 0 0 repeat-x;

  border: 1px solid #888888;

	font-size: 11px;

}



option {

	background: #ffffff;

}



select, option {

	font-family: Arial, Helvetica, sans-serif;

	color: #6a6a6a;

	font-size: 11px;

	font-weight: bold;

}



select.normalselect,

select.normalselect option {

	font-weight: normal;

}



/* full textarea | textareas */

textarea.fulltextarea {

  padding: 3px;

  width: 674px;

  _width: 682px;

  background: url("../images/input_bg.gif") 0 0 repeat-x;

  border: 1px solid #888888;

}



/* wide textarea | textareas */

textarea.widetextarea {

  padding: 3px;

  width: 427px;

  _width: 435px;

  background: url("../images/input_bg.gif") 0 0 repeat-x;

  border: 1px solid #888888;

}





/* free stuff box | container

 ************************************************/

.freestuff {

  float: left;

  margin: 30px 0 0 5px;

  width: 195px;

  height: 180px;

}

@media all and (min-width:0px) {

  head~body .freestuff {  

    margin: 30px 0 30px 5px;

  }

}



.freestuff .boxbody {

  padding: 7px 8px 7px 8px;

  height: 142px;

  _height: 160px;

  border: 2px solid #e9e9e9;

  line-height: 14px;

}



.freestuff img {

  border: 1px solid #8b8b8b;

}



#mainwrap_body .freestuff p {

  margin: 6px 0 6px 0;

  font-size: 11px;

}



#mainwrap_body .freestuff a {

  margin: 0 20px 0 0;

  padding: 0 0 0 9px;

  background: url(../images/li_sign.gif) 0 6px no-repeat;

  text-decoration: none;

}

@media all and (min-width:0px) {

  head~body #mainwrap_body .freestuff a {  

    margin: 0 15px 0 0;

  }

}





/* contact | container

 ************************************************/

.contact .details .boxbody {

	padding-top: 0;

}



.contact .details .leftcolumn {

  float: left;

  padding: 12px 15px 0 0;

  width: 230px;

  _width: 245px;

	border: none;

	line-height: 14px;

}



.contact fieldset { padding-top: 10px; }



address { font-style: normal; }



#mainwrap_body .container .details span.more_sign {

	margin: 0;

}



#mainwrap_body .container .details p {

	margin: 12px 0 0 0;

	font-size: 11px;

}



/* the staff box */

.contact .staff .boxbody {

  padding-top: 0;

}



#mainwrap_body .container .staff .leftcolumn,

#mainwrap_body .container .staff .rightcolumn {

  width: 223px;

  _width: 238px;

	border: none;

}



#mainwrap_body .container .staff p {

  padding: 0 0 15px 0;

  font-size: 11px;

}



.staff p span {

  display: block;

}



.staff p a {

  padding: 0 0 0 9px;

  background: url(../images/li_sign.gif) 0 6px no-repeat;

  text-decoration: none;

}





/* portfolio | container

 ************************************************/

.portfolio .webdev div.smallimgwrap {

	position: relative;

}


.portfolio .webdev div.smallimgwrap a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 174px;
	/*height: 130px;*/
	height: 145px;
  text-decoration: none;
  *font-size: 11px;
  z-index: 1000;
  background: transparent url("../images/clear_2.gif") top left no-repeat;
  
}

.portfolio .webdev div.smallimgwrap a:not([href])
{
	cursor: default;
	background: none;
}


.portfolio .webdev div.smallimgwrap a span.hover {
  display: block;
	margin: 101px 0 0 0;
	padding: 10px 10px 0px 10px;
  width: 154px;
  _width: 174px;
  height: 33px;
  _height: 43px;
  line-height: 12px;
	background: #ffffff;
  visibility: hidden;
	font-weight: bold;
	text-transform: uppercase;
}



.portfolio .webdev div.smallimgwrap a:hover {
  background: url("../images/lightbox_zoom.png") 0 14px no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lightbox_zoom2.png',sizingMethod='crop');
}

.portfolio .webdev div.smallimgwrap a:not([href]):hover {
	background: none;
}


.portfolio .webdev div.smallimgwrap a:hover span.hover {
  visibility: visible;
}

.portfolio .webdev div.smallimgwrap a span.hover span {
	background: url(../images/li_sign.gif) 0 6px no-repeat;
	padding: 0 0 0 9px;
  font-weight: normal;
  text-transform: none;
}



/* navigator */

.portfolio .navigator {

	padding: 6px 7px 0 0;

}



.portfolio .sortby {

	float: left;

	padding: 8px 0 0 0;

	width: 150px;

}



.portfolio .sortby a {

  text-decoration: none;

}



.portfolio .pager {

  float: right;

  width: 500px;

}



.portfolio .pager a {

	float: right;

	margin: 0 0 0 2px;

	padding: 5px 0 4px 0;

	width: 25px;

  background: #ffffff;

	border: 1px solid #888888;

	text-decoration: none;

	text-align: center;

}



.portfolio .pager a.nav {

	width: 53px;

}



.portfolio .pager a.active,

.portfolio .pager a:hover {

  float: right;

	background: #8cb511;

  border: 1px solid #8cb511;

	color: #ffffff;

	font-weight: bold;

}



/* project box | portfolio */

.portfolio .project .leftcolumn {

	float: left;

	padding: 0;

	width: 380px;

	border: none;

}



.portfolio .project .rightcolumn {

  float: left;

  padding: 0;

	width: 290px;

  border: none;

}



.portfolio .project a.imgwrap {

	position: relative;

	display: block;

	width: 361px;

  _width: 363px;

	border: 1px solid #888888;

  text-decoration: none;

}



.portfolio .project .imgwrap img {

	margin: 3px;

}



.portfolio .project .imgwrap span {

	bottom: 0;

	left: 0;

}



.portfolio .project .smallimgwrap {

	float: left;

	margin: 7px 11px 0 0;

}



#mainwrap_body .portfolio .project h4,

#mainwrap_body .portfolio .project p,

#mainwrap_body .portfolio .project ul,

#mainwrap_body .portfolio .project span.more_sign {

  margin: 0 0 7px 0;

}



#mainwrap_body .portfolio .project p {

  font-size: 11px;

}



#mainwrap_body .portfolio .project h4 {

	color: #8cb511;

	font-size: 18px;

	font-weight: normal;

	text-transform: none;

}





/* slideshow | maincontainer

 ************************************************/

.maincontainer .slideshow {

	margin: 30px 0 30px 0;

	float: left;

  width: 520px;

  height: 180px;

}

@media all and (min-width:0px) {

  head~body .maincontainer .slideshow {  

    margin: 30px 0 30px 0;

  }

}



.maincontainer .slideshow .boxbody {

  padding: 2px;

	border: 2px solid #e9e9e9;

}



.maincontainer .slideshow .boxbody {

  padding: 2px;

	_width: 520px;

	height: 152px;

	_height: 160px;

  border: 2px solid #e9e9e9;

	_overflow: hidden;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal {

  position: absolute;

  top: 0;

  left: 0;

	_left: -11px;

  width: 11px;

  height: 152px;

  cursor: pointer;

  background: url("../images/slideshow_nav_left.gif") 0 0 no-repeat;

}



.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {

  background: url("../images/slideshow_nav_left.gif") 0 0 no-repeat;

}



.jcarousel-skin-tango .jcarousel-next-horizontal {

  position: absolute;

  top: 0;

  right: 0;

  width: 11px;

  height: 152px;

  cursor: pointer;

  background: url("../images/slideshow_nav_right.gif") 0 0 no-repeat;

}



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {

  background: url("../images/slideshow_nav_right.gif") 0 0 no-repeat;

}



#mycarousel { width: 512px; }



.jcarousel-skin-tango { position: relative; }



.jcarousel-skin-tango .jcarousel-clip-horizontal {

  margin: 0 0 0 11px;

  height: 152px;

  overflow: hidden;

}

    

.first-and-second-carousel li.jcarousel-item {

  float: left;

  position: relative;

  _font-size: 0;

}



.jcarousel-container { position: relative; }



.jcarousel-clip {

  z-index: 2;

  padding: 0;

  margin: 0;

  overflow: hidden;

  position: relative;

}



.jcarousel-list {

  z-index: 1;

  overflow: hidden;

  position: relative;

  top: 0;

  left: 0;

  margin: 0;

  padding: 0;

}



.jcarousel-next {

  z-index: 3;

  display: none;

}



.jcarousel-prev {

  z-index: 3;

  display: none;

}



#mainwrap_body .slideshow .first-and-second-carousel li.jcarousel-item {

	position: relative;

	margin: 0 11px 0 0;

	padding: 10px 0 10px 15px;

  width: 475px;

  _width: 490px;

  height: 130px;

  _height: 152px;

	background: none;

	border-width: 1px 0;

	border-style: dashed;

  border-color: #d3d3d3;

}



#mainwrap_body .slideshow .first-and-second-carousel li.jcarousel-item a.imgwrap {

	float: left;

  margin: 0 13px 0 0;

	width: 177px;

	height: 132px;

  _width: 179px;

  _height: 134px;

	text-decoration: none;

  border: 1px solid #8b8b8b;

}



#mainwrap_body .slideshow .first-and-second-carousel li.jcarousel-item a.imgwrap span {

	left: 2px;

	bottom: 2px;

}



.slideshow ul.data {

	float: left;

	width: 270px;

	font-size: 11px;

}



#mainwrap_body .slideshow ul.data li {

	padding: 0;

	background: none;

	line-height: 14px;

}



#mainwrap_body .slideshow ul.data li h5 {

  padding: 0 0 6px 0;

  color: #8cb511;

	font-size: 14px;

}



#mainwrap_body .slideshow ul.data li a.more_sign {

  position: static;

  float: none;

  margin: 10px 0 0 0;

  border: none;

}



#mainwrap_body .slideshow ul.list {

  margin: 10px 0 0 0;

  *margin: 0;

}

#mainwrap_body .slideshow ul.list li {

	padding: 0 0 0 9px;

	background: url(../images/li_sign.gif) 0 6px no-repeat;

}





/* slideshow | header

 ************************************************/

#mainwrap_head .slideshow {

  float: left;

	overflow: hidden;

  margin: 20px 0 0 19px;

	padding: 5px 5px 0 5px;

  width: 518px;

  _width: 530px;

  height: 211px;

  _height: 220px;

  background: #000000 url("../images/slideshow_bg.gif") 0 0 no-repeat;

  border: 1px solid #272727;

  line-height: 14px;

  letter-spacing: -0.17mm;

  text-transform: uppercase;

}



#mainwrap_head .slideshow .mycarousel {

	width: 518px!important;

	height: 206px;

}



#mainwrap_head .slideshow img {

	margin: 0 13px 5px 0;

  border: 1px solid #272727;

}



#mainwrap_head .slideshow .description {

  float: left;

  margin: 0 0 10px 5px;

  width: 240px;

}



#mainwrap_head .slideshow .description h5 {

  color: #ffffff;

  font-size: 12px;

  letter-spacing: normal;

}



#mainwrap_head .slideshow .description p {

  color: #909090;

  font-size: 10px;

}



#mainwrap_head .slideshow .nav {

	float: right;

  margin: 0 9px 10px 0;

  width: 240px;

	text-align: right;

}

.handheld #mainwrap_head .slideshow .nav {
	display: none;
}

#mainwrap_head .slideshow .nav a {

	padding: 0 1px 0 1px;

	color: #ffffff;

	font-weight: bold;

  text-decoration: none;

}



#mainwrap_head .slideshow .nav button.start {

  cursor: pointer;

	margin: 0 6px 0 0;

  width: 85px;

  height: 24px;

  background: url("../images/en/slideshow_start.png") no-repeat scroll 0 0;

  _background: none;

  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/en/slideshow_start.png',sizingMethod='crop');

  border: none;

}





/* services | container

 ************************************************/

.services .boxbody {

  padding: 4px 0 0 0;

}



/* slideshow | services */

.maincontainer .services .slideshow {

  float: left;

  width: 715px;

  height: 180px;

}



.maincontainer .services .slideshow .boxbody {

  padding: 2px;

  border: 2px solid #e9e9e9;

}



.maincontainer .services .slideshow .boxbody {

  padding: 2px;

	_width: 715px;

  height: 137px;

  _height: 145px;

  border: 2px solid #e9e9e9;

	_overflow: hidden;

}



#slideshow_services_leftbutton {

  position: absolute;

  top: -1px;

  left: 0;

  width: 11px;

  height: 137px;

  cursor: pointer;

  background: url("../images/services_slideshow_nav_left.gif") 0 0 no-repeat;

  z-index: 1;

}



#slideshow_services_rightbutton {

  position: absolute;

  display: block;

  top: -1px;

  right: 0;

  width: 11px;

  height: 137px;

  cursor: pointer;

  background: url("../images/services_slideshow_nav_right.gif") 0 0 no-repeat;

  z-index: 1;

}



#slideshow_services_leftbutton .inactivebutton,

#slideshow_services_rightbutton .inactivebutton { 

  cursor: default;

}



#slideshow_services .slideshow_items_wrap {

  margin: 0 11px 0 21px;

  height: 135px;

  overflow: hidden;

}



#slideshow_services .boxbody_wrap {

  position: relative;

  border-width: 1px 0;

  border-style: dashed;

  border-color: #d3d3d3;

}



#mainwrap_body .slideshow #slideshow_services_cardwrap li.slideshow_item {

  position: relative;

  margin: 0;

  padding: 10px 0 10px 0;

  width: 135px;

  height: 115px;

  _height: 133px;

  background: none;

  border: none;

}



#mainwrap_body .slideshow #slideshow_services_cardwrap li.slideshow_item .imgwrap {

  margin: 0 10px 5px 0;

  _margin: 0 0 5px 0;

  width: 125px;

  height: 94px;

  border: none;

}



#mainwrap_body .slideshow #slideshow_services_cardwrap li.slideshow_item img {

  float: none;

  position: static;

  margin: 0;

  border: 1px solid #8b8b8b;

}



#mainwrap_body .slideshow #slideshow_services_cardwrap li.slideshow_item a.imgwrap span {

  bottom: 0;

  left: 0;

}



#mainwrap_body .slideshow #slideshow_services_cardwrap li.slideshow_item p {

  padding: 0 0 0 0;

  font-size: 11px;

  font-weight: bold;

}



/* slideshow | index site */

.maincontainer .slideshow .boxbody {

  position: static;

  overflow: hidden;

}



.maincontainer .slideshow .boxbody .boxbody_wrap {

  position: relative;

}



.maincontainer .slideshow .boxbody .boxbody_wrap .slideshow_items_wrap {

  position: relative;

  margin: 0 0 0 11px;

  height: 152px;

  overflow: hidden;

}



#slideshow_bottom .navleft {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  _left: -11px;

  width: 11px;

  height: 152px;

  cursor: pointer;

  background: url("../images/slideshow_nav_left.gif") 0 0 no-repeat;

  z-index: 1;

}



#slideshow_bottom .navright {

  position: absolute;

  display: block;

  top: 0;

  right: 0;

  width: 11px;

  height: 152px;

  cursor: pointer;

  background: url("../images/slideshow_nav_right.gif") 0 0 no-repeat;

  z-index: 1;

}



#slideshow_bottom .inactivebutton {

  position: absolute;

  display: block;

  top: 0;

  right: 0;

  width: 11px;

  height: 152px;

  cursor: default;

  background: url("../images/slideshow_nav_inactive.gif") 0 0 no-repeat;

  z-index: 1;

}



ul.slideshow_items {

  position: relative;

  width: 5000px;

}



#mainwrap_body .slideshow ul.slideshow_items li.slideshow_item {

  position: relative;

  margin: 0 11px 0 0;

  padding: 10px 0 10px 15px;

  width: 475px;

  _width: 490px;

  height: 130px;

  _height: 152px;

  background: none;

  border-width: 1px 0;

  border-style: dashed;

  border-color: #d3d3d3;

  

  float: left;

  _font-size: 0;

}



#mainwrap_body .slideshow ul.slideshow_items li.slideshow_item a.imgwrap {

  float: left;

  margin: 0 13px 0 0;

  width: 177px;

  height: 132px;

  _width: 179px;

  _height: 134px;

  text-decoration: none;

  border: 1px solid #8b8b8b;

}





#mainwrap_body .slideshow ul.slideshow_items li a.imgwrap span {

  left: 2px;

  bottom: 2px;

}



#slideshow_top .slideshow_items_wrap {

  position: relative;

  margin: 0;

  height: 166px;

  overflow: hidden;

}



#slideshow_top .slideshow_item {

  height: 166px;

  float: left;  

}



#slideshow_top_cardwrap {

  left: 0px;  

}



#mainwrap_head .slideshow .nav button.stop {

  cursor: pointer;

  margin: 0 6px 0 0;

  width: 85px;

  height: 24px;

  background: url("../images/en/slideshow_stop.png") no-repeat scroll 0 0;

  _background: none;

  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/en/slideshow_stop.png',sizingMethod='crop');

  border: none;

}



.services #slideshow_services .inactivebutton { 

  cursor: default;

}





/* request form quotation | container

 ************************************************/

.displaynone .packagebody_inlay {

  display: none;

  height: 1px;

}



.packagebody {

  overflow: hidden;

  height: 0;

}



.packagebody_inlay {

  overflow: hidden;

  padding: 0 15px 0 15px;

}



/* form | container */

.package {

  margin: 0 0 3px 0;

  border: 1px solid #c9c9c9;

}



.packagehead {
  padding: 7px;
  background: url("../images/packagehead_bg.gif") 0 0 repeat-x;
}

.packagehead label { display:inline;padding:2px 0 0 5px;font-weight:normal;color:#6A6A6A;font-size:14px;cursor:pointer; }

.packagehead a {

  display: block;

  padding: 2px 0 0 25px;

  font-size: 14px;

  text-decoration: none;

}



.packagehead a,

.displaynone .packagehead a:hover {

  color: #8cb511;

}



.displaynone .packagehead a {

  color: #6a6a6a;

}



form .other .row label,

form .other .row input,

form .other .row select {

  float: left;

}



form .other .row input.wideinput {

  margin: 0;

  width: 343px;

  *width: 338px;

  _width: 343px;

}



form .other .row label,

form .other .row label.checkboxlabel {

  margin: 3px 5px 0 0;

}



form .other .row input.checkboxinput {

  margin: 4px 5px 2px 0;

}



form .other .row select {

  margin: 0 30px 0 10px;

}



form .other .row input.halfinput,

form .other .row select {

	*margin-top: 5px;

}



form .other input.checkboxinput {

  margin: 3px 5px 3px 0;

}



form .other label {

  display: block;

  margin: 2px 0 0 0;

}



/* captcha | form */

.captcha {

  margin: 15px 0 10px 0;

}



.captcha img {

  float: left;

  border: 1px solid #888888;

}



.captcha a {

  display: block;

  float: left;

	_margin-left: -3px;

  width: 35px;

  height: 41px;

	_height: 43px;

  background: url("../images/captcha_new.gif") 0 0 no-repeat;

  border: 1px solid #888888;

  border-left: none;

  text-decoration: none;

}



#mainwrap_body .container .captcha p {

  margin: 0 0 0 10px;

  float: left;

  font-size: 11px;

}



.captcha p label {

  display: block;

  margin: 0 0 6px 0;

  *margin: 0;

}



.captcha p input.halfinput {

  margin: 0;

  width: 146px;

  _width: 152px;

}





/* mainwrap's foot

 ************************************************/

#mainwrap_foot {

  margin: 1px 0 0 0;

  width: 100%;

	background-image: url("../images/mainwrap_foot_bg.gif");

	background-position: left top;

	background-repeat: repeat-x;

	border-top: 2px solid #8cb511;

	_text-align: center;

}

#mainwrap_foot.noribbon {
	background: none;
	border: 0;
}

#mainwrap_foot.noribbon > .footer {
	background: none;
}

/* themeselector | mainwrap's foot */

#mainwrap_foot .themeselector {

  margin: 0 auto 0 auto;

	padding: 9px 0 0 0;

  width: 940px;

	height: 23px;

	_height: 32px;

	color: #a1a1a1;

  _text-align: left;

}



#mainwrap_foot .themeselector p {

  float: left;

  margin: 0 8px 0 0;

}



#mainwrap_foot .themeselector ul { margin: 1px 0 0 0; }



#mainwrap_foot .themeselector ul li {

  float: left;

	margin: 0 5px 0 0;

	width: 13px;

	height: 13px;

}



#mainwrap_foot .themeselector ul li a {

  display: block;

  width: 13px;

  height: 13px;

  background-position: 0 0;

  background-repeat: no-repeat;

	text-decoration: none;

	_font-size: 1px;

}



#mainwrap_foot .themeselector li.green a {

  background-image: url("../images/themeselector_green.gif");

  background-position: 0 -13px;

}



#mainwrap_foot .themeselector li.magenta a {

  background-image: url("../images/themeselector_magenta.gif");

}



#mainwrap_foot .themeselector li.blue a {

  background-image: url("../images/themeselector_blue.gif");

}



#mainwrap_foot .themeselector li.orange a {

  background-image: url("../images/themeselector_orange.gif");

}



#mainwrap_foot .themeselector ul li a:hover {

  background-position: 0 -13px;

}



/* footer | mainwrap's foot */

#mainwrap_foot .footer {

	position: relative;

  margin: 18px auto 15px auto;

	padding: 0 0 15px 0;

	width: 940px;

	background: url("../images/footer_bg.gif") 0 0 repeat-y;

  line-height: 17px;

	_text-align: left;

}

#mainwrap_foot .footer.nobg {
	background: #0D0D0D;
}


/* logo | footer */

#mainwrap_foot .footer h1.logo {

  position: absolute;

	top: -50px;

	right: 1px;

	width: 102px;

	height: 22px;

	background-color: #8cb511;

	line-height: 20px;

	text-align: center;

}



#mainwrap_foot .footer h1.logo a {

	color: #ffffff;

	font-size: 13px;

	font-weight: bold;

	text-decoration: none;

}



#mainwrap_foot .footer h1.logo a span {

  position: absolute;

  top: 0;

  right: 0;

  display: block;

  width: 102px;

  height: 22px;

  background-image: url("../images/footer_logo.gif");

	background-position: 0 0;

	background-repeat: no-repeat;

}



#mainwrap_foot .footer .leftcolumn {

	float: left;

  padding: 0;

  width: 565px;

  border: none;
text-align:left;
}



#mainwrap_foot .footer .rightcolumn {

  float: right;

	padding: 0;

  width: 350px;

	border: none;

}

#mainwrap_foot .footer .centercolumn {

	padding: 0;

  width: 350px;

	border: none;
	
	margin: auto;

}



#mainwrap_foot .footer h5 { margin: 5px 0 0 0; }

#mainwrap_foot .footer h5.langselection { margin: 10px 0 0 0; }



#mainwrap_foot .footer li {

	float: left;

	margin: 0 7px 0 0;

	padding: 0 10px 0 0;

	background: url("../images/links_separator.gif") right center no-repeat;

}



#mainwrap_foot .footer li.noseparator {
 display:block; padding: 0 10px 0 0;margin-right: 7px; background: none;
}



#mainwrap_foot .footer address { font-style: normal; }



#mainwrap_foot .footer a { text-decoration: none; }



#mainwrap_foot .footer a.more {

	padding: 0 0 0 9px;

	background-image: url("../images/arrow_right.gif");

	background-position: 0 5px;

	background-repeat: no-repeat;

  color: #8cb511;

}



#mainwrap_foot .footer p.copyright {

	padding: 15px 0 0 0;

	font-size: 9px;

}

.seo-toplist tr:nth-child(odd)
{
	background-color: #F2F2F2;
}

.seo-toplist tr:hover {
	color: #fff;
}

.seo-toplist tr > th,
.seo-toplist tr > td {
	padding: 0 5px;
}

.seo-toplist tr > th:first-child,
.seo-toplist tr > td:first-child {
	width: 20px;
	text-align: right;
}

.seo-toplist tr > th:nth-child(2),
.seo-toplist tr > td:nth-child(2) { 
	width: 240px;
	text-align: left;
}

.seo-toplist tr > th:nth-child(3),
.seo-toplist tr > td:nth-child(3) { 
	width: 200px;
	text-align: left;
}

.seo-toplist tr > th:nth-child(4),
.seo-toplist tr > td:nth-child(4) { 
	width: 100px;
	text-align: right;
}

.seo-toplist tr > th:nth-child(5),
.seo-toplist tr > td:nth-child(5) { 
	width: 84px;
	text-align: center;
}

.seo-toplist tr > th:nth-child(6),
.seo-toplist tr > td:nth-child(6) { 
	width: 71px;
	text-align: center;
}


.grayBar {
	border-top: 1px dashed #7D7D7D;
	border-bottom: 1px dashed #7D7D7D;
	background-color: #EFEFEF;
	padding: 10px;
}

.grayBar > h2 > a {
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 0;

	margin: 1px 0;
}

.boxbody.paragraphSpaces h2 > a {
	color: #000;
	text-decoration: none;
}

.boxbody.paragraphSpaces h2 > a:hover {
	text-decoration: underline;
}

hr.dashed {
	border: 0;
	border-bottom: 1px dashed #7D7D7D;
	height: 0;
}

.paragraphSpaces p {
	margin: 5px 0;
	display: block;
	text-align: justify;
}

.paragraphSpaces h3 {
	clear: both;
}

a.nounderline {
	text-decoration: none;
}

img.left {
	float: left;
	margin: 5px;
}

#mainwrap_body ul#breadcrumbs {
	display: block;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	list-style-type: none;
}

#mainwrap_body ul#breadcrumbs > li > a {
	text-decoration: none;
	
}

#mainwrap_body ul#breadcrumbs > li > a:hover {
	text-decoration: underline;
}

#mainwrap_body ul#breadcrumbs > li {
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
	font-weight: bold;
	background-image: none;
}

#mainwrap_body ul#breadcrumbs > li:first-child
{
	margin: 0;
}

#mainwrap_body ul#breadcrumbs > li:after {
	content: "»";
	margin-left: 5px;
}

#mainwrap_body ul#breadcrumbs > li:last-child:after {
	content: "";
	padding-left: 0;
}

.center {
	text-align: center;
	display: block;
}