/****
version 1.0 Template.css
LAZ Landing Page
***/
body {
	background: #ccc url(../images/bg-body.png) repeat-x;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666;
	margin: 0;
	padding: 0;
}
/*** LINKS ****/
a {
	text-decoration: underline;
}
a:link {
	color: #004a90;
}
a:visited {
	color: #004a90;
}
a:active {
	color: #004a90;
}
a:hover {
	color: #C00 !important;
	text-decoration: underline;
}
hr{
	height: 1px;
	background-color: #ccc;
	color: #ccc;
	border: 0;
	margin: 0 0 16px 0;
}

/*** WRAPPER ***/
#wrapper {
	width: 977px;
	margin: 0 auto;
	padding: 0;
}
#wrapper-inner {
	padding: 0;
	margin: 0;
}


/*** HEADER ***/
#header {
	float: left;
	margin: 40px 0 20px;
	padding: 0 0 25px 0;
	background: url(../images/rainbow-bar.png) bottom center no-repeat;
	width: 977px;
}
	#header #logo {
		float: left;
		display: block;
	}
	#header ul {
		float: right;
		text-align: right;
		margin: 26px 12px 0 0;
		padding: 0;
		list-style: none;
		color: #999;
	}
	#header ul li {
		margin: 0;
		padding: 0 8px;
		display: inline;
		border-left: 1px solid;
		font-size: 12px;
		font-weight: bold;
	}
	#header ul li.first {
		border-left: 0;
	}
	#header ul li a {
		text-decoration: none;
	}
	
/*** MAINAREA ***/
#mainarea {
	clear: both;
	background: url(../images/curve-top.png) top left no-repeat;
	padding: 20px 0 0 0;
	margin: 0 12px;
	width: 953px;
}
	#mainarea #mainarea-inner {
		background: url(../images/content-middle.png) repeat-y;
		padding: 0;
		margin: 0;
		float: left;
		width: 953px;
	}
	#mainarea #curve-bottom {
		background: url(../images/curve-bottom.png) bottom left no-repeat;
		padding: 0;
		margin: 0;
		height: 20px;
		clear: both;
	}
	
	/* Left Column */
	#mainarea .leftcolumn {
		float: left;
		width: 639px;
		padding: 0 0 0 30px;
	}
		.leftcolumn h2 {
			color: #459f3d;
			font-size: 24px;
			line-height: 28px;
			margin: 0;
			padding: 0 0 20px;
			font-weight: normal;
		}
		.leftcolumn h1 {
			margin: 0;
			padding: 0 0 20px 0;
			font-weight: bold;
			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-size: 36px;
			color: #459f3d;
			line-height: 40px;
		}
		/* Box1 */
		.btn-free-trial {
			display: block;
			width: 206px;
			height: 48px;
			background: url(../images/free-trial.jpg) no-repeat;
			text-indent: -10000000px
		}
		.btn-free-trial:hover {
			background-position: 0 -48px;
		}
		
		/* Box 2 */
		#mainarea #box2 {
			background: #e7e8e8 url(../images/box2-top.png) top left no-repeat;
			padding: 20px 0 0 0;
			margin: 0 0 15px;
			font-size: 14px;
			line-height: 20px;
			color: #333;
		}
		#mainarea #box2-inner {
			background: #e7e8e8 url(../images/box2-bottom.png) bottom left no-repeat;
			padding: 0 25px 10px 25px;
		}
		#mainarea #box2 ul {
			margin: 5px 0 20px 15px;
		}
		#mainarea #box2 li {
			margin: 0 0 10px;
		}
		#mainarea h3{
			margin:0;
			padding:0;
			font-size:14px;
			color:#000;
		}
		
		/* Quote */
		#quote {
			background: url(../images/quote-middle.png) repeat-y;
			padding: 0;
			margin: 0 0 15px;
		}
		#quote-inner {
			background: url(../images/quote-top.png) top left no-repeat;
			padding: 25px 40px 5px 110px;
			margin: 0;
		}
		#quote-bottom {
			background: url(../images/quote-bottom.png) top left no-repeat;
			padding: 0;
			margin: 0;
			height: 20px;
		}
		
		/* NOTES */
		.notes {
			font-style: italic;
			padding: 10px 27px;
		}
		

	
	/* Right Column */
	#mainarea .rightcolumn {
		float: right;
		width: 206px;
		padding: 0 19px 0 0;
		margin: 0;
	}
		.rightcolumn a {
			color: #1d73be;
		}
		.rightcolumn .shout {
			border-top: 1px solid #bbb;
			padding: 25px 0 0; 
			margin: 25px 0 0;
		}
		.rightcolumn #contact{
			border-top: 0;
			padding: 0; 
			margin: 0;
		}
		.rightcolumn h2 {
			margin: 0;
			padding: 0 0 10px;
			font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-size: 14px;
			line-height: 20px;
			text-transform: uppercase;
			font-weight: bold;
		}
		.rightcolumn #video, .rightcolumn #video h2, .rightcolumn #freeSamples, .rightcolumn #freeSamples h2 {
			color: #ba124d
		}
		.rightcolumn #whats-new, .rightcolumn #whats-new h2 {
			color: #d87233
		}
		.rightcolumn #social, .rightcolumn #social h2 {
			color: #004990
		}
		.rightcolumn #awards, .rightcolumn #awards h2 {
			color: #00a199
		}
		.rightcolumn #social ul, .rightcolumn #awards ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.rightcolumn #social ul li, .rightcolumn #awards ul li {
			margin: 0;
			padding: 0 10px 0 0;
			display: inline;
		}
		.rightcolumn #contact h2 {
			color: #41993A
		}
		.learnMore, .readMoreYellow, .readMorePink, .readMoreRed{
	background: url(../images/arrow-bt.png) right 4px no-repeat;
	display:block;
	text-align:right;
	text-decoration:none;
	padding: 0 18px 0 0;
}
a.readMoreYellow{
	background: url(../images/arrow-bt-yellow.png) right 4px no-repeat;
	color:#d87233;
}
a.readMorePink{
	background: url(../images/arrow-bt-pink.png) right 4px no-repeat;
	color: #ae0d48;
}
a.readMoreRed{
	background: url(../images/arrow-bt-red.png) right 4px no-repeat;
	color: #8f2000;
}
		
