﻿* {margin:0; padding:0;}

body, html {background:#fff url('./i/background.jpg') top center no-repeat; font:normal 16px 'Arial'; color:#00042c; line-height:25px;}

#wrapper {width:990px; margin:0 auto; padding:0 17px;}

.header {height:700px; background:url('./i/header.png') 0 0 no-repeat; padding:136px 43px 0 478px;}
.header span {display:block; color:#332772; background:#fff; margin-bottom:4px; float:left; padding:0 4px;}

/* styles */

/* elements */
.b1 {padding:45px 0 40px 0;}

.b2 h3 {font:bold 22px 'Arial'; font-style:italic; padding-bottom:26px;}

.b3 {padding:36px 0 0 0;}

.b4 {background:url('./i/b4.jpg') 0 0 no-repeat; padding:13px 0 0 0; margin-top:40px;}
.b4 h3 {font:normal 24px 'Arial'; padding:0 0 19px 369px;}
.b4 ul {padding:0 0 38px 335px;}
.b4 ul li {list-style:none; background:url('./i/b4.gif') 0 4px no-repeat; padding-left:34px; margin-bottom:25px;}
.b4 .column {overflow:hidden;}
.b4 .left {float:left; width:490px;}
.b4 .right {float:right; width:460px;}

.b5 {background:url('./i/b5.jpg') 0 0 no-repeat; padding:13px 0 0 0; margin-top:40px;}
.b5 h3 {font:normal 18px 'Arial'; padding:0 0 19px 369px;}
.b5 ul li {list-style:none; background:url('./i/b4.gif') 0 4px no-repeat; padding-left:34px; margin-bottom:25px;}
.b5 .column {overflow:hidden; padding:0 0 0 335px;}
.b5 .list1 {float:left; width:300px;}
.b5 .list2 {float:right; width:300px;}
.b5 .quest {line-height:32px; padding-top:30px;}
.b5 .quest span {font-size:42px;}

.b6 {padding-top:20px;}

.b7 {background:url('./i/b7.jpg') 0 0 no-repeat; padding:13px 0 0 0; margin-top:40px;}
.b7 h3 {font:normal 24px 'Arial'; padding:0 0 19px 369px;}
.b7 ul {padding:0 0 38px 335px;}
.b7 ul li {list-style:none; background:url('./i/b4.gif') 0 4px no-repeat; padding-left:34px; margin-bottom:25px;}
.b7 .column {overflow:hidden;}
.b7 .left {float:left; width:490px;}
.b7 .right {float:right; width:460px;}

.b8 {background:url('./i/b8.jpg') 0 0 no-repeat; padding:13px 0 60px 369px; margin-top:40px;}
.b8 p {margin-bottom:20px;}
.b8 .column {overflow:hidden;}
.b8 .left {float:left; width:490px;}
.b8 .right {float:right; width:460px;}

.b9 h3 {font:normal 24px 'Arial'; font-style:italic; color:#fd6019; padding:0 0 20px 0;}
.b9 .column {overflow:hidden; line-height:34px;}
.b9 .column .left {float:left; width:369px;}
.b9 .column .left .price {font-size:24px; color:#ff0000;}
.b9 .column .right {float:left; font-size:24px;}

.b10 {padding:20px 0 20px 0;}

.b11 .line {line-height:36px;}
.b11 h3 {font:normal 24px 'Arial'; font-style:italic; padding:10px 0 20px 0;}
.b11 h4 {font:normal 24px 'Arial'; font-style:italic; padding:20px 0 20px 0;}
.b11 h5 {font:normal 32px 'Arial'; padding:10px 0 20px 0;}

.b12 {padding:0 0 30px 0;}
.b12 h3 {font:bold 26px 'Arial'; font-style:italic; padding:10px 0 40px 0;}
.b12 .line {line-height:42px;}

/* tags */
.c1 {color:#fd6019;}

.quote {text-align:right; font-style:italic; background:url('./i/quote.gif') top right no-repeat; padding-top:6px; margin-top:14px;}

.button {height:89px; padding:10px 0 10px 310px;}
.button a {display:block; float:left; width:383px; height:89px; background:url('./i/button.png') top left no-repeat; text-indent:-2999px;}
.button a:hover {background-position:bottom left;}