﻿@charset "utf-8";

/*-------------------------------------------

    Title :  NTDTV 2014
    Usage :  common styles
    Author:  NTDTV
    Edited:  2014-02-16

---------------------------------------------

    1. reset
    2. fonts
    3. typography
    4. default
    5. containers
    6. banner
       6.1. useful bar
       6.2. logo
       6.3. search
       6.4. social links
       6.5. weather
    7. site navigation
    8. today headline
    9. instant bar
   10. main content
      10.1. TV & Video
   11. content info
      11.1. supplementary navigation
      11.2. logo
      11.3. search
      11.4. social links
      11.5. info

---------------------------------------------*/



/*  1. reset
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 62.5%;
	line-height: 1.2;
	-webkit-text-size-adjust: none;
	}

h1, h2, h3, h4, h5, h6,
input, select, button, textarea,
small {
	font-size: 100%;
	}

li {
	list-style: none;
	}

img {
	vertical-align: top;
	}

img, abbr, fieldset, iframe {
	border: none;
	}

img, video {
	max-width: 100%;
	}

object {
	outline: none;
	}

dfn {
	font-style: normal;
	}

mark {
	background: none;
	}

sup, sub {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

kbd, samp,
input, select, textarea, button {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	color: inherit;
	font-family: inherit;
	outline: none;
	box-shadow: none;
	}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
	}

input[type="text"] {
	-webkit-appearance: none;
	border-radius: 0;
	}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	box-sizing: border-box;
	}

input[type="search"] {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	-webkit-appearance: textfield;
	}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	}

textarea {
	vertical-align: top;
	overflow: auto;
	}

[placeholder]::-webkit-input-placeholder {
	color: inherit;
	}

[placeholder]:focus::-webkit-input-placeholder {
	color: transparent;
	}

[placeholder]::-moz-placeholder {
	opacity: 1;
	}

[placeholder]:focus:-moz-placeholder {
	color: transparent;
	}

[placeholder]:focus::-moz-placeholder {
	color: transparent;
	}

button {
	cursor: pointer;
	overflow: visible;
	}

button::-moz-focus-inner {
	padding: 0;
	border: none;
	}



/*  2. fonts
---------------------------------------------*/

@font-face { /* Open Sans Condensed bold normal */
	font-style: normal;
	font-weight: 700;
	font-family: "Open Sans Condensed";
	src: local("Open Sans Condensed Bold"),
	     local("OpenSans-CondensedBold"),
	     url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format("woff");
	}



/*  3. typography
---------------------------------------------*/

body {
	font-family: "Helvetica Neue", "Helvetica-Neue", "HelveticaNeue", Arial, sans-serif;
	}

a {
	color: inherit;
	text-decoration: none;
	}

a:hover,
a:focus {
	text-decoration: underline;
	background-color: transparent;
	}



/*  4. default
---------------------------------------------*/

/*  AD  */

.ad-type1 {
	clear: both;
	margin: 20px auto;
	border: 1px solid #e6e6e6;
	}

.ad-type1 .wrapper {
	margin: 0 auto;
	width: 728px;
	height: 90px;
	}



/*  5. containers
---------------------------------------------*/










/*  6. banner
---------------------------------------------*/

#v2014_banner {
	position: relative;
	z-index: 200;
	height: 86px;
	background: #282c75 url(../images/bg_banner.png) no-repeat top center;
	}

#v2014_banner .center {
	position: relative;
	margin: 0 auto;
	width: 966px;
	zoom: 1;
	}

#v2014_banner .center:after {
	content: "";
	clear: both;
	display: block;
	}



/*  6.1. useful bar
---------------------------------------------*/

#v2014_useful {
	padding: 1px 0;
	width: 100%;
	}

#v2014_useful ul {
	color: #fcfcfc;
	font-size: 1.2em;
	font-weight: 700;
	text-align: left;
	}

#v2014_useful ul li {
	*clear: expression($(this).not(':first-child').prepend('<before>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</before>'), style.clear = "none", 0);
	display: inline-block;
	cursor: default;
	}

#v2014_useful ul li {
	*display: inline;
	}

