/* CSS Document */
/* general */
body {
	margin:20px 0 0 20px;
	padding:0;
	color: #000;
	background:#fff;
}

table { border-collapse:collapse; }

body, li {
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#4d4d4d;
}

p {
	margin:0;
	padding:0;
	font-size:11px;
	padding-bottom:9px;
}

#container {
	width:831px;
	text-align:left;
}

#logo {
	float:left;
	height:100px;
}

#nav {
	float:right;
	width:309px;
	height:80px;
	z-index:5;
}

.navcolumns {
	float:left;
	margin-left:15px;
	border-left:1px solid #777777;
	z-index:5;
}

.navcolumns_sub {
	float:left;
	margin-left:15px;
	z-index:5;
}


.navOn a{
	border-left:5px solid #9e0413;
	padding-left:15px;
	color:#9e0413;
	font-weight:bold;
	z-index:5;
}

.navOn a:hover {
	padding-left:20px;
	color:#000000;
	z-index:5;
	border-left:0px;
}

.navOff a{
	padding-left:20px;
	color:#000000;
	z-index:5;
	border-left:0px;
}

.navOff a:hover {
	border-left:5px solid #9e0413;
	padding-left:15px;
	color:#9e0413;
	font-weight:bold;
	z-index:5;
}

#structure {
	text-align:right;
}



.navSep {
	background:#e5e1cd;
	line-height:10px;
	margin-bottom:10px;
}

/* links */
a {
	color:#841315;
	text-decoration:none;
}

a:hover {
	color:#c52a2c;
	text-decoration:none;
}


/* maincontent */
#maincontent {
	margin-left:217px;
	margin-top:5px;
}

.topphoto {
	margin-bottom:10px;
}

.contenttop {
	background:#ced9b7;
	margin-bottom:20px;
	padding:20px;
}

.contenttop_about {
	background:#B6CDD3;
	margin-bottom:20px;
	padding:20px;
}
.contenttop_look_save {
	background:#FCE1E3;
	margin-bottom:20px;
	padding:20px;
}
.contenttop_look_save_ca {
	background:#DFD0B5;
	margin-bottom:20px;
	padding:20px;
}
.contenttop_direct_mail_works {
	background:#FFEDCF;
	margin-bottom:20px;
	padding:20px;
}
.contenttop_results {
	background:#D6DFF0;
	margin-bottom:20px;
	padding:20px;
}
.contenttop_contact {
	background:#E8E5E4;
	margin-bottom:20px;
	padding:20px;
}

.contentbottom {
	padding:0px;
	margin-bottom:10px;
}

.content{
	width:309px;
	padding:10px;
	font-size:10px;
}

/* clearfix */
/* clear without structural mark-up from PIE website*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */
/* do not change or amalgamate clearfix styles*/

/*  footer */
.footerSep {
	border-top:5px solid #ced9b7;
	height:3px;
}
.footerSep_about {
	border-top:5px solid #B6CDD3;
	height:3px;
}
.footerSep_look_save {
	border-top:5px solid #FCE1E3;
	height:3px;
}
.footerSep_look_save_ca {
	border-top:5px solid #DFD0B5;
	height:3px;
}
.footerSep_direct_mail_works {
	border-top:5px solid #FFEDCF;
	height:3px;
}
.footerSep_results {
	border-top:5px solid #D6DFF0;
	height:3px;
}
.footerSep_contact {
	border-top:5px solid #E8E5E4;
	height:3px;
}
.footerSep_markets {
	border-top:5px solid #AFAFAF;
	height:3px;
}

.footer {
	text-align:right;
	vertical-align: top;
}

/* headers */
h1 {
	color:#5a5a5a;
	display:inline;
	font-size:20px;
}

h2 {
	color:#5a5a5a;
	display:inline;
	font-size:13px;
}

h3, h4, h5, h6 {
	font-size:12px;
	padding:0;
	margin:0;
}

#structure h1 {
	font-size:19px;
}

.contenttop h1 {
	font-size:17px;
	line-height:20px;
}

.supLine {
position:relative;
top: -3px;
font-size:9px;
}