* { margin: 0; padding: 0; }

body { padding: 0 0 200px; background: url(images/fabric-bg.png) top center repeat; font-size: .875em; line-height: 1.471em; font-family: 'Lato', arial, helvetica, sans-serif; color: #3B3B3B; }
a { color: #fff; text-decoration: none; }
ul { list-style-type: none; }
.clear { clear: both; }

#header { width: 100%; height: 88px; background: url(images/body-background.jpg) top center repeat-x; position: fixed; top: 0; }
#header .container { margin: 0 auto; padding: 17px 32px 0;  width: 960px; }
#header .logo { width: 200px; height: 78px; background: url(images/rs-logo6.png) no-repeat left top; display: block; text-indent: -9999px; float: left; }
#header .nav { margin: 15px 0 0; width: auto; float: right; }
#header .nav li { margin: 0 20px; float: left; }
#header .nav li a { font-family: 'Lato', sans-serif; font-size: 1.143em; }
#header .nav li a:hover { color: #e9e9e9; }

#wrapper { margin: 0 auto; padding: 180px 32px 0; width: 960px; }

#intro-blocks { margin: 0 0 500px; padding: 287px 0 0; background: url(images/products.png) no-repeat center top; }
#intro-blocks .container { background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.5); }
#intro-blocks .box { padding: 30px 20px 0; width: 280px; height: 330px; display: block; float: left; text-align: center; }
#intro-blocks .box .image { margin: 20px 0 0; height: 160px; background: url(images/home-imgs.jpg) no-repeat 0 0; }
#intro-blocks .box.second .image { background-position: 0 -160px; }
#intro-blocks .box.third .image { background-position: 0 -320px; }
#intro-blocks .box.third { margin-right: 0; }
#intro-blocks .box h3 { margin: 0 0 10px; font-size: 1.45em; font-style: normal; font-weight: 700; font-family: 'Lato', sans-serif;  }
#intro-blocks .box p { margin: 0 0 20px; }
#intro-blocks .box a { color: #EA3724; }
#intro-blocks .box a:hover { color: #363838; }
#intro-blocks .box a.button { padding: 0 25px;  height: 40px; background: #EA3724; border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 1.143em; line-height: 40px; }
#intro-blocks .box a.button:hover { background: #363838; }

#products { margin: 0 0 500px; padding: 190px 0 0; }
#products .block { padding: 40px 50px 50px; width: 375px; height: 413px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.5); float: left; }
#products .block p { margin: 0 0 20px; }
#products .block h3 { margin: 0 0 20px; }
#products a.button { padding: 0 25px;  height: 40px; background: #EA3724; border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 1.143em; line-height: 40px; display: block; text-align: center; }
#products a.button:hover { background: #363838; }
#products .expert-office a.logo { margin: 0 0 30px; width: 400px; height: 77px;  background: url(images/expertOffice-logo.png) no-repeat left top; background-size: 375px auto;  display: block; text-indent: -9999px; }
#products .drackula a.logo { margin: 0 0 30px; width: 400px; height: 77px;  background: url(images/drackula-logo.png) no-repeat left top; background-size: 375px auto;  display: block; text-indent: -9999px; }
#products .block.drackula { float: right; }

#about { padding: 190px 0 0; }
#about .container { padding: 40px 50px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.5); }
#about h2 { margin: 0 0 20px; font-size: 2em; font-style: normal; font-weight: 700; color: #EA3724; line-height: normal; }
#about .our-story { margin: 0 0 30px; padding: 0 370px 10px 0; border-bottom: 1px solid #e9e9e9; background: url(images/about-us-story-img.png) no-repeat right 85px; }
#about .our-story .intro { margin: 0 0 20px; font-size: 1.3em; line-height: normal; }
#about .our-story p { margin: 0 0 20px; }
#about .box { margin: 0 25px 0 0; padding: 10px 0; width: 270px; height: auto; display: block; float: left; }
#about .box h3 { margin: 0 0 20px; font-size: 1.45em; font-style: normal; font-weight: 700; font-family: 'Lato', sans-serif;  }
#about .box p { margin: 0 0 20px; }
#about .box a { color: #EA3724; }
#about .box.third { margin-right: 0; }
#about .tags span { margin: 2px 1px; padding: 4px 6px; background: #f1f1f1; border: 1px solid #e9e9e9; display: inline-block; border-radius: 2px; }
#about .bottom { margin: 0; padding: 30px 0 0; border-top: 1px solid #e9e9e9; }
#about .bottom .first { float: left; width: 50%; }
#about .bottom .last { float: right; width: 50%; }
#about .bottom h3 { margin: 0 0 5px; }

#privacy .container, 
#terms .container { padding: 40px 50px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,.5); }

#privacy h1, #privacy h2, #privacy h3, #privacy h4, #privacy h5,
#terms h1, #terms h2, #terms h3, #terms h4, #terms h5 { margin: 10px 0 15px; }
#privacy p, #terms p { margin: 0 0 13px; }
#privacy ul, #terms ul { list-style: outside disc; margin: 0 0 0 30px; }
#privacy ol, #terms ol { list-style: outside decimal; margin: 0 0 0 30px; }
#privacy li, #terms li { margin: 0 0 10px; }
#privacy a { color: #EA3724; text-decoration: none; }
#privacy a:hover { text-decoration: underline; }

#footer {
	position: fixed;
	bottom: 0;
	height: 20px;
	line-height: 20px;
	background: #2C2D2D;
	color: #666;
	width: 100%;
	font-size: 11px;
	overflow: hidden;
}
	#footer ul {
		width: 960px;
		margin: 0 auto;
	}
		#footer ul li {
			display: inline-block;
			margin: 0 20px 0 0;
		}
			#footer ul .copy {
				float: right;
			}
			#footer ul li a {
				color: #999;
			}
