/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {

	
	body {
		background-color:#FFF;
	}
	
	#container {
		max-width:980px;
		min-width:650px;
	}
	
	#content {
		margin:0;
		padding:0;
	}
	
	/* header */
	#header {
		height: auto;
	}
	
	#header h1{
		margin:0 0 0 1em;
	}
		
	#header .headermenu {
		width:auto;
		max-width:50%;
		position:absolute;
		top:1em;
		right:5px;
		padding:0;
	}
	
	/* main nav */
	#nav-container {
		height:70px;
		width:100%;
	}
		

	/* header */
	#header {
	height: auto;
	}
	
	#header #nav li a{
	 text-indent: 0;
	 background-image:none;
	 padding:0.8em 0.8em;
	 min-width:inherit;
	 font: 18px/18px "TeXGyreAdventorBold",Helvetica,Arial,Verdana,sans-serif;
	 font-weight:bold;
	}
	
	#header #nav li a:hover{
	text-decoration:underline;
	}
	
	.corp #menu1, .corp #menu2, .corp #menu3, .corp #menu4, .corp #menu5, .corp #menu6{
	 width:auto;
	 min-width:auto;
	 display:inline-block;
	}
	
	.tv #menu1, .tv #menu2, .tv #menu3, .tv #menu4, .tv #menu5, .tv #menu6{
	 width:auto;
	 min-width:auto;
	 display:inline-block;
	}
	
	.film #menu1, .film #menu2, .film #menu3, .film #menu4, .film #menu5, .film #menu6{
	 width:auto;
	 min-width:auto;
	 display:inline-block;
	}
	
	
	#nav-container a {
		min-width:60px;
		margin:0;
		padding: 0 0.6em;
	}
	
	#nav-container a:hover {
		margin:0;
		padding: 0 0.6em;
	}
	
	div ul.images li div.overflowHeight,
	div ul.images li div.overflowHeight img {
    width: 180px;
	}
	
	
	#upperFooter .column1, #upperFooter .column2, #upperFooter .column3 {
		display: inline-block;
		width: 30%;
	}

	
	#upperFooter .column1 ul li, #upperFooter .column2 ul li, #upperFooter .column3 ul li {
	margin:0;
	padding: 0 0 0.5em 2em;	
	width:auto;
	clear:left;
	}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	
	body {
		background-color:#FFF;
	}
	
	#container {
		max-width:650px;
		min-width:480px;
	}
	
		/* slider */
	#flexsliderFeatured {
	height:auto;
	}
	
	#flexsliderFeatured ul li span.link{
	height:200px;	
	}
	
	#flexsliderFeatured ul li a span.text {
    top:0;
	bottom:auto;
    font-size: 1.6em;
    padding: 0.5em;
    right:0;

}

	
	/* header */
	#header {
	height: auto;
    background-image: url(none) !important;
	}
	
	#header #nav li a{
	 background-color:#000;
	 padding:0.8em 0.4em;
	}
	
	.corp #header #nav li a {
	/*background-color:#C4D8E2;*/
	}
	
	.film #header #nav li a {
	background-color:#900;
	}
	
	.tv #header #nav li a {
	background-color:#309;
	}
	
	#header .headermenu {
	max-width:45%;
	}
	
	#header .headermenu .breadcrumbs {
	padding:0;
	width:100%;
	}
	
	#header .headermenu .breadcrumbs span{
	padding: 0em 2em 0em 1em ;
	
	}
	
	#header .headermenu .breadcrumbs p{
	display:none;
	}
	
	#header .searchholder  {
	display:block;
	width:auto;
	text-align:right;
	margin: 0em 1em 0.5em 2em;
	}
	
	#header .searchholder form p {
	display:block;
	text-align:left;
	width:auto;
	min-width:100%;	
	margin: 0.2em 0 !important;
	}
	
	.searchholder form input.btSearch {
	float:right;
	}
	
		/* main nav */
	#nav-container, #nav-container ul {
	background-color:#000;
	display:block;
	height:auto;
	width:100%;
	}
	
	
	.corp #nav-container {
		/*background-color:#C4D8E2;*/
	}
	
	.film #nav-container {
	background-color:#900;
	}
	
	.tv #nav-container {
	background-color:#309;
	}
		
	
	/* content */
	#content-container {
		min-width:73%;
		max-width:73%;
		width:73% !important;
		margin:0;
	}
	
	#content {
		margin:0;
		padding:0;
	}
	
	#content .colquater, #content .colhalf, #content .colonethird, #content .coltwothirds, #content .colthreequaters{
	  float:left;
	  width:100%;	  			  
	}
	
	.content .colquater, #content .colquater, 
	.content .colhalf, #content .colhalf, 
	.content .colonethird, #content .colonethird, 
	.content .coltwothirds, #content .coltwothirds, 
	.content .colthreequaters, #content .colthreequaters{
	width:100%;			  			  
	}
	

	.content .colhalf li.colhalf, .content .colhalf span.colhalf,
	#content .colhalf li.colhalf, #content .colhalf span.colhalf{
	width:50% !important;			  			  
	}
	
	.content .col li.colquater, .content .col span.colquater,
	#content .col li.colquater, #content .col span.colquater{
	width:50% !important;			  			  
	}

	
	div ul.images li div.overflowHeight,
	div ul.images li div.overflowHeight img {
    width: 100%;
	}
	
	/* sidebar */
	#sub-menu-container {
		width:25% !important;
		min-width:25%;
		max-width:25%;
	}


	#sub-menu-full ul.one li,#sub-menu-full ul.two li,#sub-menu-full ul.three li,#sub-menu-full ul.four li, #sub-menu-full ul.five li, #sub-menu-full ul.six li {
		width:auto;
	}

	#upperFooter .column1, #upperFooter .column2, #upperFooter .column3 {
    width: 100%;
	}
	
	#upperFooter{
		
	}

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	body {
		background-color:#FFF;
		text-align:left;
		width:auto;
		padding:0;
		margin:0;
	}
	
	#container {
		width:100% !important;
		max-width:480px;
		min-width:320px;
		height:auto !important;
		margin:0 auto;
		padding:0;
		float:none;
		
	}
	
	#container, #container-home, #footer {
		margin:0;
		text-align:left;
		width:100%;
	}
	
	#content-container, #content-container-full {
	  min-height:100%;
	  padding:0;
	  margin:0;
	}
	
	/* header */
	#header {
		height: auto;
		padding:0;
		margin:0;
		background-image: none;
		width:100%;
		max-width:480px !important;
	}
	
	#header-container-full, #content-container-full, #footer-container-full {
		float:none;
		padding:0;
		margin:0 auto;
		width:100%;
		max-width:480px !important;
	}
	
	#header h1 {
		background-image:url(http://contentmediacorp.i2ic.com/images/site/contentmediacorp_logo.jpg);
		margin:0 auto;
		width:100%;
		max-width:100%;
		height:100px;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #FFF;
	}
	
	#header h1 a, #header h1 a:link {
		margin:0;
		padding:0;
		height:100px;
		width:100%;
	}
	
	
		
	#header .headermenu {
	clear:both;
	position:relative;
	width:auto;
	max-width:100% !important;
	margin:0;
	padding:2em 0 1em 0;
	top:auto;
	right:auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	}
	
	.corp #menu1, .corp #menu2, .corp #menu3, .corp #menu4, .corp #menu5, .corp #menu6{
	 width:50%;
	}
	
	.tv #menu1, .tv #menu2, .tv #menu3, .tv #menu4, .tv #menu5, .tv #menu6{
	width:50%;
	}
	
	.film #menu1, .film #menu2, .film #menu3, .film #menu4, .film #menu5, .film #menu6{
	 width:50%;
	}
	
	#header .headermenu breadcrumbs{
	float:none !important;
	width:auto;
	text-align:left;
	margin:0;
	padding:0;
	}
	
	#header #searchholder, #header .searchholder{
	width:auto;
	float:none !important;
	}
	
	#header .searchholder form p {
	width:auto;	
	padding:0;
	margin:0.5em !important;
	display:block;
	}
	

	
	#header ul#nav li{
	width:100%;
	}
	
	#header #nav-container {
	height:auto;
	}
	

	#header .searchheader {
	margin: 0 1em;
	}

	.searchholder form {
	width:auto;
	}
	
	.searchholder form p {
	width:90%;
	}
	
	.searchholder form p input{
	height:2em;
	/*float:left;*/
	}

	.searchholder form input.btSearch{
	/*float:right;	*/
	}
	
	.searchholder form p input.textS{
	width:85%;
	}
	
	/* slider */
	#flexsliderFeatured {
	height:auto;
	}
	
	#flexsliderFeatured ul li span.link{
	height:200px;	
	}
	
	#flexsliderFeatured ul li a span.text {
    top:0;
	bottom:auto;
    font-size: 1.6em;
    padding: 0.5em;
    right:0;

}
	
	#flexsliderFeatured img{max-width:100%;  height:auto;}

	/* content */
	#content-container {
		width:100% !important;
		min-width:100%;
		max-width:100%;
		margin:0;
		padding:0;
	}
	
	#content {
		float:none;
		margin:0;
		padding:0;
	}
	
	#sub-menu-container-full #sub-menu-full ul li, #sub-menu-container-full #sub-menu-full ul.one li, #sub-menu-container-full #sub-menu-full ul.three li{
	width:100% !important;
	max-width:100% !important;	
	}
	
	#sub-menu-container-full #sub-menu-full ul.two li, #sub-menu-container-full #sub-menu-full ul.four li, #sub-menu-container-full #sub-menu-full ul.five li, #sub-menu-container-full #sub-menu-full ul.six li{
	width:100% !important;
	max-width:50% !important;	
	}
	
	
	#content .panel {
		margin:0;
		padding:0.6em;
	}

	#content .panel h2 {
	  padding:0.5em 0;
	}
	
	#content .panelRight {
		float:none;
		margin:0;
		padding:0 0.6em 1em;
		width:100%;
	}

	#content .progImageRight{
	width:100%;	
	padding:0;
	}
	
	#content .progImageRight a {
    width: 100%;
	padding:0;
	}
	
	.progImageRight .progLinksAll a input {
	width:	100%;
	}
	
	#content .progLeft, #content .progRight, #content .progImage {
	width:auto;	
	margin:0 0.5em;
	}
	
	#content .progImage {
	width:100%;	
	}
	
	
	#content .progImageRight div.border {
	width:100%;	
	margin:0;	
	}
	
	
	#content .events div.bottom div.more {
	position:relative;
	}

	#content .searchholder form p.col2{
	width:auto;	
	margin:0.5em !important;	
	}


	/* sidebar */
	#sub-menu-container {
		width:100% !important;
		min-width:100%;
		max-width:100%;
		float:none;
		margin:0 1em 0 0;
	}
	
	#sub-menu, #sub-menu-footer {
		min-height:inherit;
	}
	
	#sub-menu {
    margin: 0;
    padding: 0;
    width: 100%;
	}
	
	

	
	
	/* main nav */
	#nav-container {
		margin:0;
		padding:0;
		width:100%;
		max-width:480px;
		height:inherit !important;
		background-color:white;
		background-image: none;
	}
	
	ul#navl, ul#nav li {
		float:left;
		text-align:left;
		/*display:inline; ie8 fix */
		list-style:none;
	}
	
	ul#nav li {
		height:50px;
		overflow:hidden;
		line-height:inherit;
		width:100%;
		max-width:50%;
	}
	
	
	
	#nav-container a {
		padding: 0 0.6em;
	}
	
	#nav-container a:hover {
		padding: 0 0.6em;
	}
	
	/* navtop */
	
	#sub-menu-full ul#navtop li{
	display: inline-block;
    max-width: 50%;
    min-width: auto;
    width: 100%;
	}


	/* footer */
	div#footer{
		width:100%;
		max-width:470px;
		padding:0;
	}
	
	div#footer .addressRight, div#footer .addressLeft {
		width:100%;
	}

	div#footer .right {
  		text-align:left !important;
	}
	
	#footer p{
		width:auto;
		padding:0;
		margin:0;
	}
	
	#footer p a {
		padding:0;
		margin:0;
	}
	
	#upperFooter, #lowerFooter  {
	padding:0.5em;
	}
	
	#upperFooter div {
    display: block;
    margin: 1em 0 1em 0;
	}
	

	
	#lowerFooter {
	height:auto;
	margin:0;
	padding:1em 2em;
	background-color:#000;
	}
	
	
	/* other */
	.float-right, .float-left {
		float:none;
	}
	
	.actionItem{
		width:auto;
	}
	
}


/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
	
	#container {
	width:100% !important;
	max-width:320px;
	min-width:320px;
	height:auto !important;
	margin:0 auto;
	padding:0;
	float:none;
	
	}
	
	/* header */
	#header {
		width:100%;
		max-width:320px !important;
	}
	
	#header-container-full, #content-container-full, #footer-container-full {
		float:none;
		padding:0;
		margin:0 auto;
		width:100%;
		max-width:320px !important;
	}
	
	
	/* main nav */
	#nav-container {
		max-width:320px;
	}
	
	ul#nav li {
		width:100%;
		max-width:50%;
	}
	
		/* footer */
	div#footer{
		max-width:310px;
	}
}