﻿@charset "UTF-8";
/* CSS Document */

body {
	background:#fff url(/images/bg_tile.png) repeat-x;
	color:#333;
	font:normal 95% "Segoe UI", "Myriad Pro", Arial, sans-serif;
	line-height:1.150em;
	margin:0px;
	padding:0px;
	text-align:center;
}

h1,h2,h3,h4,h5,h6,img,p,ul,li {
	margin:0px;
	padding:0px;
}

sup { font-weight:400; vertical-align: baseline; position: relative; top: -0.2em; color:#333; }
.clear { clear:both; }

#container {
	font-size:14px;
	margin:0 auto;
	padding:0px 30px;
	width:960px;
}

.header {
	background:url(/images/lavasoft_logo.png) top left no-repeat;
	height:75px; width:960px;
}

.main-splash {
	background:url(/images/main.png) no-repeat;
	height:378px;
	margin:20px auto 0 auto;
	padding:0px;
	width:960px;
    position:relative;
}

.main-splash h1 {
	font-size:45px; line-height:46px;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.main-splash h2 {
	font-size:20px;
	font-weight:400;
	margin-bottom:16px;
}

.main-splash h4 {
	font-weight:400;
	text-decoration:line-through;
	margin-bottom:9px;
}

.main-splash h5 {
	font-weight:400;
}

.splash-right {
	float:right;
	margin-top:40px;
	text-align:right;
	width:400px;
    padding-right:30px;
}

.splash-box {
	float:left;
	width:225px;
}

.splash-sale { position:absolute; height:100px; width:460px; top:250px; right:0px; }
.splash-sale h3 { float:left; display:block; padding:18px 20px 0 0; font-size:32px; }
.price { float:left; width:225px; text-align:center; display:block; }

.buy-now a, .buy-now2 a {
 outline: none;/* get rid of dotted borders in FireFox */
 text-indent: -5000px ;/* this move the text outside of the screen area */
 display:block;
 width:182px;
 margin:0 auto;
 height:50px;
 background: url("/images/buy_now.png") 0 0 no-repeat;
 }

.buy-now2 { padding-top:48px; padding-right:30px; }

/* -------- start 3 column -------- */

.three-col {
	padding:30px 0px 50px 0px;
	width:960px; font-size:12px; color:#777;
}

.three-col h2 {
	color:#333;
	font-size:18px;
	font-weight:400;
	margin-bottom:8px;
}

.col-left {
	float:left;
	margin-right:20px;
	text-align:center;
	width:310px;
}

.col-center {
	float:left;
	margin-right:20px;
	text-align:center;
	width:310px;
}

.col-right {
	float:right;
	text-align:center;
	width:300px;
}

/* -------- end 3 column -------- */



/* -------- start 2 column -------- */


.two-col {
	background:url(/images/box_toolbox_sml.png) top left no-repeat;
	margin:0 auto;
	padding-bottom:60px;
	width:960px;
}

.two-col h2 {
	font-size:30px;
	font-weight:400;
	text-transform:uppercase;
	margin-bottom:8px;
}

.two-col-left {
	float:left;
	text-align:left;
	margin:0px 10px 0px 170px;
	width:500px;
}

.two-col-right {
	float:right;
	text-align:left;
	width:220px;
}

.two-col-right h2 {
	color:#333;
}

.two-col-right img {
	padding:5px;
}

/* -------- end 2 column -------- */


/* -------- start 4 column -------- */

.four-col {
	background:url(/images/four_col_img.png) no-repeat;
	margin-bottom:10px;
	width:960px;
}

.four-col-one {
	float:left;
	margin:80px 10px 0px 10px;
	padding-bottom:50px;
	text-align:center;
	width:220px;
}

.four-col-two {
	float:right;
	margin:80px 0px 0px 0px;
	padding-bottom:50px;
	text-align:center;
	width:215px;
}

.four-col h3 {
	color:#0066cc;
	font-size:15px;
	font-weight:bold;
	margin-bottom:4px;
}
	
/* -------- end 4 column -------- */
.bottom-col {
	margin:0 auto;
	padding-top:10px;
	height:180px;
	width:400px;
    display:block; float:left;
}

.bottom-col h2 {
	color:#fff;
	font-size:22px;
	font-weight:400;
	margin-bottom:10px;
	text-transform:uppercase;
}

.bottom-left {
	font-size:11px;
	float:left;
	width:380px;
	text-align:left;
}

.bottom-left h5 {
	color:#f2f2f2;
	font-weight:400;
	font-size:12px;
	margin:8px 0px 2px 0px;
}

.req1 {
	float:left;
	line-height:normal;
	width:160px;
}

.req2 {
	float:left;
	line-height:normal;
	width:200px;
}

.bottom-right {
	background:url(/images/box_toolbox_sml.png) top left no-repeat;
	float:right;
	height:200px;
	width:500px;
	text-align:left;
}

.bottom-right-content {
	float:right;
	margin-right:4px;
	text-align:left;
	width:355px;
}

.screens {
	width:220px;
	float:left;
}

.bottom-footer {
	background:#222222;
	width:100%;
}

.footer-col {
	color:#CCC;
	margin:0 auto;
	padding-top:15px;
	height:200px;
	width:960px;
	text-align:right;
}

.copy {
	background:url(/images/lavasoft_mini.png) 0 14px no-repeat;
	font-size:12px;
	float:right;
	padding:10px 0px 0px 60px;
	text-align:left;
	width:220px;
}

.copy a {
	color:#CCC;
	text-decoration:underline;
}

.copy a:hover {
	color:#f90;
	text-decoration:underline;
}