/* 
	Theme Name: Harte-Hanks Trillium Report
	Author URI: http://www.mindfire.com
	Version: 1.0
	Revision: 2008/08/20
	Description: This theme is designed specifically for Harte-Hanks Trillium Software.
	(c)2008 Mindfire Interactive
*/

@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	background-color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
    line-height: 1.5em;
	color: #333;
	}

a:link, a:visited {color:#e37d32;}
a:hover, a:active {color:#e76b0f;}

/* ----------------- Extra Settings ---------------- */
* {
	margin:0;
	padding:0;
}
.l {
	float:left;
}
.r {
	float:right;
}
.cr {
	clear:right;
}
.cl {
	clear:left;
}
.cb {
	clear:both;
}
.c {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
img {
border:0;
}
p {
	font-size:1.3em;
	line-height:1.3em;
	padding-bottom:1em;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: 700;
	color: #c9eae6;
	font-weight: normal;
	padding-bottom: 10px;
	line-height: 1.3em;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	color: #00467c;
	font-weight: normal;
	line-height: 1.2em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #006f7c;
	font-weight: normal;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height:1.6em;
	color: #5885A3;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 10px;
}
.indent-40 {margin-left:42px;}

/* ----------------- Content ---------------- */

#wrapper {
	width: 1081px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	padding:0;
	background-color: #FFFFFF;
	overflow:hidden;
}

.column {
margin-bottom:-20000px;
padding-bottom:20001px;
}

#col-01 {
	background-color: #e8e8e8;
	width: 784px;
	float: left;
	display: inline;
}
#header {
	background-color: #fff;
	background-image: url(../images/bg-01.gif);
	background-repeat: repeat-x;
	width: 784px;
	margin: 0px;
}
#header img {}

#topbox {
	width: 784px;
	background-color: #006f7c;
	background-image: url(../images/bg-02.jpg);
	height: 264px;
}
#left {float:left; width:240px;}
#right {float: left; width:466px;}

#content-01 {
	padding-top: 45px;
	padding-right:70px;
}

#content-01 ul {margin-left:320px;}

#content-01 ul li {
	color: #f0f0f0;
	font-size: 1.4em;
	margin-top: 6px;
	list-style:none;
	list-style-position: inside;
	font-weight: normal;
}
#middlebox {
	background-color: #e8e8e8;
	xwidth: 744px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	padding-left: 30px;
}
#middlebox img {
	margin-top: 16px;
	xmargin-right: 30px;
	margin-bottom: 16px;
	float: left;
	display: inline;
}
#content-02 {
	margin-left:20px;
	float:left;
}
#content-02 ul {
	list-style-image: url(../images/bullet-02.gif);
	margin-left:42px;
}
#content-02 ul li {
	font-size:1.3em;
	line-height:1.4em;
	margin-top: 10px;
	color: #333333;
}
#bottombox {
	background-color: #e8e8e8;
	width: 724px;
	height: 220px;
	padding-left: 30px;
	padding-right: 30px;
}
#bottombox img {
float:left;
display: inline;
	margin-left: 30px;
}
#quotebox {
	width: 230px;
	float: left;
	color: #666;
	margin-bottom: 16px;
	display: inline;
}
#col-02 {
	background-color: #b8e9f0;
	width: 247px;
	float: left;
	display: inline;
	border-top-width: 27px;
	border-top-style: solid;
	border-top-color: #fff;
	}
#col-02 img {
	margin-bottom: 46px;
	margin-top: 18px;
}
#col-02 h3 {
	margin-right: 20px;
	margin-left: 20px;
}
#col-02 p {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 1.4em;
	line-height: 1.3em;
}
#form {
	padding-right: 20px;
	padding-left: 20px;
}
#col-03 {
	background-color: #e8e8e8;
	float: left;
	display: inline;
	width: 50px;
}
#topbox-null {
	height: 128px;
	background-image: url(../images/bg-01.gif);
	background-repeat: repeat-x;
}
#middlebox-null {
	background-image: url(../images/bg-02.jpg);
	height: 264px;
}
#bottombox-null {
	background-color: #e8e8e8;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #fff;
}
#footer {
	width: 100%;
	background-color: #005c66;
	clear: both;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #fff;
	border-bottom-width: 50px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-top:6px;
	height:20px;
}
#footer p {
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer a visited {
	color: #fff;
}
.formbox {
	padding-bottom: 10px;
	width: 200px;
}
.formbox input {
	width: 200px;
	height: 18px;
}