body {
	margin:0;
}

.container{
	position: relative;
	width: 876px;
	margin: 0 auto;
}

.head{
	background: #3f3f3f;
	height: 80px;
}

.head ul{
	width: 876px;
	height: 80px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow:hidden;
	background: url('menu.jpg');
}

.head ul li{
	float:left;
}

.head ul li a{
	display: block;
	width: 146px;
	font-family: "Myriad Pro";
	line-height: 79px;
	text-align: center;
	color: #c2c0c0;
	text-decoration: none;
}
.head ul li:first-child a{
	color: #fff;
}

.slide {
	height: 300px;
	background: url('shattered.png') center repeat;
}

.slide  .left{
	float: left;
	max-width: 44%;
}
.slide  .right{
	float: right;
	max-width: 51%;
	height: 100%;
}
.presentation{
	font-family: Myriad Pro;
	color: #505050;
	margin-top: 15%;
}

.presentation h1{
	font-size: 30px;
}

.laptop {
	width:446px;
	height: 256px;
	background: url('laptop.png');
	margin: 22px 0;
}

.product{
	height: 267px;
	background: url('pw_maze_black.png');
}
.tria{
	width: 840px;
	height: 20px;
	background: url('triangle.png') no-repeat;
}
.product .ico{
	width: 311px;
	height: 204px;
	background: url('ico.png');
	margin: 21px 0 21px 31px;
	position: relative;
}
.product  .left{
	float: left;
	max-width: 44%;
}
.product  .right{
	float: right;
	max-width: 51%;
	height: 100%;
	color: #c8c8c8;
	font-family: Myriad Pro;
}

.product .desc{
	margin-top: 9%;
}

.product .arrow{
	position: absolute;
	width: 46px;
	height: 67px;
	background: url('arrow.png');
	right: -25%;
	top: 39%;	
}
.steps{
	height: 400px;
	background: #f8f9f9;
}

.steps .stepco{
	position: absolute;
	width: 795px;
	background: url('steps.png') no-repeat;
	top: 100px;
}

.steps ul {
	padding: 0;
	margin: 0;
	list-style: none;
}	

.steps .stepco ul li {
	float:left;
	margin-right: 160px;
}

.steps .stepco ul li:last-child {
	margin-right: 0;
}

.steps ul li span{
	width: 78px;
	height: 78px;
	display: block;
	text-shadow: 2px 0 0 #beccd9;
	font-family: Arial;
	font-weight: bold;
	font-size: 40px;
	color: #f8f9f9;
	text-align: center;
	line-height: 75px;	
}

.stepdes {
	position: absolute;
	width: 876px;
	top: 180px;
	left:0;
	color: #9b9b9b;
	font-family: Myriad Pro;
}

.stepdes ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.stepdes ul li{
	float: left;
	margin-right: 89px;
	text-align: left;
}

.stepdes ul li:last-child {
	margin-right: 0;
}

.stepdes ul li p{
	max-width: 150px;
}

footer{
	height: 420px;
	background: #484848 url('foot.png') repeat-x;
  padding-bottom: 30px;
}

.fright{
  float:right;
}

.fleft{
  float:right;
}

.references{
	height: 87px;
	margin: 0 auto;
	/*background: url('references.png') center center no-repeat;*/
}

#moveLeft, #moveRight{
  width:45px;
  height:64px;
  display:block;
  margin-top: 24px;
  float:left;
  background: url('/img/arrow-left.png');
}

#moveRight{
  background: url('/img/arrow-right.png');
}

#refContainer{
  width:786px;
  height:64px;
  overflow:hidden;
  float:left;
  margin-top: 24px;
}

#refList{width:2594px;}

#refList a{
  display:block;
  background:url('img/logos.png');
  width:136px;
  height:50px;
  float:left;
  margin-right: 30px;
}

#ref1{background-position: 0px 0px;}
#ref1:hover{background-position: 0px -51px;}

#ref2{background-position: 0px -102px !important;}
#ref2:hover{background-position: 0px -153px !important;}

#ref3{background-position: 0px -204px !important;width:74px !important;}
#ref3:hover{background-position: 0px -255px !important;width:74px !important;}

#ref4{background-position: 0px -306px !important;}
#ref4:hover{background-position: 0px -357px !important;}

#ref5{background-position: 0px -408px !important;}
#ref5:hover{background-position: 0px -459px !important;}

#ref6{background-position: 0px -510px !important;}
#ref6:hover{background-position: 0px -561px !important;}

