/* CSS style sheet by www.stenikgroup.com */
/* STENIK GROUP Ltd. - Web design company */
/* We give your business a face           */
/* ----------------------------------------------------------------------- [ GLOBAL CONFIG ] */
/* mac hide\*/
/* html, body {height:100%} */
/* end hide */
* { outline:0; border:0; margin:0; padding:0; outline:0; }
html, body, select, textarea {
	font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}
html, body, select { background-color:#fff; }
.clear { clear:both; font-size:1px; margin:0; padding:0; }
p, a {
	font-size:12px;
	margin:0;
	text-decoration:none;
	text-transform:none;
}
ul li {
	list-style: none;
}
.left{float: left !important;}
.right{float: right !important;}
p { text-align:justify; padding-bottom:10px; color:#575757; display:block; line-height:18px; }
p strong, a strong { font-weight:normal !important; }
span.bold { font-weight:bold; }
a { cursor:pointer; color:#000001; text-decoration:none; }
a:hover { color:#787878; text-decoration:none; }
p a:hover { color:#BB0000;}
input { font-size:10px; color:#555555; }
.no-border {border: none !important;}
.no-padding {padding-right: 0px !important;}
.gray {color: #b6b6b6}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1{
	color:#000002;
	padding:10px 0 15px;
	text-align:left;
	font-size: 30px;
}

h1 .regular,
h2 .regular {
	font-family: [HermesBg-regular];
}

h1 .light,h2 .red {
	font-family: [HermesBg];	
}

.seo { position:absolute; left:-9999px; }
h1.category {
	display:block;
	float:left;
	width:450px;
}
h2 { font-size:23px;color:#000002; margin-bottom: 20px }

/* new */

h3,
.content h2 ,
.desc h3 a{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#000;
	margin-bottom:10px;
	text-decoration: none !important;
}

.content h2 {
	margin-bottom:5px;
}
/* new */

.red,
h1 .light {
	color: #f10000;
}
.dark {color: #000;}

/* ----------------------------------------------------------------------- [ WRAPPER ] */
#wr {
	width:100%;
	background-image:url(../im/body-bkg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color: #fff;
}
/* ----------------------------------------------------------------------- [ WRAPPER � INTERNAL ] */
#wr .int {
	width:950px;
	margin:0 auto;
	background-image:url();
	background-position:0 0;
	background-repeat:no-repeat;
}
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER ] */
.int .head {
	height:285px;
	padding:8px 0 0;
	/*background: url(../im/header.jpg) no-repeat;*/

}
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � ROW 1 ] */
.head .row { display:block; width:100%; }
.head .h12 { height: 198px}
.head .h15 { margin:0 0 31px; }
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � LOGO ] */
.row a.logo {
	float:left;
	width:100px;
	height:30px;
	text-decoration:none;
	margin-right: 30px;
}
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � TOP NAVIGATION ] */
.row ul {
	display:block;
	float:left;
	height:0;
	width:auto;
}
/*new 2*/
/*
.row ul.bg { margin:0 0 0 33px; }
.row ul.en { margin:0 0 0 39px; }
*/
/*new 2*/
ul.bg li, ul.en li { list-style:none; float:left; width:auto; }
ul.bg li a.home,
ul.bg li a.portfolio,
ul.bg li a.services,
ul.bg li a.products,
ul.bg li a.clients,
ul.bg li a.aboutus,
ul.bg li a.contacts,
ul.bg li a.support,
ul.en li a.home,
ul.en li a.portfolio,
ul.en li a.services,
ul.en li a.products,
ul.en li a.clients,
ul.en li a.aboutus,
ul.en li a.contacts,
ul.en li a.support
 {
	background-image:url(../im/topnav-bkg.gif);
	background-repeat:no-repeat;
	height:18px;
	text-decoration:none;
	display:block;
	margin-right: 35px;
}
ul.bg a.portfolio { width:87px; background-position:0px 0px; }
ul.bg a.services { width:45px; background-position:-119px 0px; }
ul.bg a.products { width:74px; background-position:-198px 0px; }
ul.bg a.clients { width:64px; background-position:-306px 0px; }
ul.bg a.aboutus { width:45px; background-position:-403px 0px; }
ul.bg a.contacts { width:77px; background-position:-482px 0px; }
ul.bg a.portfolioAct, ul.bg a.portfolio:hover { background-position:0px -23px; }
ul.bg a.servicesAct, ul.bg a.services:hover { background-position:-119px -23px; }
ul.bg a.productsAct, ul.bg a.products:hover { background-position:-198px -23px; }
ul.bg a.clientsAct, ul.bg a.clients:hover { background-position:-306px -23px; }
ul.bg a.aboutusAct, ul.bg a.aboutus:hover { background-position:-403px -23px; }
ul.bg a.contactsAct, ul.bg a.contacts:hover { background-position:-482px -23px; }


ul.en a.portfolio { width:60px; background-position:0px -46px; }
ul.en a.services { width:60px; background-position:-97px  -46px; }
ul.en a.products { width:60px; background-position:-198px -46px; }
ul.en a.clients { width:48px; background-position:-298px -46px; }
ul.en a.aboutus { width:65px; background-position:-385px -46px; }
ul.en a.contacts { width:62px; background-position:-490px -46px; }
ul.en a.portfolioAct, ul.en a.portfolio:hover { background-position:0px -66px; }
ul.en a.servicesAct, ul.en a.services:hover { background-position:-97px -66px; }
ul.en a.productsAct, ul.en a.products:hover {background-position:-198px -66px; }
ul.en a.clientsAct, ul.en a.clients:hover { background-position:-298px -66px; }
ul.en a.aboutusAct, ul.en a.aboutus:hover { background-position:-385px -66px; }
ul.en a.contactsAct, ul.en a.contacts:hover { background-position:-490px -66px; }

/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � TOP NAVIGATION � SUBNAVIGATION ] */

.btnrequest {
	background-image: url(../im/request_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	text-align: center;
	font-size: 10px;
	display: block;
	color: #dedede !important;
	height: 56px;
}

/* new */

.btnrequest_en {
	background-image: url(../im/request_btn_en.gif);	
}

/* new */

.btnrequest:hover {
	background-position: 0px 0px;	
}

.btnrequest .big {
	display: block;
	font-size: 20px;
	color: #fff !important;
}

.addr {
	color: #bebebe !important;
	font-size: 11px;
	padding: 30px 18px 0px 18px;
	background: url(../im/box4e.jpg) no-repeat;
	width: 195px;
	height: 89px;
}

.addr a {
	color: #bebebe;
	font-size: 11px;
}

.addr a:hover {
	color: #bebebe;
}

.addr .big {
	display: block;
	margin-bottom: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.addr .more {
	background:url(../im/bullet3.gif) no-repeat right 2px;
	padding: 0px 15px 0 0;
	margin-top: 5px;
	font-size: 11px;
	color: #fff;
	text-decoration: underline;
	border: none;
}

.addr .more:hover {
	text-decoration: none;
	color: #fff;
}

.row ul.bg li ul.subNav,
.row ul.en li ul.subNav {
	left:50%;						/* optional */
	margin-left:-286px;	/* optional */
	top:48px;						/* optional */
	position:absolute;
	background:url(../im/spacer4.png) 0 0 repeat;
	padding:25px 0 15px 15px; 
	height:auto;
}
.row ul.bg li ul.subNav li,
.row ul.en li ul.subNav li {
	display:block;
	float:left;
	width:172px;
	font-size:14px;
	margin-right:15px;
}
.row ul.bg li ul.subNav li span,
.row ul.en li ul.subNav li span {
	padding:0 0 7px;
	background:url(../im/subnav-line.png) 0 100% no-repeat;
	color:#fffff2;
	display:block;
	margin:0 0 7px;
}
.row ul.bg li ul.subNav li ul,
.row ul.en li ul.subNav li ul {
	float:none;
}
.row ul.bg li ul.subNav li ul li,
.row ul.en li ul.subNav li ul li {
	margin:0;
}
.row ul.bg li ul.subNav li ul li a,
.row ul.en li ul.subNav li ul li a {
	display:block;
	color:#b5b5b5;
}
.row ul.bg li ul.subNav li ul li a:hover,
.row ul.en li ul.subNav li ul li a:hover {
	color:#fffff1;
}

.lang_button_en,
.lang_button_bg,
.lang_button_de {
	background-image: url(../im/lang.png);
	background-repeat: no-repeat;	
	float: right;
	padding-left: 25px;
	font-size: 11px;
	color: #fff;
	margin: 11px 32px 0 0;
	display: inline;
}

.lang_button_en {
	background-position: 0px 0px;
}

.lang_button_de {
	background-position: 0px -46px;
}

/* new */
.lang_button_bg {
	background-position: 0px -80px;
}
/* new */

/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � RIGHT BOX ] */
.row .box {
	float:right;
	height:30px;
}
.row .b1 {
	background-image:url(../im/top-box1-bkg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.row .b2 {
	background-image:url(../im/top-box2-bkg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	/* margin-bottom:40px; optional */
}
.row .top {
	position:relative;
	top:0;
}
/*
.box a {
	color:white;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:30px;
	padding:0 0 0 10px;
}*/
.box a span { color:red; padding:0 0 0 15px; }
.box a:hover { color:#EF0E0D; }
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � ROW 2 ] */
.row a.new {
	display:block;
	width:684px;
	float:left;
}
.row .rSide { float:right; width:230px; height:195px; }
.rSide .box a.login { 
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:30px;
	padding:0 0 0 10px;
	width:142px;
	color:#787878;
	float:left;
}
.rSide .box a.login:hover { color:#fff; }

/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � ROW 2 � SELECT LANGUAGES WITH JQUERY ] */
/*
#MetaNav .langbutton {
	width:135px;
	border:1px solid #FFFFFF;
	margin:-2px 0 0 0;
	font-size:10px;
	cursor:pointer;
	background:#235c9d url(../../navicons/$file/langArrow.gif) no-repeat right 5px;
}
*/
#MetaNav .langbutton {
	float:right;
	display:block;
	background:none;
	font-size:10px;
	color:#787878;
	text-transform:uppercase;
	cursor:pointer;
	width:71px;
}
#MetaNav .langbutton a {
	display:block;
	background:none;
	margin:0;
	color:#787878;
	height:30px;
	padding-left:5px;
}

#MetaNav .langbox {
	top:90px;
	position:absolute;
	display:block;
	border-right:1px solid #242424;
	border-bottom:1px solid #242424;
	border-left:1px solid #242424;
	/* background:#6591be url(../../navicons/$file/bg_lang.gif) repeat-x top right;
	width:135px; */
	background-color:#111111;
	width:76px;
}
#MetaNav .langbox li {
	display:block;
	list-style:none;
}
#MetaNav .langbox li a {
}
#MetaNav .langbutton a:hover { color:#fff; }
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � ROW 2 � SELECT LANGUAGES WITH LIST MENU ] */
.rSide .box select {
	font-size:10px;
	float:right;
	display:block;
	width:73px;
	background:none;
	color:#787878;
	margin:8px 2px 0;
	text-transform:uppercase;
	cursor:pointer;
}
.rSide .box select option {
	font-size:10px;
	text-transform:uppercase;
	color:#787878;
	display:block;
	padding:3px;
}
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � ROW 2 � EVENTS ] */
.rSide .events {
	display:block;
	width:230px;
}
.rSide .events a {
	padding:0;
	text-decoration:none;
	margin:10px 0 0;
	display:block;
}
a span.title {
	display:block;
	margin:0 0 7px;
	font-size:12px;
	text-transform:uppercase;
	color:white;
	border-bottom:1px solid #181818;
}
a span.date {
	display:block;
	color:white;
}
a span.txt {
	display:block;
	color:#787878;
	text-align:left;
}
.rSide a strong,
a:hover span.txt {
	font-weight:normal;
	color:white;
}
/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � ROW 3 � PATH & COUNT BOX ] */
.row .subField {
	float:left;
	width:684px;
}
/* ----------------------------------------------------------------------- [ WRAPPER ? INT ? HEADER ? ROW 3 ? PATHWAY ] 
.row a.pathway { float:left; width:563px; color:#787878; padding:2px 0 0; }
.row a.inner { width:684px; color:#787878; padding:2px 0 0; }
.row a.pathway strong { color:#fffff1; }
.row a.pathway:hover { color:#fffff1; }*/
.subField .pathway { float:left; width:auto; color:#787878; padding:2px 0 0; text-transform:lowercase; font-size: 13px; }
.inner { width:684px; color:#787878; padding:2px 0 0; text-transform:lowercase; }
.subField .pathway a { color:#787878; padding:2px 0 0; text-transform:lowercase; }
.subField .pathway strong { color:#fffff1; font-weight:normal; text-transform:lowercase; }
.subField .pathway a:hover { color:#fffff1; }

/* ----------------------------------------------------------------------- [ WRAPPER ? INT ? HEADER ? ROW 3 ? PROJECTS REVIEW ] */
 .count {
	float:right;
	width:auto;
	text-align:right;
	margin:0 0 0 29px;
}
 .count a {
	display:block;
	background-image:url(../im/project-count-bkg.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	width:19px;
	height:18px;
	line-height:17px;
	text-align:center;
	float:left;
	font-size:10px;
	margin:0 0 0 4px;
	color:#fffff1;
}
 .count a.act,
 .count a:hover {
	background-position:0 -18px;
	color:#fffff1;
}
/* new */
.head .count a {
	color:#000;

}

.head .count a:hover,
.head .count a.act {
	color:#fff;
}

/* new */

/* ----------------------------------------------------------------------- [ WRAPPER � INT � HEADER � ROW 3 � SEARCH ] */
.row .search {
	width:236px;
	float:right;
	height: 65px;
	background: url(../im/search.jpg) no-repeat;
	top: -11px;
	position: relative;
	right: -3px;
}

.row .search input {
	width: 198px;
	height: 16px;
	background: url(../im/input.gif) no-repeat;
	margin: 10px 0 0 13px;
	font-size: 11px;
	font-family: Tahoma;
	padding: 6px 5px 5px;
	color: #686868;
}

.search .l {
	float:left;
	width:70px;
	color:#fff;
	text-transform:uppercase;
	line-height:18px;
}
.search .r {
	float:right;
	width:160px;
	height:18px;
	background:url(../im/search-bkg.gif) 0 0 no-repeat;
}
.search .r .txtField {
	overflow:hidden;
	width:160px;
	height:18px;
}

 .r .more {
 	margin-bottom: 10px;
	margin-right: 0px !important;
 }

.txtField input.submit {
	border:0px none;
	width:18px;
	height:14px;
	float:right;
	background:none;
	position: absolute;
	top: 7px;
	right: 24px;
}
/*
h2 span,
h4 span {
	width: 27px;
	height: 27px;
	background-image: url(../im/icons.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}

h2 span.caffee {
	background-position: 0px -2px;
}

h2 span.light {
	background-position: 0px -29px;
}

h2 span.media{
	background-position: 0px -56px;
}

h2 span.category{
	background-position: 0px -83px;
}

h2 span.services{
	background-position: 0px -110px;
}

h2 span.stenik{
	background-position: 0px -137px;
}

h2 span.puzzle{
	background-position: 0px -164px;
}

h2 span.tools{
	background-position: 0px -191px;
}

h2 span.clients{
	background-position: 0px -218px;
}

h2 span.contacts{
	background-position: 0px -245px;
}

h4 span.bg {
	background-position: 0px -272px;	
}

h4 span.de{
	background-position: 0px -299px;	
}
*/
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT ] */
#wr .content {
	width:950px;
	margin:0 auto;
	display:block;
	padding:30px 0;
}
#wr .content a.more { 
	background-image:url(../im/bullet1.gif);
	background-position: right -137px;
	background-repeat:no-repeat;
	padding:0px 15px 0px 0;
	display:block;
	float: right;
	margin-right: 14px;
	font-size: 11px;
	display: inline;
	text-decoration: underline;
	border: none;
}
/* new */
#wr .content .desc a.more {
	margin-top: 10px;
}
/* new */
#wr .content a.more:hover {
	/*background-position:right 12px; */
	color:#bb0000;
	text-decoration:none;
	border:none;
}
#wr .content .end {
/* new */	border-top: 1px dotted #D5D5D5; /* new */
	display:block;
	height:1px;
	width:auto;
	clear: both;
	margin: 5px 0;
}

