/* 
	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;
	}


/* ----------------- 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.5em;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	color: #c9dbea;
	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: #00306e;
	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;
}

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

#wrapper {
	width: 1081px;
	margin-right: auto;
	margin-left: auto;
	background-color: #e8e8e8;
	overflow:hidden;
}
#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: #003366;
	background-image: url(images/bg-02.jpg);
	height: 264px;
}
#content-01 {
	padding-top: 25px;
}

#content-01 ul li {
	color: #f0f0f0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
	margin-top: 15px;
	list-style-position: inside;
	list-style-image: url(images/bullet-01.gif);
	font-weight: normal;
}

#middlebox {
	background-color: #e8e8e8;
	width: 784px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;	
}

#middlebox img {
	margin-top: 16px;
	xmargin-right: 30px;  /*a*/
	margin-bottom: 16px;
	float: left;
}
#content-02 {
	margin-top: 20px;	
}



#content-02 ul {
	list-style-image: url(images/bullet-02.gif);
}
#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;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #006699;
	margin-bottom: 16px;
	display: inline;
}
#col-02 {
	background-color: #b8d3f0;
	width: 247px;
	float: left;
	display: inline;
	height: 1110px;
	border-top-width: 27px;
	border-top-style: solid;
	border-top-color: #fff;
	overflow:hidden; /*a*/
	}
#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;
	background-image: url(images/bottombox-null-01.gif);
}
#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;
	overflow:hidden; /*a*/
}
#footer {
	width: 100%;
	background-color: #003366;
	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;
}
#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;
}



/* -----------------Trillium  ---------------- */


.hdrtxt { color:#FFFFFF; font-size:15px; line-height:18px;}
#midtxt { margin-top: 20px; margin-right:10px; margin-left:20px;/*a*/ padding:0; float:left; /*a*/ width:454px; /*a */ background-image: url(images/arrow.gif); background-repeat:no-repeat;}
	
#midtxt ul { list-style-image: url(images/bullet-02.gif);}
#midtxt ul li { font-size:1.3em; line-height:1.4em; margin-top: 10px; color: #333333; margin-left:35px;}

.midimage { float:left; width:230px; margin-left:10px; margin-right:0; padding:0;}
.bottomimage { margin-top:20px; margin-bottom:20px;}

#industry {width:204px;}