/*** FOOTER ***/
#footer {
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
	#footer-inner {
		padding: 10px 43px;
		margin: 0;
	}

/* ----- Misc ------ */
.save{
	position:absolute;
	top:460px;
	margin-left:-10px;
}



.buttonSm {
    background: url(../images/button-sm.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    margin: 10px 0 0 0;
    padding: 1px 0 0 14px;
    text-align: left;
    text-decoration: none;
    width: 124px;
}
.buttonSm:hover {
	background-position: 0 -25px;
	color: #FFF !important;
	text-decoration: none !important;
}
.buttonSm2 {
    background: url(../images/button-sm2.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    margin: 10px 0 0 0;
    padding: 1px 0 0 14px;
    text-align: left;
    text-decoration: none;
    width: 146px;
}
.buttonSm2:hover {
	background-position: 0 -25px;
	color: #FFF !important;
	text-decoration: none !important;
}
.header2{font-weight:bold;font-size:16px; margin:0 0 10px 0; padding:0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;display:block; text-decoration:none;}
a#samples, a#trial{
	padding-top: 5px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
a#samples, a#trial {display:block; text-decoration:none;}
a#trial{ color: #ae0d48; }
a#samples{ color:#d87233; }
a#samples:hover{color:#9d3d02;}
a#trial:hover{color:#6d0128;}
.readMoreYellow, .readMorePink, .readMoreRed, .readMoreGreen{
	background: url(../images/arrow-bt.png) right 4px no-repeat;
	display:block;
	text-align:right;
	font-size:11px;
	text-decoration:none;
	padding: 0 18px 0 0;
}
.readMoreYellow{
	background: url(../images/arrow-bt-yellow.png) right 4px no-repeat;
	color:#d87233;
}
.readMorePink{
	background: url(../images/arrow-bt-pink.png) right 4px no-repeat;
	color: #ae0d48;
}
.readMoreRed{
	background: url(../images/arrow-bt-red.png) right 4px no-repeat;
	color: #8f2000;
}
.readMoreGreen{
	background: url(../images/arrow-bt-green.png) right 4px no-repeat;
	color: #015c19;
}
.formErrors {
	background: #FFFF66;
	border: 2px dashed #800000;
	padding: 5px 15px;
	color: #333;
	margin:20px auto 0;
	font-weight:normal;
	font-size:12px;
	width: 380px;
	text-align: center;
}
.formErrors ul { list-style: none; margin: 0; padding: 0; text-align: left; }
.formErrors ul li { text-align: left;}
.success {
	background: #CCFFCC;
	border: 2px dashed #006600;
	padding:8px 10px;
	color: #333;
	margin:20px auto;
	font-size:12px;
	text-align:center;
	width:335px;
	line-height:14px;
}
.success h1 { color: #000;
    font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 0 0 10px;
}

#products {
	margin-left: -10px;
}
#products .prodInfo {
	float: left; 
	width: 289px;
	margin: 0 0 30px 10px;
}
.leftcolumn #products .prodInfo h2 {
	color: #0D3880 ;
	margin-bottom: 0 ;
	padding: 0 0 5px 0;
	font-size: 20px;
	font-weight: bold;
	white-space:nowrap;
}