#wr .r .end {
	margin: 0px 0 15px 0;
}

#wr .r .accent {
	float: left;
	padding-bottom: 10px;
}

#wr .r .accent img {
	display: block;
	margin-bottom: 10px;
}

#wr .content p.quote {
	font-style:italic;
	font-size:16px;
	color:#000003;
	display:block;
	padding:0 0 15px;
}

#wr .content p a {
	border-bottom: 1px solid #bb0000;
	color: #000;
}

#wr .r .accent a.fb {
	border: none !important;
}

#wr .content p a:hover {
	border-bottom: 1px solid #000;
	color:#bb0000;
}
#wr .content img.ref {
	display:block;
	padding:0 25px 0 0;
}

#wr .content  .img {
	width: 175px;
	text-align: center;
}

ul.clientlist {
	padding:0;
	margin:0 20px 0 0;
	width:300px;
	float:left;
}

ul.clientlist li {
	padding:0;
	margin:0 0 5px 0;
	list-style-type:none;
}
/* new */
ul.clientlist li a {
	background-image: url(../im/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
}

ul.clientlist li a:hover {
	background-position: 0px -137px;
}
/* new */
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT ] */
#wr .content .l {
	float:left;
	width:684px;
}
#wr .content .l a.client {
	float:left;
	width:auto;
	margin:10px 9px 15px 0;
	display:block;
}
#wr .content .l a.last {margin-right:0;}
#wr .content .l a.all {
	background:none;
	background-image:url(../im/bullet2.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	text-decoration:underline;
	padding:5px 0 0 15px;
	display:block;
	float:right;
/* new */	margin-top: 17px;/* new */
}
#wr .content .l a.all:hover {
	background-position:0 -131px;
	text-decoration:none;
	color:#c80000;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � PAGING & PROJECTS & SCREENSHOTS ] */