#v2014_useful ul li + li:before,
#v2014_useful ul li + li before {
	content: "\00a0\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0\00a0";
	position: relative;
	top: -1px;
	*top: -2px;
	margin: 0 -2px;
	}

#v2014_useful ul li a {
	position: relative;
	z-index: 1;
	color: #fcfcfc;
	}

#v2014_branches,
#v2014_lang {
	position: relative;
	z-index: 100;
	display: inline-block;
	padding-bottom: 3px;
	}

#v2014_branches,
#v2014_lang {
	*display: inline;
	}

#v2014_branches h4,
#v2014_lang     h4 {
	position: relative !important;
	*top: 3px;
	left: 0 !important;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	display: inline-block;
	cursor: default;
	color: #fcfcfc;
	}

#v2014_branches h4,
#v2014_lang     h4 {
	*display: inline;
	}

#v2014_useful ul li #v2014_branches ul,
#v2014_useful ul li #v2014_lang     ul {
	position: absolute;
	top: 17px;
	left: -11px;
	*clear: expression($(this).wrapInner('<table><tr><td></td></tr></table>'), style.clear = "none", 0);
	display: none;
	padding: 0 !important;
	font-size: 1em;
	text-align: left;
	background: white;
	border: 1px solid #f4f4f4;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	}

#v2014_useful ul li #v2014_branches:hover ul,
#v2014_useful ul li #v2014_lang:hover     ul {
	display: block;
	}

#v2014_branches ul li,
#v2014_lang     ul li {
	position: static !important;
	float: none !important;
	display: block !important;
	margin-left: 0 !important;
	*list-style-position: outside;
	}

#v2014_branches ul li:before,
#v2014_branches ul li before,
#v2014_lang     ul li:before,
#v2014_lang     ul li before {
	display: none;
	}

#v2014_branches ul li a,
#v2014_lang     ul li a {
	display: block;
	padding: 5px 32px 5px 10px;
	height: 1%;
	color: #666 !important;
	font-weight: 400;
	white-space: nowrap;
	}

#v2014_branches ul li a { padding-right: 35px }
#v2014_lang     ul li a { padding-right: 30px }

#v2014_branches ul li a:hover,
#v2014_lang     ul li a:hover {
	text-decoration: none;
	background: #eee;
	}



/*  6.2. logo
---------------------------------------------*/

#v2014_logo h3 a {
	position: absolute;
	top: 21px;
	left: -2px;
	width: 188px;
	height: 59px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite.png) no-repeat;
	}



/*  6.3. search
---------------------------------------------*/

#v2014_banner .center form {
	float: left;
	display: inline;
	margin: 15px 0 0 366px;
	width: 343px;
	}

#v2014_banner .center form div input {
	float: left;
	padding: 5px 8px;
	width: 267px;
	height: 20px;
	color: #888;
	font-size: 1.6em;
	background: #fff;
	border: none;
	}

#v2014_banner .center form div button {
	float: left;
	*padding-top: 4px;
	width: 60px;
	height: 30px;
	overflow: hidden;
	color: #fff;
	font: 700 1.6em/1 "Open Sans Condensed", sans-serif;
	font-size: 1.8em;
	background: #b01414;
	border: none;
	}

#v2014_banner .center form div button:hover {
	background: #4f79bd;
	}

#v2014_banner .center form:after {
	content: "";
	clear: both;
	display: block;
	}



/*  6.4. social links
---------------------------------------------*/

#v2014_social {
	position: absolute;
	top: 7px;
	right: 0;
	background: url(../images/sprite_social_a.hover.png) no-repeat 0 -5000px; /* preload image */
	}

#v2014_social ul {
	float: left;
	}

#v2014_social ul li {
	float: left;
	display: inline;
	margin-left: 8px;
	}

#v2014_social ul li a {
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite_social_a.png) no-repeat;
	}

#v2014_social ul li.facebook a { width: 19px; height: 19px; background-position:     0 0 }
#v2014_social ul li.twitter  a { width: 20px; height: 19px; background-position: -28px 0 }
#v2014_social ul li.youtube  a { width: 19px; height: 19px; background-position: -56px 0 }

