/* CSS Document */


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
a, a:visited, a:hover{
color:#000000;
text-decoration:none;}

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

ol,
ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }

blockquote,
q { quotes: "" ""; }


body {
margin:0;
padding:0;
height:100%;
width:100%;
position:absolute;
overflow: hidden;
}

.conteiner{
position:relative;
height:100%;
width:100%;

}
.greyblock{
	position:absolute;
	height:50%;
	width:100%;
	z-index:1;
	bottom:0pt;
	background-color: #E2DFDC;	/* background: #e8e6e3;   */
}

.mainimg{
height:295px;
margin:0pt auto;
position:relative;
right:0px;
top:-140px;
width:859px;
z-index:2;
}
.mainimg div{
background:transparent url(../images/main_img.png) repeat scroll 0%;
height:395px;
width:859px;
}
.bot_menu{
bottom:0px;
width:100%;
height:47px;
position:absolute;
z-index:3;
}
.bot_menu ul{
margin:0pt auto;
width:600px;
overflow:hidden;
height:47px;
}
.bot_menu li{
float:left;
height:47px;
width:117px;
overflow:hidden;
}

.bot_menu li a{
display:block;
background: url(../images/menu_li_bg.png);
height:47px;
width:109px;
padding:8px 8px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-align:center;
}
.bot_menu li a:hover{
background: url(../images/menu_li_bg_hover.png);
}
#menu_first{
background: url(../images/menu_first.png);
width:8px;
}
#menu_last{
background: url(../images/menu_last.png);
width:6px;
}
.moveblock{
	height:500px;
	right:-539px;
	position:absolute;
	top:10px;
	z-index:5;
	background:transparent url(../images/moveblock_top_bg.png) no-repeat scroll center top;


}
.moveblock_top {
position:relative;
height:100%;
width:533px;
overflow:hidden;
z-index:6;



}
#moveblock_top_conteiner{
clip: rect(40px,auto,auto,auto);
height:100%;
overflow:auto;
display:none;
position:absolute;
width:533px;
overflow: hidden;
padding: 5px;
}

.moveblock_bottom{
background:transparent url(../images/moveblock_bottom_bg.png) repeat scroll 0%;
bottom:-9px;
height:9px;
left:-3px;
position:absolute;
width:539px;
z-index:4;
}
.moveblock_bottom_logo{
background: url(../images/moveblock_bottom_logo.png);
width:115px;
height:114px;
position:absolute;
bottom:10px;
left:10px;
z-index:4;
}

.moveblock_top p {
color:#5c5641;
line-height:18px;
}

		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
clear:both;
height:100%;
margin:auto;
overflow:hidden;
position:relative;
top:40px;
width:450px;
z-index:6;

		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width:450px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */

width:450px;
		
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display:none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		

		
		.stripNavL, .stripNavR { /* The left and right arrows */
position:absolute;
text-indent:-9000em;
top:80px;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height:52px;
			width:41px;
		}
		
	 	.stripNavL {
			left: 10px;
		}
		
		.stripNavR {
			right: 11px;
		}
		.stripNavL a{
			background: url("../images/nav_left.gif") no-repeat center;
		}
		
		.stripNavR a{
			background: url("../images/nav_right.gif") no-repeat center;
		}
		.stripNavL a:hover{
			background: url("../images/nav_left_hover.gif") no-repeat center;
		}
		
		.stripNavR a:hover{
			background: url("../images/nav_right_hover.gif") no-repeat center;
				

		}
.multimed_content{
background-color:#737070;
margin-top:17px;
padding:8px;
width:434px;
}
.multimed_content_header{
background-image:url(../images/multimed_content_header_right.jpg);
background-position:left center;
background-repeat:no-repeat;
display:block;
height:17px;
padding-left:15px;
position:absolute;margin-top:0px!important;
right:0px;
top:0px;
}
.multimed_content_header span{
background-image:url(../images/multimed_content_header_left.jpg);
background-position:right center;
background-repeat:no-repeat;
color:#D9D9D9;
display:block;
font-family:Tahome,Arial,Helvetica,sans-serif;
font-size:11px;
height:12px;line-height:11px;
padding-top:5px;
padding-right:15px;
}
#about img {
border:1px #CCCCCC solid;
	}
.multimed_content	p{
color:#FFFFFF;
font-family:Tahome,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:18px;
margin-top:10px;
}
#about .multimed_content{
width:422px;
padding:14px;}