#wr .content .l .paging,
#wr .content .l .screenshots {
	float:right;
	width:auto;
}
#wr .content .l .bottom { margin:20px 0 0 0; }
#wr .content .l .bottom2 { margin:12px 0 0 0; }
.paging a,
.screenshots a {
	display:block;
	float:left;
	width:auto;
	margin:0 0 0 3px;
	padding:3px 6px 2px;
	background-color:#e5e5e5;
	border-bottom:1px solid #b7b7b7;
	color:#555555;
	font-size:10px;
}
#wr .content .l .bottom a { border-bottom:none; border-top:1px solid #b7b7b7; }
.paging a.act,
.paging a:hover,
.screenshots a.act,
.screenshots a:hover {
	background-color:#c80000;
	border-bottom:1px solid #a00000;
	color:#ffffff;
}
#wr .content .l .bottom a:hover { border-bottom:none; border-top:1px solid #a00000; }
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � CURRENT PROJECT MORE INFO ] */
#wr .content .l .moreInfo,
#wr .content .l span.moreInfo {
	display:block;
	float:left;
	width:180px;
	margin:0px 20px 0 0;
}
#wr .content .l .space { margin:5px 20px 0 0; }
.moreInfo .t,
.moreInfo .b {
	background:url(../im/moreinfo-bkg.gif) 0 0 no-repeat;
	width:180px;
	font-size:1px;
	height:2px;
}
.moreInfo .b {background-position:0 -2px;}
.moreInfo .c {
	background:url(../im/moreinfo2-bkg.gif) 0 0 repeat-y;
	padding:0 2px;
}
.moreInfo .c .title {
	display:block;
	background:#EEEEEE url(../im/project_bg.gif) right bottom no-repeat;
	/*height:28px;*/
	padding: 8px 0 8px 10px;
	/* LINE-HEIGHT: 28PX */
	font-weight:bold;
	color:#000002;
}

