@charset "UTF-8";
/* CSS Document */

/* DEFAULTS */

a, .alt a {
	text-decoration:none;
	color:#b5ddf2;
}

strong.a {
	color:#b5ddf2;
}

a:hover, .alt a:hover, a strong:hover, .alt a strong:hover {
	color:white;
	text-decoration:underline;
}

.alt a:hover {
	color:#b5ddf2;
}


a:visited, .alt a:visited {
	color:#CCCCCC;
	text-decoration:underline;
}

body, body.window {
	background:#222121 url(../images/mkit_bkgd-trans.png) repeat-x;
	margin:0px 0px 0px 0px;
	color:#E5E5E5;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
}

h1, h2, h3, h4 {
	font-size:24px;
	font-weight:100;
	line-height:18px;
	margin: 10px 0px 10px 0px;
	color:#5E96B9;
}

h2 {
	font-size:20px;
}

h3 {
	margin-top:5px;
	font-size:16px;
}

h4 {
	font-size:14px;
}

p {
	font-size:14px;
	margin-top:10px;
	margin-bottom:12px;
}

small {
	font-size:10px;
}

strong {
	color:#b5ddf2;
}

pre {
	font-sixe:11px;
	margin:5px 0px 5px 5px;
	line-height:15px;
	color:#b5ddf2;
}

/* CONTAINERS */

#container_main, #container_main_intro {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	z-index:0;
	position:relative;
	top:0px;
}

/* Section Containers */

#container_header, #container_nav, #container_subnav, #container_topic {
	z-index:inherit;
}

#container_header, #container_topic, #container_content, #container_footer, #container_footer_intro, #divider_bartop, #divider_barbottom {
	width:980px;
}

#container_header {
	position:relative;
	top:-80px;
	height:80px;
}

#container_nav, #container_nav_intro, #container_subnav {
	position:relative;
	top:0px;
	width: 650px;
	height:60px;
	float:left;
	z-index:-1;
}	

#container_nav_intro {
	margin-left:auto;
	margin-right:auto; 
	position:relative;
	top: -85px;
	float:inherit;
	*float:none; /* FOR IE */
	z-index:-3;
	display:none;
}
/* SUBNAV */

#container_subnav {
	height:30px;
	position:absolute;
	top:29px;
	float:left;
	background:#3e7395 url(../images/subnav_mkit_line.png) repeat-x top left;
	z-index:-3;
	*left:0px; /* FOR IE */
	*float:none; /* FOR IE */
	left: 1px;
}

#container_topic, #title_topic, #photo_topic {
	height:90px;
	float:left;
	z-index:5;
	background:none;
}

#container_topic {
	overflow:hidden;
}

#container_content, #container_content_intro, #container_content_intro{
	height:430px;
	clear:both;
	position:relative;
	top:-20px;
	z-index:-2
}

#container_content_intro {
	top:-60px;
	height:300px;
}

#container_content_inside {
	margin:20px 10px 0px 10px;
	float:left;
}

/* TITLES */

#title_mkit, #title_mkit_intro, #title_mkit_topright {
	width:255px;
	height:80px;
	float:left;
	background:url(../images/title_mkit-trans.png) no-repeat top left;
	*background:url(../images/title_mkit.png) no-repeat top left; /* FOR IE */
	position:relative;
	top:-20px;
}

#title_mkit_topright {
	width:75px;
	height:80px;
	background:url(../images/title_mkit_topright-trans.png) no-repeat top left;
}

#title_mkit_intro, #title_mkit_enter {
	width:273px;
	height:84px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	position:relative;
	top:-140px;
	background:url(../images/title_mkit_intro-trans.png) no-repeat top left;
	*background:url(../images/title_mkit_intro.png) no-repeat top left; /* FOR IE */
}

 #title_mkit_enter {
 	top:135px;
	z-index:-1;
	background:url(../images/title_mkit_enter-trans.png) no-repeat top left;
	*background:url(../images/title_mkit_enter.png) no-repeat top left; /* FOR IE */
	cursor:pointer;
}

