@charset "utf-8";
/* CSS Document of hummus bar*/

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; color: #3d3a37; background: #fff; }

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #3d3a37;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #000; font-weight: normal; text-transform: none; margin: 0; font-size: 12px;}
h1 {font-family: Arial, Georgia, Helvetica, sans-serif; color: #4c655c; font-weight: 400; text-transform: none; margin: 0; padding: 0; font-size: 24px;}

h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5a1a16; font-weight: 900; margin: 0; padding: 0; font-size: 16px; letter-spacing: 1px; text-align: left; text-transform: uppercase; line-heigh: 16px;}
h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5a1a16; font-weight: 400; text-transform: none; margin: 0; padding: 0; font-size: 14px; letter-spacing: 1px; text-align: left; text-transform: capitalize;}
span {font-family: Arial, Georgia, Helvetica, sans-serif;}
br {font-size: 7px; padding: 0; margin: 0;}
hr {color: #fff;}

img {vertical-align: bottom;}
* html img {font-size: 0; } /* hack for ie 6*/

.clear {clear: both; font-size: 0; height: 0; padding: 0; margin: 0;} /* hack for gecko browsers */
.leftalign {text-align: left;}
.centerpos {position: relative; width: 100%; text-align: center;}
.noborder {border: none;}
.imgborder {border: 1px solid #586f66;}
.imgborder:hover {border: 1px solid #7AB71C;}
.bold {font-weight: 900;}
.upper {text-transform: uppercase;}
.italic {font-style:italic;}
.underline {text-decoration: underline;}

/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif; color: #3F3C39; font-size: 11px;}


.main-bg {position: relative; width: 939px; height: 841px; padding: 19px 0 0 0; margin: 0 auto 0 auto; background: transparent; text-align: center; overflow: hidden;}
.about-us {background: url(images/main-about-us.jpg) 0 0 no-repeat; overflow: hidden;}
.focus {background: url(images/main-focus.jpg) 0 0 no-repeat; overflow: hidden;}
.difference {background: url(images/main-difference.jpg) 0 0 no-repeat; overflow: hidden;}
.know-how {background: url(images/main-know-how.jpg) 0 0 no-repeat; overflow: hidden;}
.get-in-touch {background: url(images/main-get-in-touch.jpg) 0 0 no-repeat; overflow: hidden;}
.thankyou {background: url(images/main-thank-you.jpg) 0 0 no-repeat; overflow: hidden;}

/* header - navigation */
.header-main {position: relative; width: 897px; height: 413px; padding: 0; margin: 0 auto 0 auto; text-align: left; text-align: left;}
.header-logo {position: absolute; top: 30px; right: 30px;}

.header-reasons {position: absolute; width: 610px; height: 94px; left: 30px; top: 30px; text-align: left;}
#slideshow1 {position: relative; width: 610px; height: 66px; overflow: hidden; margin: 5px 0 0 0;}
#slideshow1 img {display:none; position:absolute; top:0px; left:0px; opacity: -0.01;}

#box2{
	position:absolute;
	width:610px;
	height:66px;
}
#box2 span{
	display:block;
	float:left;
	width:610px;
	height:66px;
}

.mask2{
	position:relative;
	width:610px;
	height:66px;
	overflow:hidden;
}

span img{
	border:none;
	
}
#prev1, #next1 {cursor: pointer;}

.buttons {position: absolute; left: 6px; margin: 0; top: 68px;}

#box1{
	position:absolute;
}
#box1 span{
	display:block;

}

.mask1{position: absolute; width: 897px; height: 241px; overflow: hidden; top: 128px; left: 0;}


#gallery_image {position: absolute; width: 897px; height: 241px; overflow: hidden; top: 128px; left: 0;}
#gallery_image img {position:absolute; top:0px; left:0px;}

.header-slogan {position: absolute; left: 0; top: 166px; z-index: 22222;}
.navigation {position: absolute; width: 897px; height: 42px; left: 0; bottom: 0;}
.navigation img {position: relative; border: none; float: left; padding-right: 2px; margin: 0;}
* html .navigation img {display: inline;}



.content {position: relative; width: 897px; height: 372px; margin: 0 auto 0 auto; background: transparent; padding: 0;}


.links {position: absolute; bottom: 22px; left: 26px; width: 300px; height: 72px;}
.links img {float: left; margin: 0 18px 0 0; border: none;}

.input1 {position: relative; border: 1px solid #B2AD0B; width: 200px; height: 18px; margin: 0; padding: 0; vertical-align: top; display: inline;}
.textarea1 {border: 1px solid #B2AD0B; width: 210px; height: 123px; overflow: hidden;}
*:first-child+html .textarea1 {height: 128px;}
* html .textarea1 {height: 129px;}
.select1 {border: 1px solid #B2AD0B; width: 202px; overflow: hidden; font-size: 11px; height: 20px; outline-style: none; -moz-outline-style: none;}
.input1:focus, .textarea1:focus, .select1:focus {border: 1px solid #386199; outline-style: none; -moz-outline-style: none;}

.sendbutton {margin-top: 3px; background: #ECE9D8; border: 1px solid #B2AD0B; width: 200px; height: 18px;}
.sendbutton:hover {border: 1px solid #386199; outline-style: none; -moz-outline-style: none;}

/* !!!!!!!!! must be at the end !!!!!!!!! */
.noborder {border: none;}
.margin0 {margin:0;}
.auto {margin: auto;}
.nobg {background: transparent;}