.moreInfo .c .red_title {
	background:url(../im/project_bg_red.gif) right bottom no-repeat;	
}

.moreInfo .c .title_nobg {
	background-image: none;
	border-top: 1px solid #C4C4C4;
	margin-top: 1px;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}

.title span {
	display: block;
	color: #6a6a6a;
	font-weight: normal;
	margin-top: 2px;
}

.title a {
	border-bottom: none ;
	color: #6A6A6A !important;
	padding: 0px !important;
	font-weight: normal;
	text-decoration: none !important;
	display: inline !important;
}

.title a:hover {
	border-bottom: none !important;
}

.title ul li {
	margin: 0 5px 10px 5px;
	color: #6A6A6A !important;
}

.title ul li a {
	color: #6a6a6a !important;
	border-bottom: 1px solid #BB0000;
}

.next_button {
	padding-left: 2px;
	height: 18px;
	background-image: url(../im/next_button.gif);
	background-repeat: no-repeat;
	background-position:0px  -18px;
	margin-top: 15px;
}

.next_button span {
	background-image: url(../im/next_button.gif);
	background-position: right 0px;
	background-repeat: no-repeat;
	color: #3b3b3b;
	font-size: 11px;	
	float: left;
	padding: 2px 7px 3px 4px;
}

.next_button:hover {
	background-position: 0px -54px;	
}

.next_button:hover span {
	background-position: right -36px;	
	color: #fff;
}

.image {
	width: 202px;
	height: 162px;
	background: url(../im/image.gif) no-repeat;
	padding: 2px 0 0 2px;
	float: right;
	border: none !important;
	margin: 0 0 10px 10px;
	position: relative;
}

.image .zoom {
	width: 36px;
	height: 36px;
	background-image: url(../im/zoom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	right: 2px;
	bottom: 2px;
}

.image:hover .zoom {
	background-position: 0px -36px;
}

.moreInfo .c p,
.moreInfo .c a {
	padding:5px 0 10px 10px;
	text-align:left;
}
.moreInfo .c .noSpace { padding-left:0; padding-bottom:5px; }
.moreInfo .c a {
	display:block;
	text-decoration:underline;
}
.moreInfo .c a:hover {
	text-decoration:none;
	color:#c80000;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � CURRENT PROJECT DESCRIPTION ] */
#wr .content .l .projectDescription {
	display:block;
	float:right;
	width:484px; 
}
/*#wr .content .l .t20 {
	margin:20px 0 0; 
}*/

#wr .content .l a.sameSiteReq {
	display:block;
	width:auto;
	margin:10px 0 0;
}

/* new */

a.sameSiteReq span.btnL,
a.sameSiteReq span.btnR {
/*	background:url(../im/samesite-btn.gif) 0 0 no-repeat; */
	display:block;
	height:30px;
	float:left;
	border: 2px solid #BB0000;
	-moz-border-radius: 10px 10px 10px 10px;
}
a.sameSiteReq span.btnL {
/*	background-position:0 0; */
	width:auto;
	padding:0 10px 0 10px;
	line-height:30px;
}

/* new */

a.sameSiteReq span.btnR {
	background-position:-470px 0;
	width:4px;
}
a.sameSiteReq:hover span.btnL {
	background-position:0 -30px;
	color:#c80000;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � FILTER ] */
#wr .content .l .filter {
	display:block;
	width:160px;
	height:22px;
	/* background:url(../im/listmenu-bkg.gif) 0 0 no-repeat;  remove this */
	float:left;
	margin:10px 14px 20px 0;
}
#wr .content .l .last { margin-right:0; } 

 form .select {
 	width:164px;
	height:24px;	
	position: relative;
	float: left;
 }

.filter form select {
	width:160px;
	height:20px;
	cursor:pointer;
	background:none;
	font-size:12px;
	padding:2px;
	overflow:hidden;
	background: none;
	position: relative;
	z-index: 5 /* add this */
}
.filter form select option {
	font-size:12px;
	color:#787878;
	display:block;
	height:20px;
	line-height:20px;
	padding:3px 3px 0;
}
.filter form select option:focus {
	color:#8c0000;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � FILTER � CATEGORIES ] */
.filter #branch,
.filter #year,
.filter #location,
.filter #client {
	width:160px;
	height:20px;
	cursor:pointer;
	background:none;
	position:relative;
}
#branch .branchButton,
#year .yearButton,
#location .locationButton,
#client .clientButton {
	width:160px;
	height:20px;
}
#branch .branchButton a,
#year .yearButton a,
#location .locationButton a,
#client .clientButton a {
	display:block;
	cursor:pointer;
	background:none;
	font-size:12px;
	padding:2px 2px 2px 6px;
	color:#686868;
}
#branch .branchButton a span,
#year .yearButton a span,
#location .locationButton a span,
#client .clientButton a span {
	color:#C80000;
}
#branch .branchBox,
#year .yearBox,
#location .locationBox,
#client .clientBox {
	width:158px;
	border:1px solid #D7D9DA;
	background-color:#f0f0f0;
	padding:0 0 8px 0;
	position:absolute;
}
#branch .branchBox li,
#year .yearBox li,
#location .locationBox li,
#client .clientBox li {
	display:block;
	padding:0;
	margin:0;
}
#branch .branchBox li a,
#year .yearBox li a,
#location .locationBox li a,
#client .clientBox li a {
	padding:4px 4px 0 6px;
	display:block;
	color:#686868;
	line-height:20px;
}
#branch .branchButton a:hover, #branch .branchBox li a:hover,
#year .yearButton a:hover, #year .yearBox li a:hover,
#location .locationButton a:hover, #location .locationBox li a:hover,
#client .clientButton a:hover, #client .clientBox li a:hover {
	color:#C80000;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � PROJECT LIST ] */