#ref7{background-position: 0px -612px !important;}
#ref7:hover{background-position: 0px -663px !important;}

#ref8{background-position: 0px -714px !important;}
#ref8:hover{background-position: 0px -765px !important;}

#ref9{background-position: 0px -816px !important;}
#ref9:hover{background-position: 0px -867px !important;}

#ref10{background-position: 0px -918px !important;}
#ref10:hover{background-position: 0px -969px !important;}

#ref11{background-position: 0px -1020px !important;}
#ref11:hover{background-position: 0 -1071px !important;}

#ref12{background-position: 0px -1122px !important;}
#ref12:hover{background-position: 0px -1173px !important;}

#ref13{background-position: 0px -1224px !important;}
#ref13:hover{background-position: 0px -1275px !important;}

#ref14{background-position: 0px -1326px !important;}
#ref14:hover{background-position: 0px -1377px !important;}

#ref15{background-position: 0px -1428px !important;}
#ref15:hover{background-position: 0px -1479px !important;}

#ref16{background-position: 0px -1530px !important;}
#ref16:hover{background-position: 0px -1581px !important;}

.uk-form > :last-child {
  margin-bottom: 0;
}
/*
 * Controls
 * Exept for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
 * 1. Must be `height` because `min-height` is not working in OSX
 * 2. Responsiveness: Sets a maxium width relative to the parent to scale on narrower viewports
 */
.uk-form select,
.uk-form textarea,
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
  height: 30px;
  /* 1 */

  max-width: 100%;
  /* 2 */

  padding: 4px 6px;
  border: 1px solid #292929;
  background: #707070;
  color: #000;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  border-radius: 4px;
  /* Focus state */

  /* Disabled state */

}

.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
  border-color: #BBB;
  outline: 0;
  background: #9B9B9B;
  color: #444;
}
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
  border-color: #dddddd;
  background-color: #fafafa;
  color: #999999;
}
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size] {
  height: auto;
}
/* 1 */
/*
 * Placeholder
 * 1. Higher specificity needed to override color in IE
 */
.uk-form :-ms-input-placeholder {
  color: #999999 !important;
}
/* 1. */
.uk-form ::-moz-placeholder {
  color: #999999;
}
.uk-form ::-webkit-input-placeholder {
  color: #999999;
}
.uk-form :disabled:-ms-input-placeholder {
  color: #999999 !important;
}
/* 1. */
.uk-form :disabled::-moz-placeholder {
  color: #999999;
}
.uk-form :disabled::-webkit-input-placeholder {
  color: #999999;
}
/*
 * Legend style
 * 1. `margin-bottom` is not working in Safari and Opera.
 *    Using `padding` and :after instead to create the border
 */
.uk-form legend {
  width: 100%;
  padding-bottom: 15px;
  /* 1 */

  font-size: 18px;
  line-height: 30px;
}
/* 1 */
.uk-form legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #dddddd;
}
/* Validation states
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Error state
 */
.uk-form-danger {
  border-color: #dc8d99 !important;
  background: #fff7f8 !important;
  color: #c91032 !important;
}
/*
 * Success state
 */
.uk-form-success {
  border-color: #8ec73b !important;
  background: #fafff2 !important;
  color: #539022 !important;
}
/* Size modifiers
 * Using !important to keep the selector simple
 ========================================================================== */
.uk-form-small {
  height: 25px !important;
  padding: 3px 3px !important;
  font-size: 12px;
}
.uk-form-large {
  height: 40px !important;
  padding: 8px 6px !important;
  font-size: 16px;
}
/* Style modifiers
 * Using !important to keep the selector simple
 ========================================================================== */
/*
 * Blank form
 */
.uk-form-blank {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: 1px dashed transparent !important;
}
.uk-form-blank:focus {
  outline-color: #dddddd !important;
}
/* Size sub-modifiers
 ========================================================================== */
/*
 * Fixed widths
 * 1. Different widths for mini sized `input` and `select` elements
 */
input.uk-form-width-mini {
  width: 40px;
}
/* 1 */
select.uk-form-width-mini {
  width: 65px;
}
/* 1 */
.uk-form-width-small {
  width: 130px;
}
.uk-form-width-medium {
  width: 200px;
}
.uk-form-width-large {
  width: 500px;
}
/* Sub-objects: `uk-form-row`
 * Groups labels and controls in rows
 ========================================================================== */