#v2014_social ul li a:hover {
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(../images/sprite_social_a.hover.png);
	}



/*  6.5. weather
---------------------------------------------*/

#v2014_weather {
	float: right;
	margin-top: 15px;
	*width: 178px;
	color: #fff;
	border-top: 2px solid #666;
	}

#v2014_weather .temp {
	position: relative;
	float: right;
	margin-top: -5px;
	padding-right: 27px;
	font-weight: 300;
	font-style: italic;
	font-size: 4.5em;
	}

#v2014_weather .temp sup {
	position: absolute;
	top: 10px;
	top: -moz-calc(8px);
	top: 7px\9;
	*top: 11px;
	right: 1px;
	*clear: expression($(this).empty().prepend('<before>。</before>').append('<after>F</after>'), style.clear = "none", 0);
	font-weight: 400;
	font-style: normal;
	font-size: 0;
	}

#v2014_weather .temp sup:before,
#v2014_weather .temp sup before {
	content: "。";
	position: absolute;
	top: -12px;
	top: -moz-calc(-14px);
	top: -12px\9;
	*top: -9px;
	right: -3px;
	right: 0\9;
	*right: 0;
	font-size: 33px;
	font-size: 34px\9;
	font-family: DFLiHei, "華康儷黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
	}

#v2014_weather .temp sup:after,
#v2014_weather .temp sup after {
	content: "F";
	font-size: 14px;
	font-size: 15px\9;
	}

#v2014_weather .left {
	float: left;
	margin: 7px 10px 0 0;
	font-weight: 700;
	font-size: 1.3em;
	text-align: right;
	white-space: nowrap;
	}

#v2014_weather .left .region {
	display: block;
	}

#v2014_weather .left .weather {
	display: block;
	margin-top: 2px;
	}

#v2014_weather .setting {
	position: absolute;
	bottom: 10px;
	bottom: -webkit-calc(9px);
	right: -23px;
	right: -webkit-calc(-32px);
	color: #ddd;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: underline;
	}

#v2014_weather .setting:hover {
	text-decoration: none;
	}



/*  7. Site Navigation
---------------------------------------------*/

#v2014_sitenav {
	position: relative;
	z-index: 100;
	background: #161a6f;
	border-top: 1px solid #181928;
	border-bottom: 3px solid #fff;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	}

#v2014_sitenav .center {
	position: relative;
	margin: 0 auto;
	width: 966px;
	}

#v2014_sitenav .center ul {
	float: left;
	}

#v2014_sitenav .center ul li {
	float: left;
	*clear: expression($(this).is(':first-child') ? $(this).css('border-left', 'none') : null, style.clear = "none", 0);
	border-left: 1px solid #265196;
	}

#v2014_sitenav .center ul li:first-child {
	border-left: none;
	}

#v2014_sitenav .center ul li h3 a {
	position: relative;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	float: left;
	padding: 5px 8px 0;
	height: 24px;
	overflow: hidden;
	color: #fff;
	font: 700 1.6em/1.2 "Open Sans Condensed", sans-serif;
	*line-height: 1.2;
	line-height: 1.1\9;
	text-decoration: none;
	}

#v2014_sitenav .center ul li.curr h3 a {
	padding-right: 9px;
	padding-left: 9px;
	}

#v2014_sitenav .center ul li h3 a:hover {
	color: #161a6f;
	background: #fff;
	}

#v2014_sitenav .center ul li.highlight h3 a {
	color: #fff;
	background: #4f7abe;
	}

#v2014_sitenav .center ul li.curr h3 a {
	margin-top: -1px;
	padding-top: 6px;
	color: #161a6f !important;
	background: #fff !important;
	}

#v2014_sitenav .center ul li h3 a:hover:after,
#v2014_sitenav .center ul li h3 a:hover after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	overflow: hidden;
	background: #4f7abe;
	}

#v2014_sitenav .center:after {
	content: "";
	clear: both;
	display: block;
	}



/*  8. today headline
---------------------------------------------*/

#v2014_slideable {
	position: relative;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	margin: 0 auto 20px;
	padding: 2px 0 10px;
	width: 966px;
	zoom: 1;
	}