#wr .content .l .project {
	width:684px;
	display:block;
	margin: 0 0 20px;
	float:left;
	padding:0 0 20px;
	border-bottom:1px solid #cccccc;
}
.project img.pr {
	float:left;
	width:440px;
	height:160px;
}
.project a.logoTh,
.project a.printTh,
.project a.seoTh,
.project a.flashTh {
	float:left;
	display:block;
	width:440px;
	height:160px;
	position:relative;
	margin-bottom: 20px;
}
.project a.logoTh { background:url(../im/thumb-logodesign.jpg) top right no-repeat; }
.project a.printTh { background:url(../im/thumb-printdesign.jpg) top right no-repeat; }
.project a.seoTh { background:url(../im/thumb-seo.jpg) top right no-repeat; }
.project a.flashTh { background:url(../im/thumb-flashdesign.jpg) top right no-repeat; }
.project a.full { width:684px; }
.project a.defaultTh img {
	margin-right:15px;
	margin-bottom:15px;
}
.project a.logoTh img,
.project a.printTh img,
.project a.seoTh img,
.project a.flashTh img {
	width:auto;
	position:absolute;
	right:0;
	bottom:0;
	margin-right:15px;
	margin-bottom:15px;
}
.project img.big {
	width:684px;
	height:160px;
}
.project .desc {
	float:right;
	width:222px;
}

/* new */
/*
.project .desc a.name {
	display:block;
	font-size:20px;
	font-weight:normal;
	margin:0 0 5px;
	color:#000001;
	text-decoration:none;
	font-family: [HermesBg-regular];
}
*/
/* new */

.project .desc span.date {
	display:block;
	margin:0 0 5px;
}
.project .desc span.txt { display:block; }
.project .desc a {
	display:block;
	text-decoration:underline;
}

.project .desc a:hover { text-decoration:none; }

/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � ENQUIRY ] */
.rSide form {
	display:block;
	margin:10px 0 0;
}
.rSide form .formLine {
	display:block;
	margin:0 0 5px 0;
}
.rSide form .formulor {
	background:url(../im/input-bkg.gif) 0 0 no-repeat;
	width:auto;
	height:30px;
	float:left;
	display:block;
	padding:10px 0 0 10px;
}
.rSide form .formulorEnd {
	background:url(../im/input-bkg.gif) 100% 0 no-repeat;
	display:block;
	float:left;
	width:10px;
	height:40px;
	font-size:1px;
	margin:0 0 10px;
}
.rSide form .left10 {
	margin:0 0 0 10px;
}
.rSide form input {
	border:none;
	font-size:12px;
	padding:3px 0 0;
}
.rSide form input:focus {
	color:#1f77bf;
}
.rSide form input#button {
	background:url(../im/submit-btn.gif) 0 0;
	display:block;
	width:116px;
	height:40px;
	text-align:center;
	padding-bottom:5px;
}
.rSide form input#button:focus {
	background:url(../im/submit-btn.gif) 0 -40px;
}
/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � LEFT � REFERENCES ] */
#wr .content .l a.reference {
	display:block;
	float:left;
	width:210px;
	margin:10px 24px 40px 0;
}
#wr .content .l a.last {
	margin-right:0;
}






/* ----------------------------------------------------------------------- [ WRAPPER � CONTENT � RIGHT ] */
#wr .content .r {
	float:right;
	width:230px;
/* new */	padding: 6px 0 10px;/* new */
}
.content .r .video {
	width:230px;
	height:165px;
	margin-bottom: 10px;
}
.content .r ul { display:block; }
.content .r ul li {
	list-style:none;
	float:left;
	width:230px;

}
.content .r ul li a {
	background-image:url(../im/bullet1.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:5px 35px 5px 20px;
	display:block;
	color:#000002;
}
.content .r ul li a.act,
.content .r ul li a:hover {
	background-position:0 -132px;
	color:#bb0000;
	text-decoration:underline;
}

/* new */

.content .logos {
	border-bottom: 1px dotted #d4d4d4;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 664px;
}

.content .logos a {
	float: left;
	width: 165px;
	height: 100px;
	text-align: center;
	border-right: 1px dotted #d4d4d4;
}

/* new */

/* ----------------------------------------------------------------------- [ WRAPPER � FOOTER ] */
#footer,
#copy {
	display:block;
	width:100%;
	color:#686868;
	font-size:10px;
}
#footer {
	background-image:url(../im/footer-bkg1.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:25px 0 0 0;
	border-bottom:1px solid #2c2c2c;

}
#copy {
	background-image:url(../im/footer-bkg2.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:10px 0;
}
#footer p,
#copy p { 
	font-size:10px;
}
#footer a,
#footer a:link,
#footer a:visited,
#copy a,
#copy a:link,
#copy a:visited {
	color:#686868;
	font-size:11px;
	padding:1px 0;
	display:block;
}
#footer .footerContent a.catName {
	color:#fffff2;
	text-transform:uppercase;
	font-size:12px;
	padding:0 0 5px;
	text-decoration: none;
}

#footer .footerContent a.catName:hover {
	color: #FFF !important;
}

#footer a:hover { color:#fffff3; }
#footer .c1 strong {
	color:#fffff3;
	font-size:10px;
	padding:1px 0;
	display:block;
}
#footer .footerContent,
#copy .footerContent {
	width:950px;
	margin:0 auto;
	display:block;
}
.footerContent .c1 {
	float:left;
	display:block;
	width:165px;
	margin:0 10px 10px 0;
	line-height: 18px;
}