#about .multimed_content a{
color:#CCCCCC;
text-decoration:underline;}
#about .multimed_content p {
margin-top:10px;}
#portfolio{

		
}

#block1{

display:block;
height:110px;
left:340px;
position:absolute;
top:210px;
width:185px;
}
#block2{
display:block;
height:80px;
left:150px;
position:absolute;
top:170px;
width:140px;}
#block3{
display:block;
height:80px;
left:585px;
position:absolute;
top:170px;
width:140px;}
#block4{
display:block;
height:50px;
left:258px;
position:absolute;
top:120px;
width:80px;}
#block5{
display:block;
height:50px;
left:546px;
position:absolute;
top:120px;
width:80px;}

.note_top{
	width:324px;
	
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(../images/note_top_bg.png);
	float: left;
	overflow: hidden;
	position: relative;
}
.note_bottom{
	width:374px;
	background-image: url(../images/note_bottom_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;

}

.note_bottom h1{
	width:374px;
	float: left;
	overflow: hidden;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	bottom: -7px;

}

.note_top h3{
font-size:28px;
color:#51a4d9;
font-weight:normal;
}
h4{
font-size:16px;
color:#555555;
margin-top:30px;
position:relative;
left:30px;
font:verdana;
}
h2{
font-size:24px;
left:40px;
position:absolute;
top:16px;
color:#8c8c8c;}
#loading{
position:absolute;
top:50%;
right:50%;
height:100px;
width:100px;
display:none;
z-index:200;}
.customer{
font-size:24px;
color:#8c8c8c;
font:verdana;}
.work{
margin:0!important;
padding:0pt 20px;
}
li{
list-style-image:url(../images/list_bg.png)}

.scrolling{
height:67px;
width:450px;
padding:0px;
}

.jScrollPaneContainer{
		margin:10px 0;
}
a.jScrollArrowUp{
display:block;
height:16px;
overflow:hidden;
background:url(../images/top_arrow.gif);
position:absolute;
right:0pt;
text-indent:-2000px;
top:0pt;
z-index:1;
height:16px;
}
a.jScrollArrowDown {
bottom:0pt;
display:block;
background:url(../images/bot_arrow.gif);
height:16px;
overflow:hidden;
position:absolute;
right:0pt;
text-indent:-2000px;
z-index:1;
}
.jScrollPaneDrag {
background:url(../images/slider.gif);
cursor:pointer;
overflow:hidden;
position:absolute;
}
.jScrollPaneTrack {
background:url(../images/slider_bground.gif);
cursor:pointer;
height:100%;
position:absolute;
right:0pt;
top:0pt;
}
#contact .wrapper{
padding:90px 41px 41px;


}

.form p{
clear:left;
float:left;
margin:20px 0pt;
width:290px;
}
.form span{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;position:relative;
color:#8c8c8c;
}
.form .coment{
float:left;position:relative;

width:450px
}
.form input{
float:right;position:relative;
border: 1px solid #8c8c8c;

}

.form textarea{
float:right;
height:100px;position:relative;
width:300px;
border: 1px solid #8c8c8c;
}
p.submit{
display:block;
float:right;
margin:0;
position:relative;
width:auto;
height:40px;
*right:120px;
*margin-top:290px;
margin-bottom:10px;


}
.submit a{
height:31px;
width:106px;
display:block;
background:url(../images/button_submit.jpg);
}
.submit input{
height:31px;
width:106px;
display:block;
border-width:0;
background:url(../images/button_submit.jpg);
}
.call{
margin-top:50px;
*margin-top:60px;
position:relative;
z-index:99;
clear:both;
display:block;
float:left;
height:54px;
width:142px;

background:url(../images/button_call_me.gif);
}
p.map{
*margin-top:20px;
display:block;
float:right;
width:140px;
text-align:right;
clear:right;}
.map a{color:#08A7E9;
float:right;
padding-left:3px;
position:relative;
text-decoration:underline;
}
.map a span{
color:#08a7e9;}
.map a:hover{
text-decoration:none;
cursor: pointer;}
.popup{
background-image: url(../images/contact_popup.png);
position:absolute;
}
.tel{

clear:both;
float:left;
position:relative;
z-index:6;}






p.submit {
clear:both;
display:block;
float:none;
text-align:right;
width:440px;
zoom:1;
margin:0;
position:relative;
left:370px;

}
p.submit, x:-moz-any-link{left:470px;
*left:370px;}

.txt1 h2{
	color: #E9E9E9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	float:left;
	
}