.ie.older #v2014_slideable {
	padding-top: 0;
	}

#v2014_slideable:before,
#v2014_slideable before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -17px;
	width: 1000px;
	height: 1px;
	background: #e6e6e6;
	}

#v2014_slideable:after {
	content: "";
	clear: both;
	display: block;
	}

#v2014_todayheadline {
	position: relative;
	z-index: 1;
	float: right;
	margin-top: 8px;
	width: 1px;
	height: 74px;
	}

#v2014_todayheadline:first-child {
	overflow: visible !important;
	}

#v2014_todayheadline .clip {
	position: absolute;
	top: 0;
	right: 0;
	width: 966px;
	height: 100%;
	overflow: hidden;
	}

#v2014_todayheadline .clip .border {
	width: 966px;
	height: 74px;
	background: url(../images/sprite.png) no-repeat 0 -727px;
	}

#v2014_todayheadline .clip .border .title {
	position: absolute;
	top: 6px;
	left: 0;
	width: 132px;
	color: #fff;
	font: italic 900 2.5em/1.2 "Helvetica Neue Condensed Black", "HelveticaNeue Condensed Black", "HelveticaNeue-Condensed-Black", Impact, sans-serif;
	font-stretch: condensed;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	}

#v2014_todayheadline .clip .border .txt {
	padding: 6px 130px 0 155px;
	}

#v2014_todayheadline .clip .border .txt a {
	color: #000;
	font: 700 2.5em/1.2 "Helvetica Neue Condensed Bold", "HelveticaNeue Condensed Bold", "HelveticaNeue-Condensed-Black", sans-serif;
	font-stretch: condensed;
	text-transform: uppercase;
	}

#v2014_todayheadline .close {
	position: absolute;
	top: -4px;
	right: 4px;
	cursor: pointer;
	color: #4f79bd;
	font: 300 4em/1 Arial, sans-serif;
	}



/*  9. instant bar
---------------------------------------------*/

#v2014_instantbar {
	position: relative;
	top: 6px;
	margin: 0 auto;
	opacity: 0;
	}

#v2014_cal {
	position: relative;
	margin: 0 auto;
	}

#v2014_cal span {
	position: absolute;
	top: 3px;
	right: 0;
	color: #b01414;
	font-weight: 700;
	font-size: 1.2em;
	}

#v2014_instant {
	height: 23px;
	overflow: hidden;
	}

#v2014_instant h3 {
	float: left;
	color: #333;
	font-size: 1.5em;
	}

#v2014_instant .clip {
	position: relative;
	float: left;
	display: inline;
	margin-left: 25px;
	width: 740px;
	height: 18px;
	overflow: hidden;
	}

#v2014_instant .clip .wrapper {
	width: 5000px;
	}

#v2014_instant .clip .wrapper ol {
	position: relative;
	display: inline;
	cursor: default;
	}

#v2014_instant .clip .wrapper ol li {
	display: inline;
	padding-right: 30px;
	}

#v2014_instant .clip .wrapper ol li a {
	color: #333;
	font-size: 1.5em;
	}

#v2014_instant:after {
	content: "";
	clear: both;
	display: block;
	}



/* 10. main content
---------------------------------------------*/

#v2014_main {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 966px;
	zoom: 1;
	}

#v2014_main:after {
	content: "";
	clear: both;
	display: block;
	}



/* 10.1. TV & Video
---------------------------------------------*/

#v2014_tv-video {
	margin: 40px 0;
	zoom: 1;
	background: #161a6f url(../images/bg_tv-video.gif) repeat-y 100% 0;
	}

#v2014_tv-video .header {
	position: relative;
	padding: 4px 1px 4px 9px;
	height: 16px;
	zoom: 1;
	background: #161a6f;
	}

#v2014_tv-video .header h3 {
	float: left;
	color: #fff;
	font: 700 1.7em/1 "Open Sans Condensed", sans-serif;
	text-transform: uppercase;
	}

#v2014_tv-video .header select {
	display: none;
	}