.footerContent .c1 a,
a.link {
	color: #404040;

}

.footerContent .c1 a span,
a.link span {
	color: #c2c2c2;
	border-bottom: 1px solid #3F3F3F;
}

.footerContent .c1 a:hover span
{
	border-bottom: 1px solid #EF0E0D !important;
}

a.link {
	color: #fff;
	border-bottom: 1px solid #BA2123;
}

a.link:hover{
	border-bottom: none;
}

.footerContent .c2 {
	float:left;
	display:block;
	width:255px;
	margin:0 0 0 70px;
}
.c2 p.office {
	padding:10px 0 10px 22px;
	font-size:10px;
}
.c2 .bg {	background:url(../im/flag-bg.gif) 0 12px no-repeat; }
.c2 .de { background:url(../im/flag-de.gif) 0 12px no-repeat; }
.c2 .mail { margin:10px 0 0; }
.footerContent .c3 {
	float:right;
	display:block;
	width:230px;
}
.c3 form { width:230px; }

.footerContent .blog_news {
	width: 204px;
	height: 324px;
	background: url(../im/blog_news.png) no-repeat;
	float: right;
	margin-top: -71px;
	padding: 16px 20px;
	position: relative;
}

.footerContent .blog_news h4 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 25px;
	color: #e4e4e4;
	margin-bottom: 15px;
}

.footerContent .blog_news .new {
	margin: 10px 0;
	border-bottom: 1px solid #303030;
	padding-bottom: 5px;
}

.footerContent .blog_news .new .date {
	color: #878181;
	display: block;
	font-size: 10px;
}

.footerContent .blog_news .new p a{
	font-size: 12px !important; 
	color: #fff !important;
	display: inline !important;
	border-bottom: 1px solid #BA2121;
}

.footerContent .blog_news .new p a:hover {
	border-bottom: 1px solid #666;
}

.footerContent .blog_news .btnblog {
	text-align: center;
	background-image: url(../im/btnblog.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	padding: 4px 0 5px !important;
	width: 126px;
	font-size: 12px !important;
	color: #fff !important;
	position: absolute;
	bottom: 19px;
	left: 57px;
}

.footerContent .blog_news .btnblog:hover,
.footerContent .blog_news .btnblog:active {
	background-position: 0px -24px;
}

form .input {
	display:block;
	width:230px;
	height:20px;
	background:url(../im/form-bkg.png) 0 0 no-repeat;
	margin:0 0 5px;
}
form .textarea {
	display:block;
	width:230px;
	height:35px;
	background:url(../im/form-bkg.png) 0 -20px no-repeat;
	margin:0 0 5px;
}
form input,
form textarea	 {
	width:220px;
	font-size:10px;
	color:#686868;
	background:none;
	font-family:"Small Fonts";
	font-size:9px;
}
form input { padding:5px 5px 0 5px; }
form textarea { height:31px; padding:3px 5px 0 5px; }

/*new 2*/
/*
form input:focus,
form textarea:focus {
		color:#fffff2;
}
*/
/*new 2*/
form input.submit {
	width:50px;
	height:20px;
	line-height:17px;
	padding:0;
	float:left;
	display:block;
	background:url(../im/submit-button.png) 0 0 no-repeat;
	color:#686868;
	cursor:pointer;
	margin:10px 0 0;
}
.c3 form a {
	width:175px;
	height:20px;
	line-height:17px;
	text-align:center;
	padding:0;
	float:right;
	display:block;
	background:url(../im/submit-button.png) -50px 0 no-repeat;
	color:#fffff4 !important;
	cursor:pointer;
	margin:10px 0 0;
}
#copy p {
	display:block;
	height:20px;
	line-height:20px;
	background:url(../im/logo-footer.png) 0 0 no-repeat;
	padding:0 0 0 30px;
	float:left;
	width:auto;
	word-spacing:normal;
}
#copy p strong {
	font-weight:normal;
	color:#fffff5;
}
#copy .net {
	background:url(../im/our-network-bkg.png) 0 0 no-repeat;
	display:block;
	float:right;
	width:230px;
	height:20px;
}

#copy .map {
	color: #fff !important;
	display: inline !important;
	border-bottom: 1px solid #fff;
}

#copy .map:hover {
	border-bottom: none;
}

.net form select {
	width:226px;
	height:20px;
	cursor:pointer;
	background:none;
	font-size:10px;
	padding:3px;
}
.net form select option {
	font-size:10px;
	color:#787878;
	display:block;
	height:20px;
	line-height:20px;
	padding:3px 3px 0;
}

.social_networks {
	float: right;
}

.social_networks a {
	background-image: url(../im/social_icons.gif);
	background-repeat: no-repeat;
	width: 29px;
	height: 29px;
	float: left;
	padding: 0px !important;
	margin-right: 15px;
}

.social_networks a.fb {
	background-position: 0px 0px;
}

.social_networks a.in {
		background-position: -50px 0px;
}

.social_networks a.sv {
	background-position: -101px 0px;

}

.social_networks a.tw {
	background-position: -151px 0px;
}

.social_networks a.yt {
	background-position: -202px 0px;
}

.social_networks a.fb:hover,
.social_networks a.fb:active
 {
	background-position: 0px -29px;
}

.social_networks a.in:hover,
.social_networks a.in:active {
		background-position: -50px -29px;
}


.social_networks a.sv:hover,
.social_networks a.sv:active {
	background-position: -101px -29px;

}

.social_networks a.tw:hover,
.social_networks a.tw:active {
	background-position: -151px -29px;
}

.social_networks a.yt:hover,
.social_networks a.yt:active {
	background-position: -202px -29px;
}
/*
#socialBookmarks {
	width:226px;
	height:20px;
	cursor:pointer;
	background:none;
	font-size:10px;
	position:relative;
}
#socialBookmarks img {
	border:1px solid #a8c0d9;
	vertical-align:top;
}
#socialBookmarks .socialbutton {
	width:230px;
	height:20px;
	border:none;
	margin:-2px 0 0 0;
	font-size:10px;
	cursor:pointer;
}
#socialBookmarks .socialbutton a {
	width:226px;
	cursor:pointer;
	background:none;
	font-size:10px;
	padding:6px!important;
	display:block!important;
}
#socialBookmarks .socialbox {
	width:228px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
	background:url(../im/spacer2.png) repeat bottom right;
	bottom:0px;
	margin:0 0 18px;
	position:absolute;
}
#socialBookmarks .socialbox li {
	display:block;
	padding:0 !important;
	margin:0 !important;
}
#socialBookmarks .socialbox li a {
	padding:4px 4px 4px 8px !important;
}
#socialBookmarks .socialbutton a:hover,
#socialBookmarks .socialbox li a:hover {
	color:#fff;
}
*/