#title_mkit_requirements {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	position:relative;
	top:330px;
	text-align:center;
}


/* NAVIGATION */

#container_nav li, #container_nav_intro li {
	display:block;
	width:130px;
	height:60px;
	margin-right:0px;
	float:left;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

/* Intro Navigation */

#introdemographic {
	background:url(../images/nav_mkit_intro_demographic-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_demographic.png) no-repeat top left; /* FOR IE */
}

#introdemographic:hover {
	background:url(../images/nav_mkit_intro_demographic_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_demographic_on.png) no-repeat top left; /* FOR IE */
}

#introsolutions {
	background:url(../images/nav_mkit_intro_solutions-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_solutions.png) no-repeat top left; /* FOR IE */
}

#introsolutions:hover {
	background:url(../images/nav_mkit_intro_solutions_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_solutions_on.png) no-repeat top left; /* FOR IE */
}

#introstandards {
	background:url(../images/nav_mkit_intro_standards-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_standards.png) no-repeat top left; /* FOR IE */
}

#introstandards:hover {
	background:url(../images/nav_mkit_intro_standards_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_standards_on.png) no-repeat top left; /* FOR IE */
}

#introsamples{
	background:url(../images/nav_mkit_intro_samples-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_samples.png) no-repeat top left; /* FOR IE */
}

#introsamples:hover {
	background:url(../images/nav_mkit_intro_samples_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_samples_on.png) no-repeat top left; /* FOR IE */
}

#introtestimonials{
	background:url(../images/nav_mkit_intro_testimonials-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_testimonials.png) no-repeat top left; /* FOR IE */
}

#introtestimonials:hover {
	background:url(../images/nav_mkit_intro_testimonials_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_intro_testimonials_on.png) no-repeat top left; /* FOR IE */
}


/* Section Navigation */

#sectiondemographic {
	background:url(../images/nav_mkit_demographic-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_demographic.png) no-repeat top left; /* FOR IE */
}

#sectiondemographic.select {
	background:url(../images/nav_mkit_demographic_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_demographic_on.png) no-repeat top left; /* FOR IE */
}

#sectionsolutions {
	background:url(../images/nav_mkit_solutions-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_solutions.png) no-repeat top left; /* FOR IE */
}

#sectionsolutions.select {
	background:url(../images/nav_mkit_solutions_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_solutions_on.png) no-repeat top left; /* FOR IE */
}

#sectionstandards {
	background:url(../images/nav_mkit_standards-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_standards.png) no-repeat top left; /* FOR IE */
}

#sectionstandards.select {
	background:url(../images/nav_mkit_standards_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_standards_on.png) no-repeat top left; /* FOR IE */
}

#sectionsamples{
	background:url(../images/nav_mkit_samples-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_samples.png) no-repeat top left; /* FOR IE */
}

#sectionsamples.select {
	background:url(../images/nav_mkit_samples_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_samples_on.png) no-repeat top left; /* FOR IE */
}

#sectiontestimonials{
	background:url(../images/nav_mkit_testimonials-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_testimonials.png) no-repeat top left; /* FOR IE */
}

#sectiontestimonials.select {
	background:url(../images/nav_mkit_testimonials_on-trans.png) no-repeat top left;
	*background:url(../images/nav_mkit_testimonials_on.png) no-repeat top left; /* FOR IE */
}

/* SELECTOR, SUBNAV DISPLAY */

ul, ol, .section ul, #container_subnav ul{
	display:block;
	font-size:12px;
	margin:0px;
	line-height:18px;
	padding:0px;
}

ol {
	margin-left: 20px
 }

ol li { 
	margin-bottom:7px; 
}

#container_subnav li {
	list-style:none;
	height:30px;
	margin:7px 0px 0px 15px;
	*margin: 7px 0px 0px 10px; /* FOR IE */
	padding:0px 5px 0px 0px;
	float:left;
}

#container_subnav li a {
	margin-top:2px;
	color:#CCCCCC;
	text-decoration:none;
}

#container_subnav li a:hover { 
	margin-top:2px;
	color:#FFFFFF;
	background-image:none;
	text-decoration:underline;
}

