* { margin:0; padding:0 }
html, body {height:100%}
body { background:#ccc; font:62.5% Arial, Helvetica, sans-serif}
a img { border:0 }
.clear {clear:both}
.alignright {float:right}
.alignleft {float:left}
#container {position:relative; /* needed for footer positioning*/ width:80em; padding:0 8em; height:auto !important; /* real browsers */	height:100%; /* IE6: treaded as min-height*/	min-height:100%; /* real browsers */ margin:0 auto; background-color:#fff}

.container_plain { background:#fff url(images/wedge.png) center 0 no-repeat}
.container_reach { background:#fff url(images/backgrounds/reach.jpg) center 0 no-repeat}
.container_frequency { background:#fff url(images/backgrounds/frequency.jpg) center 0 no-repeat}
.container_patterns { background:#fff url(images/backgrounds/patterns.jpg) center 0 no-repeat}
.container_marketshare { background:#fff url(images/backgrounds/marketshare.jpg) center 0 no-repeat}
.container_messageappeal { background:#fff url(images/backgrounds/messageappeal.jpg) center 0 no-repeat}
.container_retention { background:#fff url(images/backgrounds/retention.jpg) center 0 no-repeat}
.container_trackit { background:#fff url(images/backgrounds/trackit.jpg) center 0 no-repeat}
.container_profiling { background:#fff url(images/backgrounds/profiling.jpg) center 0 no-repeat}
.container_readershipanalysis { background:#fff url(images/backgrounds/readershipanalysis.jpg) center 0 no-repeat}
.container_datamanagement { background:#fff url(images/backgrounds/datamanagement.jpg) center 0 no-repeat}

#header {overflow:auto}
#header h1 {font:1.8em Verdana, Geneva, sans-serif; letter-spacing:0.1em; line-height:5em; color:#fff; font-weight:normal; float:left}
#header img {float:left; margin:2.25em 0 0 2.25em }

#maincopy { width:40em; margin-right:11.5em; padding-bottom:4em; /* bottom padding for footer */ min-height:34em; height:auto !important; height:34em; float:left}
#maincopy h2 { font-size:2.4em; font-weight:normal; margin-bottom:1em} /* used to be .headline */
#maincopy p { font-size:1.5em; margin-bottom:1em}  /* used to be .bodycopy */

#menu {width:14.5em; float:left}
#menu li {margin:2em 0 0 2.5em; list-style-image:url(images/dot.gif)}
#menu li a {text-decoration:none; font:1.8em Verdana, Geneva, sans-serif; vertical-align:top; color:#fd8}
#menu li a:hover {text-decoration:underline}
#menu a.selected {color:#fff}

#submenu {width:13.5em; float:left}
#submenu li {margin:2.75em 0 0 0; list-style:none}
#submenu li a {text-decoration:none; font:1.2em Verdana, Geneva, sans-serif; vertical-align:top; color:#000}
#submenu li a:hover {text-decoration:underline}

#imagebox { margin:8.5em 0 0 -4.5em; float:left; padding-bottom:1em; /* bottom padding for footer */ width:320px}
#imagebox h3 {font:bold 1.2em Verdana, Geneva, sans-serif; margin-bottom:1em}
.description {width:30em; margin-top:8em; float:right; padding-bottom:1em}

#form p { margin:0; padding:0 }
#form p.required label { font-weight:bold }
#form fieldset { display:block; border:0; padding:1em 0; float:left; width:100%; overflow:auto}
#form fieldset label { display:block; width:6em; text-align:right; float:left; margin:0.75em 1em 0 0; clear:both }
#form fieldset input { width:12em; margin:0.5em 0 }
#form fieldset textarea { display:block; width:22em; height:10em; overflow:auto; margin:0.5em 0 }
#form #submit { font-size:1em; font-weight:bold; text-align:center; width:10em; padding:0.5em 0; margin:1em auto; background:#fff; color:#333; border:1px solid #333; cursor:pointer; float:right }
#form fieldset select { margin:0.5em 0 }
#form fieldset span { font-size:0.8em; font-weight:bold; vertical-align:text-top; color:#f00; display:none }

.activeField {background:#fc3; color:#f00}
.activeField label {font-weight:bold}
.activeField input, .activeField textarea {border:1px solid #f00}
.idle input, .idle textarea {}
.loading {display:none; text-align:center}

#footer {position:absolute; width:64em; bottom:0; margin-left:18em; overflow:hidden }
#footer hr {height:2px; color:#c00; clear:both}
#footer li {font-weight:bold; display:block; float:left; width:14.5em; list-style:none; font-size:1.1em; line-height:2em}
#footer li a {font-weight:normal; text-decoration:none; color:#000}
#footer li a:hover {text-decoration:underline}

.hiddenPic { display:none}