/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

body {
	font-family:  Georgia, Helvetica, sans-serif;
	font-size: 10px;
	cursor: auto;
	color: #ffffff;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #999999;
	scrollbar-highlight-color: #4C4C4C;
	margin: 0px;
	background-color: #000000;
}


#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 918px;
}



#left-column {
	background: url(images/free/whatwedo_bg.gif) no-repeat;
	width: 297px;
	float: left;
}

#middle-column {
	background: url(images/free/whenyousubscribe_bg.gif) no-repeat;
	width: 297px;
	float: left;
	margin-left: 10px;
}

#right-column {
	background: url(images/free/nowisthetime_bg.gif) no-repeat;
	width: 297px;
	float: left;
	margin-left: 10px;
}

.top-column-content {
	margin-top: 5px;
	margin-left: 7px;
	margin-right: 7px;
	font-size: 16px;
	line-height: 150%;
}

#middle-content{
	clear: both; 
	margin-top: 30px;
	#margin-top: 40px;
}

.columns {
	margin-left: 5px;
	width: 177px;
	}

.column1 {
	background: url(images/free/content_bg.jpg) no-repeat;
	float: left;
	width: 177px;
}

.column2 {
	background: url(images/free/content_bg.jpg) no-repeat;
	float: left;
}

.column3 {
	background: url(images/free/content_bg.jpg) no-repeat;
	float: left;
}

.column4 {
	background: url(images/free/content_bg.jpg) no-repeat;
	float: left;
}

.column5 {
	background: url(images/free/content_bg.jpg) no-repeat;
	float: left;
}

.column-content {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	font-size: 11px;
	line-height: 150%;
}

#footer {
	margin-top: 15px;
	float: left;
}

.footer-left {
	float: left;
	width: 200px;
}

.footer-right {
	float: right;
}

#second-column-left {
	width:710px;
	padding:0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	background-image: url(images/free/second_bg2.gif);
	background-repeat: repeat-y;
}
	
#second-column-right {
	width:197px;
	padding:0px;
	margin: 0px;
	float:left;
}

.second-column-left-copy {
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 130%;
}

.second-column-left-copy-text {
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 150%;
}

.second-column-right-copy {
	margin-left: 0px;
	padding-top: 10px;
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 150%;
	min-height: 300px;
}

.spacer {
	margin-top: 5px;
	margin-bottom: 5px;
}


.spacer2 {
	margin-left: -8px;
}

.moodboard-dots {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	background-image: url(images/free/horizontal_line.gif);
	background-repeat: repeat-x;
}


.moodboard-dots-right {
	width: 100%;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 3px;
	background-image: url(images/free/horizontal_line.gif);
	background-repeat: repeat-x;
}


A:Link {
	color: #ffffff; 
	text-decoration: none;	
}

A:Visited { 
	color: #999999; 
	text-decoration: none;	
}
A:Hover  {
	color : #ffffff; 
	text-decoration: underline;	
 }

.thumbnails {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 5px;
	padding: 4px;
	border: 1px solid #FFFFFF;
}

.free-page-header-text {
	margin-left: 8px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 14px;
}

.highlight-text  {
	font-size: 18px;
}

.about-us-images {
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}

#form-wrapper {
	width: 350px;
}

input {
	margin-left: 0px;
}

.form-column-1 {
	margin-left: 60px;
	width: 177px;
	height: 50px;
}

.form-column-1b {
	margin-left: 20px;
	width: 350px;
	height: 50px;
}

.form-column-1c {
	margin-left: 60px;
	width: 350px;
	height: 50px;
}

.form-column-1d {
	margin-left: 60px;
	width: 340px;
	height: 50px;
}

.form-column-1e {	
	margin-left: 20px;
	width: 340px;
	height: 25px;
}

.form-column-1f {
	margin-left: 20px;
	width: 440px;
	height: 50px;
}

.form-column-2 {
	margin-left: 255px;
	width: 177px;
	height: 50px;
	margin-top: -50px;
	float: left;
}

#form-column-1 {
	width: 160px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}

#form-column-1b {
	width: 250px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	margin-top: 10px;
	#margin-left: 5px;
	_margin-left: 5px;
}

	
#form-column-2 {
	width: 120px;
	padding:0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}

.click-here {
	float: right;
	margin-top: -80px;
	margin-right: 0px;
}

.form-right {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
}

.form-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px
}

.free-button {
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 8px;
}

.sumbit {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mailing-list {
	font-size: 11px;
	margin-right: 8px;
	margin-bottom: 4px;
}

.home-page-splash {
	margin-left: 183px;
	margin-top: -170px;
}


ul {
    margin-left: 0px;
    list-style-type: disc;
    margin-top: 0px;
    margin-bottom: 0px;
}

ol {
	margin-left: 23px;
	margin-top: -10px;
	list-style-type: decimal;
	margin-bottom: -10px;	
}

li {
    margin-left: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}


.required {
	color: #2cd6fe;
}


.trends-section-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "IMPACT" Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}

.trends-section-name-right-column {
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "IMPACT" Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
	margin-left: 5px;
	height: 18px;
}
.print-section-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 3px;
	font-weight: bold;
}

.print-section-name-right-column {
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: -2px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 3px;
	font-weight: bold;
	height: 21px;
}

.viewpoint-section-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: "Times New Roman";
	margin-bottom: 3px;
	font-weight: bold;
}

.viewpoint-section-name-right {
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: "Times New Roman";
	margin-bottom: 3px;
	font-weight: bold;
	height: 21px;
}

.m2m-section-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-family: "Trebuchet MS";
	margin-bottom: 3px;
	font-weight: bold;
}

.page-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.moodboard-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

.mp-moodboard-name {
	margin-top: -5px;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

.print-page-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em; 
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}


.right-column-spacer {
	margin-left: 5px;
	color: #999999;
}


.section-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Trebuchet MS", Times, serif;
	font-weight: bold;
}

.page-name {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

.separator {
	display: inline;
	color: #ffffff;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}

.small-titles {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	font-weight: bold;
}