<html>
<head>
	<meta charset="utf-8">
	<title>Солнечные панели</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
	<style type="text/css">
		body {
			margin:0;
			padding:0;
			font:13px normal 'Myriad Pro';
		}
		.wrapper {background: #f2f2f2 url('head-bg.png');}
		.header {width:900px;margin:0 auto 20px;position: relative;padding:25px 0 25px;border-bottom:1px solid #ccc;}
		.header h1 {font-weight: normal; font-size: 26px;width:500px;font-family: 'PT Sans Narrow', sans-serif;}
		.header h1 span {color:#3d8364;font-size: 30px}
		.phones {position:absolute;right:0; top:36px;font-size:16px;}
		.phones span {color:#3d8364;font-size:30px;}

		.offer {clear:both;width:900px;margin:auto;padding:5px 0 20px;}
		.offer h2 {font-family: 'PT Sans Narrow', sans-serif;font-size: 23px; text-transform: uppercase;font-weight: normal;}

		.main-content {width:900px;margin:auto;}
		.vizualization {width:500px;float:left;margin-right: 10px;margin-bottom: 20px;}

		.form {float:right;width:300px;height:393px;background: url('bg-form.png');}
		.form-inner {width: 260px;margin: 0 auto;padding: 20px 0 20px 0px;color: #f9f9f9;text-shadow: #444 1px 1px 0px;font-size: 12px;}
		.form-inner h3 {font-size: 19px;color:#fff;text-transform: uppercase;margin-bottom: 20px}
		.form-inner input[type="text"] {background: #fff;width: 250px;height: 35px;margin: 0 0 8px 0;padding: 0 0 0 10px;color: #494949;text-align: left;border: 0;float: left;-moz-border-radius: 3px;border-radius: 3px;}
		.form-inner input[type="submit"] {background: url('button.png') no-repeat;color: #2a7b50;font-family: "Helvetica Neue";font-size: 12px;font-weight: bold;width: 125px;height: 32px;margin: 10px 0;padding: 0;text-align: center;border: 0;float: left;text-shadow: #fff 1px 0px 1px;cursor: pointer;}
		.form-inner form {margin-bottom: 10px;overflow: hidden;}
		.form-inner p, .form-inner li {font-size: 15px}
		.boxes {clear:both;}
		.box {width:254px;display: inline;float: left;margin-left: 20px;background: #fff;border: 1px solid #e6e6e6;padding: 20px 15px 20px 15px;-moz-box-shadow: 0px 3px 2px #d6d6d6;-webkit-box-shadow: 0px 3px 2px #d6d6d6;box-shadow: 0px 3px 2px #d6d6d6;}
		.box:first-child {margin-left:0;}
		.box h3 {font-size: 22px;font-weight: bold;text-transform: uppercase;color: #333333;font-weight: normal;font-family: 'PT Sans Narrow', sans-serif;}
		.box p {font-family: "Helvetica Neue";font-size: 12px;color: #6d6d6d;}
		.box hr {border: 0px #e8e8e8 solid;border-top-width: 1px;border-bottom-width: 1px;border-bottom-color: #fff;clear: both;height: 0;margin: -5px 0 0 0;padding: 0 0 15px 0;}
		.boxes h2 {font-family: 'PT Sans Narrow', sans-serif;font-size: 23px; text-transform: uppercase;font-weight: normal;}
	</style>	
</head>
<body>
	<div class="wrapper"> 
		<header class="header">			
			<h1><span>Sun Power</span><br>Солнечные панели (батареи). Продажа, консультирование и монтаж по всей Беларуси.</h1>			
			<div class="phones">
				Проблемы с выбором?<br> Звоните. Поможем!<br>
				<span>+375 (29) 530-70-70</span>
			</div>			
		</header>
		<div class="offer">
			<h2>Оставьте заявку сейчас и получите аудит и расчет стоимости в 3-ех вариантах бесплатно!</h2>
			<!-- Установив солнечные батареии вы получите: бесплатную электрическую энергию, бесплатное горячее водоснабжение, бесплатное отопление. -->
		</div>
		<div class="main-content">
			<div class="vizualization">
				<img src="solar-panels1.jpg" width="590px" alt=""/>
				<!-- <img src="solar-panels2.jpg" height="250px" alt=""/> -->
			</div>
			<div class="form">
				<div class="form-inner">
					<h3>Заполните форму, чтобы получить бесплатный расчет стоимости</h3>					
					 
					<form action="index.php" method="post">
						<input type="text" name="name" id="name" class="inputbg" onfocus="if (this.value == 'Ваше имя') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Ваше имя';}" value="Ваше имя">
						<input type="text" class="inputbg" id="phone" name="phone" onfocus="if (this.value == 'Ваш телефон') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Ваш телефон';}" value="Ваш телефон">
						<input type="submit" value="Получить расчет"/>
					</form>
										<p style="clear:both;">Установив солнечные батареи у себя дома вы получаете:</p> 
					<ul>
						<li>бесплатное электричество</li> 
						<li>бесплатное горячее водоснабжение</li>
						<li>бесплатное отопление.</li>
					</ul>
				</div>				
				
			</div>
			<div class="boxes">				
				<!-- <div class="box">
					<h3>Бесплатное электричество</h3>
					<hr>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
				</div>
				<div class="box">
					<h3>Бесплатную горячую воду</h3>
					<hr>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
				</div>
				<div class="box">
					<h3>Бесплатное отопление</h3>
					<hr>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
				</div> -->
			</div>
		</div>
	</div>
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-26517816-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>