/*
 * Micro clearfix
 * Needed for `uk-form-horizontal` modifier
 */
.uk-form-row:before,
.uk-form-row:after {
  content: " ";
  display: table;
}
.uk-form-row:after {
  clear: both;
}
/*
 * Vertical gutter
 */
.uk-form-row + .uk-form-row {
  margin-top: 15px;
}
/* Help text
 * Sub-object: `uk-form-help-inline`, `uk-form-help-block`
 ========================================================================== */
.uk-form-help-inline {
  display: inline-block;
  margin: 0 0 0 10px;
}
.uk-form-help-block {
  margin: 5px 0 0 0;
}
/* Controls content
 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`
 ========================================================================== */
/*
 * Remove margin from the last-child
 */
.uk-form-controls > :last-child {
  margin-bottom: 0;
}
/*
 * Group controls and text into blocks with a small spacing between blocks
 */
.uk-form-controls-condensed {
  margin: 5px 0;
}
/* Modifier: `uk-form-stacked`
 * Requrires sub-object: `uk-form-label`
 ========================================================================== */
.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.uk-button {
  display: inline-block;
  min-height: 30px;
  padding: 0 12px;
  border: none;
  line-height: 28px;
  color: #444;
  letter-spacing: normal;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #292929;
  background: #707070;
  color: #292929;
}
/* Required for `a` elements */
a.uk-button {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-button:hover,
.uk-button:focus {
  background-color: #292929;
  color: #868686;
  outline: none;
  border-color: rgba(0, 0, 0, 0.16);
}
/* Active */
.uk-button:active,
.uk-button.uk-active {
  background: #707070;
  color: #292929;
}
/* Color modifiers
 ========================================================================== */
/*
 * Modifier: `uk-button-primary`
 */
.uk-button-primary {
  background-color: #00a8e6;
  color: #ffffff;
}
/* Hover */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #35b3ee;
  color: #ffffff;
}
/* Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #0091ca;
  color: #ffffff;
}
/*
 * Modifier: `uk-button-success`
 */
.uk-button-success {
  background-color: #8cc14c;
  color: #ffffff;
}
/* Hover */
.uk-button-success:hover,
.uk-button-success:focus {
  background-color: #8ec73b;
  color: #ffffff;
}
/* Active */
.uk-button-success:active,
.uk-button-success.uk-active {
  background-color: #72ae41;
  color: #ffffff;
}
/*
 * Modifier: `uk-button-danger`
 */
.uk-button-danger {
  background-color: #da314b;
  color: #ffffff;
}
/* Hover */
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #e4354f;
  color: #ffffff;
}
/* Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #c91032;
  color: #ffffff;
}
/* Disabled state
 * Overrides also the color modifiers
 ========================================================================== */
/* Equal for all button types */
.uk-button:disabled {
  background-color: #fafafa;
  color: #999999;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: none;
  text-shadow: 0 1px 0 #ffffff;
}
/* Modifier: `uk-button-link`
 ========================================================================== */
/* Reset */
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
  display: inline;
  border: none;
  background: none;
  box-shadow: none;
  text-shadow: none;
}
/* Color */
.uk-button-link {
  color: #0077dd;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
  color: #005599;
  text-decoration: underline;
}
.uk-button-link:disabled {
  color: #999999;
}
/* Focus */
.uk-button-link:focus {
  outline: 1px dotted;
}
/* Size modifiers
 ========================================================================== */
.uk-button-mini {
  min-height: 20px;
  padding: 0 6px;
  line-height: 18px;
  font-size: 11px;
}
.uk-button-small {
  min-height: 25px;
  padding: 0 10px;
  line-height: 23px;
  font-size: 12px;
}
.uk-button-large {
  min-height: 40px;
  padding: 0 15px;
  line-height: 38px;
  font-size: 16px;
  border-radius: 5px;
}
/*
 * Behave like a block element and take the full width
 */
.uk-button-expand {
  display: block;
  width: 100%;
  text-align: center;
}
.uk-button-expand + .uk-button-expand {
  margin-top: 10px;
}
.mailSent{
  font-family: Tahoma;
  padding: 18px;
  background: #353535;
  color: rgb(175, 175, 175);
  font-weight: bold;
}
#moveLeft,
#moveRight{
  cursor:pointer;
}
.copyright{
  background: #3D3D3D;
  border-top: 1px solid #575757;
  padding: 30px 0;
  color: #9B9B9B;
  font-family: Tahoma;
}

.fright>a{color: #B8B8B8;}