html, body {
  background: #262626;
  height: 100%;
}

div#wrapper {
  width: 960px;
  margin: 0 auto;
  height: 100%;
  position:relative;
}
  div#header {
    height: 100px;
    width: 960px;
    border-bottom: 1px solid #000;
    position: relative;
  }
  div#header a.header_img {
    display: block;
    position: absolute;
    top:26px;
    left:30px;
  }
  div#header div.header_nav {
    position: absolute;
    top: 65px;
    right: 0px;
    /*width: 491px;*/
    margin-right: 5px;
  }
  div#header div.header_nav li {
    display: inline;
    padding-right: 25px;
  }
  div#header div.header_nav li.newsletter {
    float:right;
  }
  div#header div.header_nav li a {
    font-size: 1.10em;
  }
    div#header div.header_nav li a:hover {
      font-weight:bold;
    }
  div#left {
    width: 250px;
    border-bottom: 1px solid #000;
    height: 609px;
    float: left;
  }
  div#left div.nav {
    margin-top: 10px;
  }
  div.scroller_container {
    position:relative;
    width: 710px;    
    border-bottom: 1px solid #000;
    height: 609px;
    float:left;
    overflow:hidden;
  }
  div#main {
    width: 660px;
    padding: 30px 30px 30px 40px;
    height: 549px;
    float: left;
    position:absolute;
  }
  div.homepage_main>div.inside {
    width: 636px;
    height: 459px;
    border:3px solid #fff;
    background:#fff;
  }
  
  div#news-page {
    position:relative;
    width: 680px;    
    border-bottom: 1px solid #000;
    height: 579px;
    padding: 0px 0px 30px 30px;
    float:left;;
    overflow:hidden;
  }
  div#mixitup-tv-page div#main {
    padding-top: 15px;
  }
  div#news-page div#main {
    background: #fff;
    color: #000 !important;
    height: 540px;
    width: 598px !important;
    padding: 30px 0px 30px 20px;
    overflow: hidden;
  }
    div#news-page div#main p, div#news-page div#main li, div#news-page div#main a, div#news-page div#main h2 {
      color:#000 !important;
    }
    div#news-page div#main img {
      max-width: 372px;
      margin-right:8px;
      height: auto;
    }
  div#main table {
    color: #fff;
    margin-top: 20px;
  }
  div#main div.left_text {
    float: left;
    width: 340px;
  }
  div#main div.left_news_text {
    float: left;
    width: 400px;
  }
  div#main div.right_text {
    float:right;
    width: 260px;
  }
  div#main div.right_news_text {
    float:right;
    width: 180px;
    margin-left:10px;
  }
  div#main div.miu_tv div.player {
    width: 640px;
  }
  div#main div.miu_tv div.controllers {
    width: 640px;
    height: 98px;
    background: transparent url('../images/backgrounds/miu_tv_bottom.png') no-repeat ;
    clear:both;
  }
  div.news_text_sep {
    border-bottom: 1px solid #000;
    margin-bottom: 12px;
    padding-bottom: 16px;
  }
  body#news div.top_fade {
    background: transparent url('../images/backgrounds/top_fade.png') no-repeat;
    width: 654px;
    height: 74px;
    position:absolute;
    top:101px;
    left:254px;
    z-index:5;
  }
    div.top_fade img {
      display:none;
    }
  body#news div.bottom_fade {    
    background: transparent url('../images/backgrounds/bottom_fade.png') no-repeat;
    width: 654px;
    height: 74px;
    position:absolute;
    top:636px;
    left:254px;
    z-index:5;
  }
    div.bottom_fade img {
      display:none;
    }
  div.jScrollPaneTrack {
    float:right;
    height: 609px;
    width: 15px;
    background: transparent url('../images/backgrounds/1px-black.jpg') top center repeat-y;
    position: absolute;
    right:0px;
  }
    a.jScrollArrowUp {
      height: 15px;
      width: 15px;
      display:block;
      position:absolute;
      top:0px;
      right:0px;
      text-indent:-9999em;
    }
    
    a.jScrollArrowDown {
      height: 15px;
      width: 15px;
      display:block;
      position:absolute;
      bottom:0px;
      right:0px;
      text-indent:-9999em;
    }
    div.jScrollPaneTrack div.jScrollPaneDrag {
      background: transparent url('../images/buttons/scroller/miuredpick.png') no-repeat center center;
      display: block;
      position:absolute;
      min-height:59px !important;
      max-height:59px !important;
    }
  div.miu_nl input {
    display:block;
    margin-top:8px;
    margin-bottom:8px;
  }
  div#footer {
    height: 20px;
    clear: both;
    position:relative;
  }
li.homepage_images img {
  height:463px;
  width: 634px;
  border:1px solid #000;
}
li.content_page_images img {
  height: 469px;
  width:  260px;
  border: 1px solid #000;
}
ul.cloud {
  border-left: 1px solid #000;
  padding-left: 11px;
  margin-top:64px;
}
ul.cloud li {
  list-style: circle;
}
ul.cloud li:hover, ul.cloud li:active {
  list-style: disc;
}
div.channel_img_container {
  width:207px;
  height:105px;
  float:left;
  margin: 4px;
}
  div.channel_img_container h2 {
    min-width: 100px;
    max-width: 140px;
    margin: 0 auto;
    display:block;
    height:20px;
    margin: 0 auto;
    position:absolute;
    top:10px;
    left:10px;
  }
div.channel_img {
  width:177px;
  height:50px;
  position:relative;
}
  div.channel_img a {
    width:170px;
    height:50px;
    display:block;  
  }
  div.channel_img img {
    height: 100px;
    width: 177px;
    display:block;
    margin:0 auto;
    border:1px solid #000;
  }
div#clients-page ul#photos {
  height: 464px !important;
  width: 643px;
  background:#fff;
}
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 571px;	
	height:120px;	
	/* custom decorations */
	padding:10px 0;			
}
/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;
	height:100px;
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	/* custom decoration */
	text-align:top left;
	width:177px;
	margin-right: 10px;
	height: 100px;	
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;
}
a.prev, a.next {
  display:block;
  width:15px;
  height:18px;
  float:left;
}

a.next {
	float: right;
}
div.tooltip {
  background: #000 !important;
  width: 177px !important;
  margin:0px !important;
  padding: 0px !important;
  top: 0px !important;
  left: 0px !important;
  padding-left: 4px !important;
  padding-top: 4px !important;
}
  div.tooltip div.tt-inner {
    background: #000 !important;
    width: 177px !important;
    margin:0px !important;
  }
  div.tooltip div.tt-inner p, div.tooltip div.tt-inner a {
    height: auto !important;
    margin: 0px !important;
    top: 0px !important;
    font-size:0.8em;
    line-height:0.9em;
  }
div#footer div.site_credit {
  float:right;
  width: auto;
  font-size: 0.8em;
  font-style:italic;
  color: #5A5A5A;
  margin:8px 0;
}
  div#footer div.site_credit a { 
    font-style:italic;
    color: #5A5A5A;
  }
    div#footer div.site_credit a:hover {
      color:#fff;
    }
div#content27 label {
  color: #fff;
  display:block;
  padding: 6px 0px;
}