/*
 * Pretty landing page styles
 */


@charset "utf-8";


h2.signature {
	color:#666666;
	font-family:georgia,sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:lighter;
	margin: 0 0 5px;
}
h3.signature {
	color:#999999;
	font-family:georgia,sans-serif;
	font-size:14px;
	font-weight:bold;
	margin: 0 0 5px;
}


.float-right, floatright {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
.float-left, .floatleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
clear {
	clear: both;
}
clear-left {
	clear: left;
}
clear-right {
	clear: right;
}

.dropcap {
	font-size: 3em;
	font-family: "Times New Roman", Times, serif;
	float: left;
	line-height: 0.8em;
	padding-right: 2px;
}

.caption {
	font-size: 0.8em;
	font-style: italic;
}


/* Johnsonboxes */


/* NEW JB STYLE -- USE THIS FROM NOW ON */

.jb {
	margin:20px auto;
	padding:5px 20px;
	width:80%;
}
.jb h3 {
	color:#880038;
}
.jb.jb-red {
	background-color:#F5F5F5;
	border:3px dashed #880038;
}
.jb.jb-red {
	background-color:#F5F5F5;
	border:3px dashed #880038;
}
.jb.jb-yellow {
	background-color:#FF9;
	border: 2px solid #C00;
}
.jb.jb-lightblue {
	background-color:#F6F6F6;
	border: thick solid lightblue;
}




.jb-graphical h1
{
	margin: 5px 0 10px;
}

.jb-graphical h2
{
	margin: 5px 0 10px;
}

.jb-graphical h3
{
	margin: 5px 0 10px;
}

.jb-graphical
{
	width: 471px;
	margin: 20px auto;
	background-image: url(images/jb-graphical-grey-bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.jb-graphical .jb-header
{
	height: 44px;
	background-image: url(images/jb-graphical-grey-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.jb-graphical .jb-footer
{
	height: 47px;
	background-image: url(images/jb-graphical-grey-footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.jb-graphical .jb-inner
{
	padding: 10px 20px;
}



.jb-graphical.grey 
{
	background-image: url(images/jb-graphical-grey-bg.jpg);
}
.jb-graphical.grey .jb-header
{
	background-image: url(images/jb-graphical-grey-header.jpg);
}
.jb-graphical.grey .jb-footer
{
	background-image: url(images/jb-graphical-grey-footer.jpg);
}



.jb-graphical.blue
{
	width: 475px;
	background-image: url(images/jb-graphical-blue-bg.jpg);
}
.jb-graphical.blue .jb-header
{
	height: 34px;
	background-image: url(images/jb-graphical-blue-header.jpg);
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
	font-weight: bold;
	padding: 16px 20px 0;
}
.jb-graphical.blue .jb-footer
{
	height: 50px;
	background-image: url(images/jb-graphical-blue-footer.jpg);
}
.jb-graphical.blue .jb-inner
{
	padding: 10px 20px;
}

.jb-graphical.blue-2
{
}
.jb-graphical.blue-2 .jb-header
{
	background-image: url(images/jb-graphical-blue-header-2.jpg);
}

.jb-graphical.blue-2 .jb-footer
{
	background-image: url(images/jb-graphical-blue-footer-2.jpg);
}


.jb-graphical.red
{
	width: 475px;
	background-image: url(images/jb-graphical-red-bg.jpg);
}
.jb-graphical.red .jb-header
{
	height: 34px;
	background-image: url(images/jb-graphical-red-header.jpg);
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
	font-weight: bold;
	padding: 16px 20px 0;
}

.jb-graphical.red .jb-footer
{
	height: 50px;
	background-image: url(images/jb-graphical-red-footer.jpg);
}

.jb-graphical.red-2
{
}
.jb-graphical.red-2 .jb-header
{
	background-image: url(images/jb-graphical-red-header-2.jpg);
}

.jb-graphical.red-2 .jb-footer
{
	background-image: url(images/jb-graphical-red-footer-2.jpg);
}



.jb-graphical.lightblue
{
	width: 502px;
	background-image: url(images/jb-graphical-lightblue-bg.jpg);
}
.jb-graphical.lightblue .jb-header
{
	height: 32px;
	background-image: url(images/jb-graphical-lightblue-header.jpg);
}

.jb-graphical.lightblue .jb-footer
{
	height: 42px;
	background-image: url(images/jb-graphical-lightblue-footer.jpg);
}


.jb-warning, .jb-warning-large {
	border: 2px dashed #000000;
	background-image: url(images/warning.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	width: 440px;
	margin: 1em auto;
	padding: 10px 10px 10px 60px;
	font-size: 0.9em;
}
.jb-warning-large {
	border: 5px dashed #000000;
	background-image: url(images/warning-large.png);
	padding: 10px 10px 10px 140px;
	width: 370px;
}


.comparison-table {

}
.comparison-table .highlighted-column {
	background-color: #eeeeee;
	font-weight: bold;
}
.comparison-table tr {
	border-bottom: 1px solid #cccccc;
}
.comparison-table th {
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
}

.comparison-table td {
	padding: 3px;
}

.jb-graphical.testimonial-style
{
	width: 491px;
	background-image: url(images/jb-graphical-testimonial-bg.jpg);
}
.jb-graphical.testimonial-style .jb-header
{
	height: 80px;
	background-image: url(images/jb-graphical-testimonial-header.jpg);
}

.jb-graphical.testimonial-style .jb-footer
{
	height: 18px;
	background-image: url(images/jb-graphical-testimonial-footer.jpg);
}