#dropdown-menu {

	margin-top: 9px;
}


#dropdown-menu li ul {
	padding: 0px;
}

#dropdown-menu .w450 {
	top: 40px !important;
	background: url(../im/pixel.gif);
}

#dropdown-menu .w460 {
	background: url(../im/sub_ul.jpg) repeat-y;
	width: 528px;
}

#dropdown-menu li ul li span {
	font-size: 16px;
	color: #ff0000;
	background: none;
	background: url(../im/dropdown_span.gif) repeat-x;	
	padding: 0px 10px 6px;
	margin-bottom: 0px;
}

#dropdown-menu li ul li a {
	font-size: 12px;
	color: #b5b5b5;
	display: block;
	padding: 6px ;
	border-bottom: 1px solid #414040;
	width: 160px;
}

#dropdown-menu li ul li a:hover {
	background: url(../im/sub_ul_hover.jpg) left bottom repeat-x;
}


#dropdown-menu li ul li {
	margin-right: 0px;
	margin-left: 1px;
}

/* new */
.l .count {
	margin-top: 15px;
}
/* new */

.l .count a {
	background-image: url(../im/count1.gif);
	background-position: 0px -1px;
	width: 21px;
	height: 19px;
	line-height:20px;
	color: #3b3b3b;
}

.l .count a:hover,
.l .count a.act{
	color: #fff;
	background-position: 0px -23px;
}

.right_nav {
	padding-bottom: 5px;
	float: left;
}

.right_nav li {
	margin-top: 5px;
}

.right_nav li a {
	padding-left: 25px !important;
	background-position: 6px 7px !important;
	color: #6b6b6b !important;
	position: relative;
}

.right_nav li a span {
	background: url(../im/right_nav_bottom.gif) 100px 100px no-repeat;
	width: 191px;
	height: 6px;
	display: block;
	position: absolute;
	left:0px;
	bottom: 0PX;
}

.right_nav li a.act,
.right_nav li a.act:hover {
	background-image: url(../im/right_nav_top_over.gif) !important;
	background-position: 0px 0px !important;
	color: #fff !important;
	text-decoration: none !important;
}

.right_nav li a.act span,
.right_nav li a.act:hover span {
	background: url(../im/right_nav_bottom_over.gif) 0 0 no-repeat !important;	
}


.right_nav li a:hover {
	background: url(../im/right_nav_top.gif) 0 0 no-repeat !important;
	color: #6b6b6b !important;
	text-decoration: none !important;
}

.right_nav li a:hover span {
	background-position: 0px 0px;
}

span.selective {
	background: url(../im/select.gif) no-repeat;
	width: 152px;
	height: 18px;
	padding: 2px 0 0 8px;
	position:absolute;
	top:0px;
	left: 0px;
	color:#000;
	display: block;
	z-index: 2;
}

.content .product_box {
	width: 194px;
	height: 237px;
	background: url(../im/product.gif) no-repeat;
	padding: 9px 14px 8px 12px;
	float: left;
	margin: 10px 12px 0 0;
}

.content .product_box strong {
	color: #151515;
	font-size: 12px;
	padding: 0px 0px 10px 12px;
}

.content .product_box p {
	height: 82px;
	overflow: hidden;
	text-align: left !important;
}

 .first_layer {
	display: table;
	 height: 115px;
	 overflow: hidden;
	 width: 100%;
}

 .second_layer  {
	display: table-cell; 
	vertical-align: middle;
}



.content .product_box a {
	color: #df0f12;
	text-decoration: underline;
}

.content .product_box img {
	margin: 0px auto;
	display: block;
}

.content .product_box a:hover {
	text-decoration: none;
}

.content .client_box {
	width: 222px;
	height: 116px;
	background-image: url(../im/client_box.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin: 0px 9px 9px 0px;
}

.content .client_box:hover {
	background-position: 0px -116px;		
}

.content .client_box img {
	margin: 0px auto;
	display: block;
}

.content .client_overview {
	width: 280px;
	float: left;
	margin-right: 60px;
	padding-right: 60px;
	border-right: 1px solid #e7e7e7;
}

.content .client_overview li {
	clear: both;
}

.content .client_overview li strong {
	width: 160px;
	font-weight: normal;
	float: right;
	text-align: left;
}

.content .pdf {
	background-image: url(../im/client_btn.gif);
	background-repeat: no-repeat;
	background-position: right -42px;
	float: right;
	padding-right: 23px;
	margin-bottom: 14px;
}

.content .pdf span {
	background-image: url(../im/client_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	padding: 3px 0px 4px 5px;
	color: #ff0303;
	font-size: 11px;
}

.content .pdf:hover {
	background-position: right -63px;
}

.content .pdf:hover span {
	background-position: 0px -21px;		
	color: #ffffff;
}


h4 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #555555;
	margin-bottom: 10px;
}

.content .map {
	border: 1px solid #CCCCCC;
	display: block;
	margin-right: 11px;
	padding: 1px;
}


form.enter {
	width: 209px;
}

form.enter input {
	width: 198px;
	height: 17px;
	background: url(../im/input1.gif) no-repeat;
	padding: 5px;
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
} 

form.enter label {
	color: #2a2a2a;
	display: block;
	margin: 10px 0;
}

form.enter input.submit1 {
	width: 88px;
	height: 26px;
	background: url(../im/btn_submit1.gif) no-repeat;
	height: auto;
	font-size: 12px;
	color: #fff;
	padding: 3px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	margin-top: 10px;
	cursor: pointer;
}

form.enter img {
	float: left;
	margin: 11px 7px 0 0 ;
}

form.enter #code {
	width: 88PX;
	background: url(../im/code.gif) no-repeat;
	float: left;
	margin-top: 10px;
	text-align: center;
}


form#contactForm fieldset {
	width: 260px;
	float: left;
	margin-right:20px;
}

form#contactForm input {
	width: 256px;
	height: 16px;
	background: url(../im/input2.gif) no-repeat;
	margin-bottom: 10px;
	color: #151515;
	padding: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