.selector ul {
	padding:0px;
}

.section li, .selector li {
	width:90%;
	list-style:url(../images/subnav_mkit_dot-trans.png) none;
	*vertical-align:top; /* FOR IE */
	background: no-repeat top left;
	margin:8px 0 0 20px;
	padding:0px 0px 0px 0px;
}

.selector li a {
	color:#CCCCCC;
	text-decoration:none;
}

.selector li a:hover {
	color:#FFFFFF;
	background:url(../images/select_bkgd-trans.png) no-repeat top left;
	margin-left:-20px;
	padding:0 0 0 20px;
	*min-width:250px; /* FOR IE */
	*max-width:300px; /* FOR IE */
	display:block;
}


/* TOPIC */

#title_topic {
	width: 400px;
	z-index:0;
	display:none;
	margin-right:-1px;
}

#photo_topic {
	width: 580px;
	z-index:0;
	display:none;
}

/* CONTENT  */

#content_intro, .content_section, #content_section_background {
	height:300px;
	overflow:hidden;
	position:relative;
	display:none;
	z-index:0;
}
 
.content_section, #content_section_background {
	height:288px;
	top:-8px;
	height:100%;
}

#content_section_background {
	background:url(../images/content_bkgd-trans.png) repeat-x bottom left;
}

/* FOOTER */

#container_footer, #container_footer_intro  {
	width:424px;
	height:38px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:625px;
	left:278px;
	z-index:1000;
	opacity:0;
}

#container_footer_openwin {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:250px;
}

/* COLUMNS */

.one_column {
	height:100%;
	float:left;
	margin:0px 10px 0px 10px;
	width:90%;
}

.two_column {
	height:100%;
	float:left;
	margin:0px 10px 0px 10px;
	width:45%;
}

.three_column {
	height:100%;
	float:left;
	margin:0px 10px 0px 10px;
	width:30%;
}

.four_column {
	height:100%;
	float:left;
	margin:0px 10px 0px 10px;
	width:20%;
}

.one_column_wside, .side {
	height:100%;
	float:left;
	margin:0px 10px 0px 10px;
	width:60%;
}

.side {
	width:30%;
}

/* TABLES */

table {
	width:100%;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border:none;
	background:url(../images/tb_backgd.png) repeat top left;
	display:table;
}

th {
	height:20px;
	padding: 0px 3px 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	vertical-align:bottom;
	color:#5E96b9;
}

th.year, th.adtype {
	height:24px;
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	padding:5px 0px 5px 0px;
	background:url(../images/tb_backgd.png) repeat top left;
}

th.adtype {
	text-align:left;
}

td, td.value, td.alt, td.value_alt, td.nostyle, td.audit, td.audit_alt {
	height:20px;
	border-top: #535252 1px solid;
	border-right: #535252 1px solid;
	font-size: 12px;
	color:white;
}

td.value, td.value_alt {
	padding: 3px 10px 3px 5px;
	width:20%;
	border-right:none;
	text-align:center;
}

td.nostyle {
	padding: 3px 10px 3px 5px;
	border:none;
}

td.audit, td.audit_alt, td.rates, td.rates_alt {
	height:12px;
	padding: 1px 10px 1px 5px;
	font-size: 10px;
}


td.rates, td.rates_alt {
	font-size: 12px;
}

td.month, td.month_filled {
	padding: 3px 10px 3px 5px;
	width:auto;
	padding: 5px;
	height: 20px;
	font-size:16px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
}

td.month_filled {
	background:url(../images/tb_bluebackgd70.png) repeat top left;
}

td.alt, td.value_alt, td.audit_alt, td.rates_alt {
	background:url(../images/tb_bluebackgd.png) repeat top left;
	color:#b5ddf2;
}