#v2014_tv-video .header span #v2014_tvprograms-button {
	float: right;
	padding-top: 2px;
	width: 216px;
	height: 18px;
	cursor: pointer;
	color: #000;
	font-size: 1.1em;
	text-indent: 11px;
	text-decoration: none;
	background: url(../images/sprite.png) no-repeat -784px -363px;
	}

.ui-selectmenu-menu {
	position: absolute;
	top: 0;
	display: none;
	margin: 0;
	padding: 0;
	}

.ui-selectmenu-menu #schedule-menu {
	width: 216px;
	}

.ui-selectmenu-menu > ul {
	position: relative;
	padding: 0;
	margin: 0;
	width: 220px !important;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	font-size: 1.3em;
	z-index: 1005;
	background: #fff;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	}

.ui-selectmenu-open {
	display: block;
	}

.ui-selectmenu-menu li {
	display: block;
	margin: 0;
	padding: 0;
	}

.ui-selectmenu-menu li a {
	display: block;
	margin: 0;
	padding: 3px 20px;
	height: 1%;
	color: #444;
	}

.ui-selectmenu-menu li a:hover {
	text-decoration: none;
	}

.ui-selectmenu-menu ul ul {
	font-size: 1em;
	border: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	background: none;
	}

.ui-selectmenu-menu > ul:only-child > li:first-child > a,
.ui-selectmenu-menu > ul:only-child > li:first-child[style] + li > a {
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	}

.ui-selectmenu-menu > ul:last-child > li:last-child > a {
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	}

.ui-selectmenu-item-selected a {
	text-decoration: none;
	background: #efefef;
	}

.ui-state-hover a {
	text-decoration: none;
	background: #efefef;
	}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
	display: block;
	padding: 3px 6px;
	color: gray;
	cursor: default;
	}

#v2014_tv-video .header:after {
	content: "";
	clear: both;
	display: block;
	}

#v2014_tv-video .left {
	position: relative;
	float: left;
	clear: left;
	width: 228px;
	height: 353px;
	background: url(../images/sprite.png) no-repeat -772px 0;
	}

#v2014_tv-video .left a {
	position: absolute;
	bottom: 21px;
	left: 52px;
	width: 130px;
	height: 36px;
	overflow: hidden;
	text-indent: -5000px;
	}

#v2014_tv-video .right {
	float: right;
	padding: 12px 0 0 16px;
	width: 722px;
	}

#v2014_tv-video .right .section  {
	width: 701px;
	}

#v2014_tv-video .right .section + .section {
	margin-top: 15px;
	padding: 10px 0;
	border-top: 1px dotted #fff;
	}

#v2014_tv-video .right .section h4 {
	color: #fff;
	font: 700 1.7em/1 "Open Sans Condensed", sans-serif;
	text-transform: uppercase;
	}

#v2014_tv-video .right .section ol {
	margin-top: 10px;
	width: 722px;
	font-size: 0;
	}

#v2014_tv-video .right .section ol li {
	display: inline-block;
	vertical-align: top;
	margin-right: 19px;
	width: 161px;
	font-size: 10px;
	}

#v2014_tv-video .right .section ol li {
	*display: inline;
	}

#v2014_tv-video .right .section ol li .fig {
	display: block;
	margin-bottom: 3px;
	width: 161px;
	height: 91px;
	}

#v2014_tv-video .right .section ol li .fig img {
	width: 100%;
	height: 100%;
	}

#v2014_tv-video .right .section ol li .txt {
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.167;
	text-decoration: none;
	}

#v2014_tv-video .right .section ol li .txt:hover {
	color: #888;
	}

#v2014_tv-video:after {
	content: "";
	clear: both;
	display: block;
	}



/* 11. content info
---------------------------------------------*/

#v2014_contentinfo {
	background: #161a6f;
	}

#v2014_contentinfo .center {
	position: relative;
	margin: 0 auto;
	width: 966px;
	zoom: 1;
	}

#v2014_contentinfo .center:after {
	content: "";
	clear: both;
	display: block;
	}



/* 11.1. supplementary navigation
---------------------------------------------*/

