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

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/grainybg_lo.jpg);
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #2b2b2b;
	
}

body#mediaco  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/grainybg_media.jpg);
	background-repeat: repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #2b2b2b;
	
}

* { 
	outline: none; 
	}


.mainPage #container {
	/* background-image: url(images/container_bg.jpg);*/ 
	width: 1070px;  	
	margin: 0 57px;
	
} 





.navbar {
	position:absolute;
	left:530px;
	top:-18px;
	width:650px;
	height:38px;
	z-index:3;

	}


	


	









#two_col { margin:0px 0px}
	
.mainPage #leftside {
	float: left; /* since this element is floated, a width must be given */
	width: 530px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
}

 #leftside img.dotlogo {
	margin-top: -30px;  /* ie only */
	
	background-color: transparent;
}
/* HACK reset margins back to what they should be for compliant browsers */
html>body #leftside img.dotlogo {margin-top: 0px;}


.mainPage #rightside {padding-top: 130px;
	margin: 0px 0 0 540px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the leftside div contains, the column space will remain. You can remove this margin if you want the #rightside div's text to fill the #leftside space when the content in #leftside ends. */
} 

#nn_leftside {
	float: left; /* since this element is floated, a width must be given */
	width: 580px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
}


#nn_rightside { padding-top: 85px;
	margin: 0 0 0 590px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the leftside div contains, the column space will remain. remove this margin if you want the #rightside div's text to fill the #leftside space when the content in #leftside ends. */
} 


#nn_leftside .about_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 63px 12px 5px;
	text-align:justify;

}

#leftside .about_copy-nojust {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 63px 12px 5px;
	text-align:left;

}
#nn_leftside .news_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 33px 12px 5px;
	padding-bottom: 15px;
	border-bottom: 1px;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	

}

#nn_rightside .news_copy {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:  #1B1B1B;
	line-height: 1.4em;
	font-size: 1em;
	font-style: normal;
	border-bottom: 1px;
	border-bottom-color:#1B1B1B;
	border-bottom-style: dotted;
	border-top: 1px;
	padding-top: 27px;
	border-top-color: #1B1B1B;
	border-top-style: dotted;
	padding-bottom: 27px;
	margin: 0 70px 0 40px;
	
}

.nlink {color: #FFFFFF;}

#nn_rightside .odd_news_copy {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:  #1B1B1B;
	line-height: 1.4em;
	font-size: 1em;
	font-style: normal;
	padding-bottom: 27px;
	padding-top: 27px;
	margin: 0 70px 0 40px;
	
}


#nn_top {
	background-image:url(images/nn_bg_top.gif);
	background-repeat: no-repeat;
	}
	
#nn_bod {
	background-image: url(images/nn_bg_tile.gif);
	background-repeat: repeat-y;
	padding: 0px 95px 0px 20px;
	}
	
#nn_bot {
	background-image:url(images/nn_bg_bot.gif);
	background-repeat: no-repeat;
	}
	
.greeting {
	font-family:  Helvetica, Arial, sans-serif;
	color: #F6F6F6;
	line-height: 1.7em;
	font-size: 1em;
	font-style: normal;
	margin: 15px 66px 15px 16px;
	}
	
	
#leftside .about_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 40px 12px 5px;
	text-align:justify;

}

#rightside .about_copy {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 5px 72px 12px 5px;
	text-align:justify;

}

#rightside .about_copy-low {
	font-family: Verdana,  Helvetica, Arial, sans-serif;
	color: #ccc;
	line-height: 1.4em;
	font-size: .7em;
	font-style: normal;
	margin: 298px 72px 12px 5px;
	text-align:justify;

}
	
/***********************************************************************************************************************/
/********************************************* New media pages selectors ***********************************************/


.media-column { padding: 20px 0 0 35px;
	background: transparent url(images/rule-transp.png) no-repeat center left;
	}



.media-column .quad {
	float: left; width: 105px;
	 padding: 10px 25px 10px 0; font-weight: bold; font-size: .82em;
	}

#nn_leftside .media_copy {
	font-family:Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 1.6em;
	font-size: 1em;
	font-style: normal;
	margin: 35px 33px 12px 5px;
	

}

#nn_rightside .media-column {
	font-family:Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: .95em;
	font-style: bold;
	margin:;
}

.clients-wrap { height: 320px;}

.media-column ul {list-style: none; font: bold 1em Arial, Helvetica, sans-serif; text-shadow: -1px -1px #f4f4f4; color: #333333; margin: 0; padding: 20px 0 0 0;}
.media-column ul li { padding: 5px 0;}

/***********************************************************************************************************************/
/********************************************* New media pages closes **************************************************/

.mainPage #footer {
	background-image: url(images/panel_iodine.jpg);
	background-repeat: no-repeat;
	height: 340px;
} 
.panel_story {
	padding: 80px 0px 0px;
	margin-left: 472px;
	width: 250px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .7em;
	line-height: 1.6em;
	color: #FFFFFF;
}

 .panel_news {
 	padding: 70px 0px 0px;
	float: right;
	width: 215px;
	margin-right: 44px; /*ie only*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .7em;
	line-height: 1.6em;
	color: #CCCCCC;

}
/* HACK reset margins back to what they should be for compliant browsers */
html>body .panel_news {margin-right: 90px;}

.but_indent {
	margin-left: 95px;

	}


.film_title {
margin-top: 15px;
margin-bottom: 8px;
}

.notable_title {
margin-top: 0px;
margin-left: 22px;

}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.budge {
	margin-right: 22px;
	margin-top: -43px;
	}
	
	
	
.legal { 
	background-image: url(images/logos_affiliates.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-top: 17px;
	padding-left: 25px;
	font-size: .6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	color: #555555;
	padding-bottom: 15px;
	}
.legal a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; text-decoration: none; font-size: 0.8em; }

.legal a:hover {text-decoration: underline;}





.clearfix:after, .clients-wrap :after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .clients-wrap  {display:block;}


.clearfix:after, #container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, #container {display:block;}