/*css reset и предустановки
-----------------------------------------------------------------------------*/
* {	margin: 0;	padding: 0;}
html {	height: 100%;}
body {font: 16px/20px  Arial, Helvetica, sans-serif;color: #333; font-weight: normal;width: 100%;height: 100%;background-color: #FFFFFF;}
a {	color: #000000;	outline: none;	text-decoration: underline;}
a:hover {text-decoration: none;color: #333333;}
p {	margin: 0px;}
h1 { margin: 30px 0; font: 40px/40px  Arial, Helvetica, sans-serif;color: #555; font-weight: normal; text-shadow:0px 1px #000;}
h2 { margin: 25px 0; font: 40px/40px  Arial, Helvetica, sans-serif;color: #CC3300; font-weight: bolder; text-shadow:0px 1px #000;}
h3 { margin: 20px 0; font: 30px/30px  Arial, Helvetica, sans-serif;color: #333; font-weight: normal;}
h4 { margin: 0px 0; font: 30px  Arial, Helvetica, sans-serif;color: #333; font-weight: normal; text-align:center;}
h5 { margin: 0px 0; font: 18px/20px  Arial, Helvetica, sans-serif;color: #333; font-weight: bold; text-align:left;}
img {border: none;}
input {vertical-align: middle;}
#wrapper {width: 960px;	margin: 0 auto;	min-height: 100%;height: auto !important;height: 100%;}
/* Header
-----------------------------------------------------------------------------*/
#header {height: 206px;	background: #FFFFFF;border-bottom: #333333 1px solid;}
/* Middle
-----------------------------------------------------------------------------*/
#content {padding: 0 0 100px;}
/* Footer
-----------------------------------------------------------------------------*/
#footer {width: 960px;margin: -100px auto 0;height: 100px;background: #FFFFFF; border-top:#333333 1px solid;}
/*+++++++++++++++++++++++++++++++++++*/

#logo {    background-image: url(img/logo.jpg); width:960px; height:206px; background-repeat:no-repeat; background-position: center;}
#adress { width:100%; font:Arial, Helvetica, sans-serif 30px/30px; color: #333333; font-weight:bold; text-align: right; margin-top:10px;}
#red {color:#7B4042; font: 20px/30px  Arial, Helvetica, sans-serif;}
#blue {color:#305299; font: 20px/30px  Arial, Helvetica, sans-serif;}
#blue a{color:#305299; font: 20px/30px  Arial, Helvetica, sans-serif;}
#slogan {height:261px; border-bottom:#999999 1px solid;}
#left_text{text-align:left; width:753px;float:left; vertical-align:middle;}
#pic{background-image:url(img/worker.jpg); background-repeat:no-repeat; height: 221px; width:207px; background-position:right; float:right; margin-top:40px;}
#points {height:250px;border-bottom:#999999 1px  solid; margin-bottom:30px;}
#how {margin-bottom:30px;}
#how ul { display:inline; list-style:none;}
#how li { font: 25px/25px  Arial, Helvetica, sans-serif;color: #333; font-weight: normal;}
#img_1{background: url(img/how-frustration.png) no-repeat bottom center;}
#img_2{background: url(img/how-discover.png) no-repeat bottom center;}
#img_3{background: url(img/how-design.png) no-repeat bottom center;}
#img_4{background: url(img/how-awesome.png) no-repeat bottom center;}
#footer ul { display:inline; list-style:none;}
#footer li { font: 30px/30px  Arial, Helvetica, sans-serif; font-weight: normal;}
#go  {height:200px;width:460px;background-image: url(img/gobutton.gif) ;background-repeat:no-repeat;background-position: 0px -200px; margin-left:500px;}
#go:hover  {height:200px;width:460px;background-image: url(img/gobutton.gif) ;background-repeat:no-repeat;background-position: 0px  0px;}

#mail_pic { background-image:url(img/hello.png); background-repeat:no-repeat; width:239px; height:296px;}
#bord {background-color:#EFEFEF; width:540px; margin-top:30px; margin-left:20px; padding-bottom:15px;}
#bord_text {font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#333333; padding-left:20px; padding-top:20px;}
#left {width:400px;}
#form {background-color:#FFFFFF; width:510px; margin-left:15px;}
#form p {font:Arial, Helvetica, sans-serif; font-size:16px; color: #333333; margin-left:5px;}
#form input,textarea {margin-left:5px;background-color:#EFEFEF; border-top:2px #333333 solid; border:#ccc 1px solid; margin-bottom:10px;}