#v2014_suppnav {
	padding: 20px 0 29px;
	background: #fff;
	}

#v2014_suppnav ul {
	margin: 0 auto;
	width: 966px;
	cursor: default;
	font: 700 1.6em/1.2 "Open Sans Condensed", sans-serif;
	text-align: center;
	}

#v2014_suppnav ul li {
	*clear: expression($(this).not(':first-child').prepend('&nbsp;&nbsp;&nbsp;'), style.clear = "none", 0);
	display: inline;
	}

#v2014_suppnav ul li + li:before {
	content: "\00a0\00a0"
	}

#v2014_suppnav ul li a {
	color: #161a6f;
	}



/* 11.2. logo
---------------------------------------------*/

#v2014_contentinfo .center .logo {
	float: left;
	margin-top: 17px;
	width: 149px;
	height: 59px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite.png) no-repeat;
	}



/* 11.3. search
---------------------------------------------*/

#v2014_contentinfo .center form {
	float: left;
	display: inline;
	margin: 30px 0 0 100px;
	width: 343px;
	}

#v2014_contentinfo .center form div input {
	float: left;
	padding: 5px 8px;
	width: 267px;
	height: 20px;
	color: #888;
	font-size: 1.6em;
	background: #fff;
	border: none;
	}

#v2014_contentinfo .center form div button {
	float: left;
	*padding-top: 4px;
	width: 60px;
	height: 30px;
	overflow: hidden;
	color: #fff;
	font: 700 1.6em/1 "Open Sans Condensed", sans-serif;
	font-size: 1.8em;
	background: #b01414;
	border: none;
	}

#v2014_contentinfo .center form div button:hover {
	background: #4f79bd;
	}

#v2014_contentinfo .center form:after {
	content: "";
	clear: both;
	display: block;
	}



/* 11.4. social links
---------------------------------------------*/

#v2014_contentinfo .center .social {
	float: right;
	margin-top: 40px;
	background: url(../images/sprite_social_a.hover.png) no-repeat 0 -5000px; /* preload image */
	}

#v2014_contentinfo .center .social ul {
	float: left;
	}

#v2014_contentinfo .center .social ul li {
	float: left;
	display: inline;
	margin-left: 8px;
	}

#v2014_contentinfo .center .social ul li a {
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	background: url(../images/sprite_social_a.png) no-repeat;
	}

#v2014_contentinfo .center .social ul li.facebook a { width: 19px; height: 19px; background-position:     0 0 }
#v2014_contentinfo .center .social ul li.twitter  a { width: 20px; height: 19px; background-position: -28px 0 }
#v2014_contentinfo .center .social ul li.youtube  a { width: 19px; height: 19px; background-position: -56px 0 }

#v2014_contentinfo .center .social ul li a:hover {
	overflow: hidden;
	text-indent: -5000px;
	background-image: url(../images/sprite_social_a.hover.png);
	}



/* 11.5. info
---------------------------------------------*/

#v2014_contentinfo .center .info {
	position: relative;
	clear: both;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "both", 0);
	padding-top: 27px;
	text-align: center;
	border-top: 14px solid transparent;
	}

#v2014_contentinfo .center .info:before,
#v2014_contentinfo .center .info before {
	content: "";
	position: absolute;
	top: 0;
	left: -17px;
	width: 1000px;
	height: 1px;
	background: #fff;
	}

#v2014_contentinfo .center .info ul {
	cursor: default;
	color: #fff;
	font: 700 1.4em/1.2 "Open Sans Condensed", sans-serif;
	}

#v2014_contentinfo .center .info ul li {
	*clear: expression($(this).not(':first-child').prepend('&nbsp;|&nbsp;&nbsp;'), style.clear = "none", 0);
	display: inline;
	}

#v2014_contentinfo .center .info ul li + li:before,
#v2014_contentinfo .center .info ul li + li before {
	content: "\00a0|\00a0\00a0";
	margin: 0 1px;
	}

#v2014_contentinfo .center .info ul li a {
	color: #fff;
	}

#v2014_contentinfo .center .info p {
	padding: 17px 0 65px;
	color: #fff;
	font-size: 1.2em;
	}