#products3Col {
	margin-left: -20px;
}
#products3Col .prodInfo {
	float: left; 
	width: 183px;
	margin: 0 0 30px 20px;
}
#products1Col .prodInfo {
	float: none; 
	width: 400px;
	margin: 0 0 30px 0px;
}
.leftcolumn #products3Col .prodInfo h2, .leftcolumn #products1Col .prodInfo h2 {
	color: #0D3880 ;
	margin-bottom: 0 ;
	padding: 0 0 5px 0;
	font-size: 20px;
	font-weight: bold;
	white-space:nowrap;
}
.prodInfo h2.pink{color:#b20e4a !important;}
.prodInfo h2.orange{color:#e87500 !important;}
.prodInfo h2.yellow{color:#f4b92d !important;}
.prodInfo h2.green{color:#58b050 !important;}
.prodInfo h2.teal{color:#3ac6bc !important;}
.prodInfo h2.blue{color:#2e71d3 !important;}

#products .divider {
	clear: both;
	border-top: 1px solid #BEC0C0;
	border-bottom: 1px solid #FFF;
	margin: 0 5px 30px 20px;
}
		.buttonMd {
    background: url(../images/button-md.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: block;
    font-size: 17px;
    height: 32px;
    line-height: 30px;
    margin: 10px 0 0 0;
    padding: 3px 0 0 14px;
    text-align: left;
    text-decoration: none;
    width: 166px;
}
.buttonMd-orange{background: url(../images/button-md-orange.png) no-repeat scroll 0 0 transparent;}
.buttonMd-yellow{background: url(../images/button-md-yellow.png) no-repeat scroll 0 0 transparent;}
.buttonMd-green{background: url(../images/button-md-green.png) no-repeat scroll 0 0 transparent;}
.buttonMd-teal{background: url(../images/button-md-teal.png) no-repeat scroll 0 0 transparent;}
.buttonMd-blue{background: url(../images/button-md-blue.png) no-repeat scroll 0 0 transparent;}
.buttonMd:hover {
	background-position: 0 -35px;
	color: #FFF !important;
	text-decoration: none !important;
}
.clear{clear:both;}


.divider { height: 1px; margin: 0 0 20px; padding: 0; background: #CCC; border-bottom: 1px solid #FFF; }
		.video { box-shadow: 3px 3px 5px #CCC; border: 20px solid #FFF; border-radius: 5px; }
		.archives { position: relative; margin: 0 0 30px -20px; width: 660px; overflow: auto; }
			.archives h2 { margin-left: 20px; }
			.archives a { display: block; width: 200px;  margin: 0 0 20px 20px; float: left; text-decoration: none; }
			.archives a img { margin: 0; padding: 0; }
			.archives a strong { display: block; padding: 5px 0; font-size: 17px; font-weight: bold; }
			.archives a:hover {}