td.audit.alt {
	background:url(http://www.tmccreatives.com/mediakit/assets/images/tb_bluebackgd.png) repeat top left;
}

td.sample {
	padding: 3px 10px 3px 5px;
	vertical-align:top;
	height:30px;
}

td.month a, td.sample a {
	color:#b5ddf2;
	text-decoration:none;
}

td.month a:hover, td.sample a:hover {
	color:white;
	text-decoration:underline;
}

td.month:hover, td.sample:hover {
	background:url(../images/tb_bluebackgd.png) repeat top left;
}

table.demographic {
	width:100%;
}

table.year {
	width:100%;
	*width: 98%; /* FOR IE */
	margin-bottom:20px;
}



/* DIVIDERS */

#divider_bartop, #divider_barbottom, #divider_bartop_intro, #divider_barbottom_intro {
	height:14px;
	background:url(../images/div_mkit-trans.png) no-repeat left top;
	*background:url(../images/div_mkit.png) no-repeat left top; /* FOR IE */
	clear:both;
	z-index:inherit;
	position:relative;
	top:-150px;
	display:none;
}

#divider_barbottom {
	top:0px;
}

#divider_bartop_intro {
	top:163px;
}

#divider_barbottom_intro {
	top:163px;
}

.divider_column {
	width:3px;
	height:370px;
	background-color:#3e3e3e;
	float:left;
}

/* EFFECTS */

.absolute {
	position:absolute;
}

.relative {
	position:relative;
}

.center {
text-align:center;
}

#efx_win_container, #efx_window_content, #efx_window, #efx_window_section {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10;
}

#efx_win_container {
	top:-700px;
	display:none;
}

#efx_window, #efx_window_section {
	background-color:#000000;
}

#efx_window_section{
	display:none;
	opacity:0;
}

#efx_window_content {
	z-index:15;
	display:none;
}

#preloader, #win_preloader {
	width:190px;
	height:42px;
	position: absolute;
	top: 380px;
	left: 395px;
	z-index:999;
	display:none;
}

#win_preloader {
	top:300px;
}

#cover_left, #cover_right {
	background-color:#1F1F1F;
	position:absolute;
	top:0px;
	left:-490px;
	width:490px;
	height:415px;
	z-index:5;
	opacity:.9;
	*FILTER: Alpha(Opacity=90); /* FOR IE */
}

#cover_right {
	left:980px;
}

/* WINDOW */

#win_close {
	width:980px;
	height:52px;
	background:url(../images/window_close-trans.png) no-repeat top left;
	cursor:pointer;
	position:relative;
	top:0px;
	z-index:20;
}

#newpage {
	background-color:#3d3c3c;
	height:35px;
}

#newpage_title {
	width:300px;
	height:35px;
	float:right;
}

/* MISC */
#test, #valuepass {
	visibility:hidden;
}

#page_container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:-300px;
}

#page_left, #page_right {
	width:140px;
	height:20px;
	float:left;
	padding:4px 5px 4px 20px;
	margin:0px 30px 10px 3px;
	background:#006699 url(../../pages/gallery/assets/select_filterpos-trans.png) no-repeat top left;
	color:#FFFFFF;
	font-size:13px;
	cursor:pointer;
	display:none;
}

#mediaplayer {
	position:absolute;
	top:-50px;
	left:700px;
	z-index:-3;
	width:215px;
	height:45px;
}

/* TO BE SORTED */

#windowbkg {
	background:url(http://www.tmccreatives.com/mediakit/assets/images/gridbkgd-trans.png) repeat-x;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#windowmargin {
	margin:50px 5px 5px 5px;
}
td.audit_alt {
	background:url(http://www.tmccreatives.com/mediakit/assets/images/tb_bluebackgd.png) repeat top left;
	height:20px;
	border-top: #535252 1px solid;
	border-right: #535252 1px solid;
	font-size: 12px;
	color:white;
}
.media_graph {
	height:11px;
	margin:2px 5px 2px 5px;
	border:#333333 1px solid;
	background:#336699 url(http://www.tmccreatives.com/mediakit/assets/images/mc_graph.gif) repeat-x top left;
	;
	width:100%;
}

.quote {
	font-weight:bold;
	font-size:16px;
	padding-bottom:-35px;
	line-height:20px;
}

.right {
	float:right;
}

.left {
	float:left;
}