form#contactForm label {
	display: block;
	color: #151515;
	margin-bottom:5px;
}

form#contactForm .selective {
	width: 260px;
	background: url(../im/contact_select.gif) no-repeat;
}

form#contactForm select  {
	width: 260px;
	position: relative;
	z-index: 5;
}

 .sbt_bt {
	background-image: url(../im/submit.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 3px;
	height: 18px;
	float: left;
	margin: 30px 20px 0 0;
}

.sbt_bt input {
	background-image: url(../im/submit.gif) !important;
	background-repeat: no-repeat;
	background-position: right -54px !important;
	padding: 1px 22px 0px 19px !important; 
	color: #fff !important;
	font: 12px Arial, Helvetica, sans-serif !important;
	float: left !important;
	width: auto !important;
	height: auto !important;
	cursor:pointer;
}

.sbt_bt span {
	background-image: url(../im/submit.gif);
	background-repeat: no-repeat;
	background-position: right -54px ;
	padding: 1px 22px 2px 19px; 
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif !important;
	float: left;
	width: auto;
	height: auto;
	cursor:pointer;
}


.sbt_bt:hover {
	background-position: 0px -18px;	
}

 .sbt_bt:active {
	background-position: 0px -36px;	
}

 .sbt_bt:hover input,
 .sbt_bt:hover span {
	background-position: right -72px !important;	
}

 .sbt_bt:active input,
 .sbt_bt:active span {
	background-position: right -90px !important;	
}

.content .steps {
	float: right;
	width: 30%;
}

.content .steps div {
	background-image:url(../im/steps.gif);
	background-repeat: no-repeat;
	background-position: -80px 0px;
	width: 80px;
	float: left;
	margin-left: 20px;
	text-align: center;
	color: #5f5c5c;
}

.content .steps div.act {
	background-position: 0px 0px;
	color: #cc2d2a;
}

.content .steps .heads {
	font: 12px Myriad Pro;
	display: block;
	margin:2px 0 10px;
	color: #fff;
}

.left_cont {
	width: 65%;
}

.slider {
	width: 684px;
	height: 195px;
	overflow: hidden;
	position: relative;
	float: left;
}
div.slide_item {
	width: 684px;
	height: 195px;
	position: absolute;  
	left: 684px;  
	top: 0px;
}

ul.sitemap {
	padding:0;
	margin:0 20px 0 0;
	width:300px;
	float:left;
}
 
ul.sitemap li {
	padding:0;
	margin:0 0 5px 0;
	list-style-type:none;
}
ul.sitemap li h4 {
	padding:0;
	margin:0;
	font-size:14px;
}
 
ul.sitemap li h4 a {
	font-size:14px;
}

.stenikoffice {
	width: 225px;
	float: left;
}

hr {
	float: left;
	width: 100%;
	background-color: #D5D5D5;
	clear: both;
	height: 1px;
}

.content .projects {
	padding: 20px 0;
	border-bottom: 1px dotted #D5D5D5;
}

.content .projects.last_pr {
	border: none;
}

.content .softwere_project {
	float: left;
	margin-right: 30px;
	width: 208px;
}

.content .softwere_project .frame {
	width: 208px;
	height: 117px;
	background: url(../im/gray_box.gif) no-repeat;
	text-align: center;
	padding-top: 0px;
	margin-bottom: 15px;
}

/*new 2*/

form.enquiry {
	width: 543px;
	margin-top: 20px;
}

form.enquiry input {
	width: 231px;
	height: 24px;
	background: url(../im/input_bg.gif) no-repeat;
	padding: 3px ;
	float: left;
	clear: both;
	margin-bottom: 8px ;
	font-size: 12px;
	font: 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

form.enquiry textarea {
	width: 537px;
	height: 94px;
	background: url(../im/textarea.gif) no-repeat;
	padding: 3px !important;
	float: left;
	clear: both;
	margin-bottom: 8px ;
	font-size: 12px;
	font: 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

form.enquiry .submit_btn {
	padding: 5px;
	background: url(../im/submit_bg.gif) repeat-x;
	border: 1px solid #c6c6c6;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;
	width: auto;
	height: auto;
	cursor: pointer;
}

form.enquiry label {
	float: left;
	clear: both;
	margin-bottom: 8px;
}

form.enquiry .select span {
	width: 371px;
	height: 14px;
	background: url(../im/select_bg.gif) no-repeat;
	cursor: pointer;
	position: relative;
	bottom: 37px;
	z-index: 1;
	left: 30px;
	display: block;
	padding: 8px;
}
form.enquiry .select {
	width: 387px;
	height: 30px;
	float: left;
	position: relative;
	margin-bottom: 30px;
}

form.enquiry .select select {
	width: 387px;
	height: 30px;
	position: relative;
	z-index: 2;
	bottom: 7px;
	left: 30px; 
}

form.enquiry div.budget {
	margin-bottom: 20px;
}
form.enquiry div.budget input {
	margin-right: 5px;
	width: auto;
}


form.enquiry select#requesttype optgroup option {
	padding-left: 20px;
}

form.enquiry .right .select {
	clear: both;
}

form.enquiry .right .select span,
form.enquiry .right .select select {
	left: 0px;
}


form.enquiry .right .select span {
	bottom: 30px;
}

form.enquiry .right .select select {
	bottom: 0px;
}

form.enquiry #file {
	border: none;
	clear: none;
	position: relative;
	top: -5px;
	left: 20px;
}

/*new 2*/

/* new */
.cont_column {
	float: left;
	margin-right: 100px;
}
/* new */

#footer .contacts {
	padding: 11px 0 12px 25px;
	border-bottom: 1px dotted #424242;
	line-height: 1.7;
	color: #fff;
	font-size: 11px;
}

#footer .contacts a {
	display: inline;
	color: #fff;
	text-decoration: underline;
}

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

#footer .contacts .gray,
#footer .contacts img {
	display: block;
}

#footer .blog_news img {
	margin: 3px 0 5px;
}

#footer .contacts.bg_cont {
	background: url(../im/bg.gif) no-repeat 0px 15px;
}

#footer .contacts.de_cont {
	background: url(../im/de.gif) no-repeat 0px 15px;
}
ul.right_nav li h4 {
	margin: 5px 0 0 0 !important;
}