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

h1, h2, h3, ol, ul, li, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol,ul { list-style: none; }
.clear {clear:both;}

body { background: url(../images/bg_tile.jpg) repeat scroll 0 0 #FFFFFF; font: 14px/1.4em Cambria, Georgia, serif; color: #333; line-height:20px; }
a {font: 14px/1.4em Cambria, Georgia, serif; line-height:20px; color: #a43630; text-decoration:none;}
a:hover {font: 14px/1.4em Cambria, Georgia, serif; line-height:20px; color: #a43630; text-decoration:underline;}

#wrapper { width: 1037px; margin-left: auto; margin-right: auto; background: url(../images/bg_paper.jpg); min-height: 600px;}
#header { background: url(../images/bg_header.jpg) no-repeat; height: 537px; padding: 40px 60px 0; position: relative;}
#content { width: 915px; margin: -350px auto 0; position: relative; min-height:800px; padding-bottom: 32px; overflow: auto; }
#footer { background: url(../images/divider_full.png) no-repeat; width: 915px; margin: 0 auto; padding: 24px 0 32px;  position: relative; overflow: auto; }
.breadcrumbs { color: #333; }
.breadcrumbs:hover { text-decoration:underline; }

/* Header */

#header h1.logo > a { background: url(../images/logo.png) no-repeat bottom; width: 269px; height: 84px; text-indent: -99999px; display: block; position:absolute; top:40px; left:54px; }
#header h2.sgd_logo > a { background: url(../images/singapore_discovered_logo.png) no-repeat; width: 231px; height: 105px; text-indent: -99999px; display: block; position:absolute; top:20px; right: 50px; }

#header .pri-nav { position: absolute; top: 140px; left: 70px; }
#header > ul > li { float: left; }

#header .pri-nav > li > h4 > a { background: url(../images/nav_pri.png) no-repeat; height: 65px; text-indent: -9999px; display: block; }

#header .pri-nav > li.home > h4 > a { background-position: 0 0; width: 122px; }
#header .pri-nav > li.about > h4 > a { background-position: -130px 0;  width: 125px; }
#header .pri-nav > li.hosts > h4 > a { background-position: -260px 0;  width: 122px; }
#header .pri-nav > li.synopsis > h4 > a { background-position: -382px 0;  width: 140px; }
#header .pri-nav > li.contests > h4 > a { background-position: -520px 0;  width: 142px; margin-right: 0;}
#header .pri-nav > li.terms_and_conditions > h4 > a { background-position: -660px 0;  width: 232px; margin-right: 0;}

#header .pri-nav > li.home:hover > h4 > a { background-position: 0 -65px; }
#header .pri-nav > li.about:hover > h4 > a { background-position: -130px -65px; }
#header .pri-nav > li.hosts:hover > h4 > a { background-position: -260px -65px; }
#header .pri-nav > li.synopsis:hover > h4 > a { background-position: -382px -65px; }
#header .pri-nav > li.contests:hover > h4 > a { background-position: -520px -65px; }
#header .pri-nav > li.terms_and_conditions:hover > h4 > a { background-position: -660px -65px; }


/* Content */
#content .left {width: 234px; float: left; margin-right: 10px; margin-top:20px; }
#content .right {width: 660px; float: left; }
#content .divider {background: url(../images/divider.jpg) no-repeat; height:9px; width:910px; float:left; }

#content .leftbar {position: absolute;}

.left_takepart > a {background:url(../images/leftside/takepart.png) no-repeat; background-position: 0 0; width: 234px; height:194px; text-indent: -9999px; display: block;}
.left_takepart:hover > a {background-position: 0 -194px;}
.left_host {height:300px;}
.left_hostweek {background: url(../images/leftside/hostoftheweek.png) no-repeat; width:234px; height: 145px; text-indent: -9999px; display: block; position:absolute; top: -100; left: 0; z-index:100px;}
.left_hostpic {background: url(../images/leftside/portrait_paulfroggatt.png) no-repeat; background-position:bottom center; width:234px; height:300px; position:absolute; text-indent: -9999px; display: block;}
.left_hostpic:hover > a {background: url(../images/leftside/portrait_paulfroggatt.png) no-repeat; background-position:bottom center; width:234px; height:300px; position:absolute; text-indent: -9999px; display: block;}
.left_funfacts {background:url(../images/leftside/funfacts.png) no-repeat; background-position: 0 0; width: 234px; }
.left_promotions {background:url(../images/leftside/promotions.png) no-repeat; background-position: 0 0; width: 234px; height:80px; text-indent: -9999px; display: block;}
.left_promotions_banner {width: 234px;}
.left_winners{width:234px;}
.left_winnersweek {background:url(../images/leftside/lastweekswinner.png) no-repeat; background-position: 0 0; width: 234px; height:143px; text-indent: -9999px; display: block;}


.right_video {background:url(../images/index/video_background.png) no-repeat; background-position:left bottom;width: 642px; height:455px;}
.right_airtime {background:url(../images/index/bg_airtime.png) no-repeat; background-position: right bottom; padding:20px 60px 10px 70px; width: 500px; height:250px;}
.right_synopsis {background:url(../images/index/bg_synopsis.png) no-repeat; background-position: right top; padding:90px 40px 10px 70px; width: 500px;}
.right_synopsis_icon {background:url(../images/index/synopsis_icon.png) no-repeat; width: 229px; height:127px; position:absolute; top: 680px; left: 620px; z-index:100px;}
.right_producer {background:url(../images/index/tt_producers_profile.png) no-repeat; background-position: left top; margin-left:76px; width:300px; height:29px;}
.right_producer_text {margin-left:76px; margin-top:20px; width:500px;} 

.content_divider {background:url(../images/index/divider_sm.jpg) no-repeat; background-position: right top; width: 570px; height:12px;}

/* Sub page */
.subheader_about {background:url(../images/about/subheader_about.png) no-repeat; background-position: 0 0; width: 625px; height:37px; margin-top:20px; padding:105px 10px 10px 35px}
.subicon_about {background:url(../images/about/subheader_about_pic.png) no-repeat; background-position: 0 0; width: 127px; height:125px; position:absolute; top: 50px; left: 730px; z-index:100px;}


.subheader_episodes {background:url(../images/episodes/subheader_episodes.png) no-repeat; background-position: 0 0; width: 625px; height:37px; margin-top:20px; padding:105px 10px 10px 35px}
.subicon_episodes {background:url(../images/episodes/episodes_icon.png) no-repeat; background-position: 0 0; width: 229px; height:127px; position:absolute; top: 50px; left: 630px; z-index:100px;}


/* Terms and Conditions */

.subheader_tnc {background:url(../images/tnc/subheader_tnc.png) no-repeat; background-position: 0 0; width: 625px; height:37px; margin-top:20px; padding:105px 10px 10px 35px}
.tnc_text_bold {width:450px; padding-left:35px; padding-top:10px; font-weight:bold;}
.tnc_number{width:50px; padding-left:60px; padding-top:10px; float:left;}
.tnc_text {width:500px; padding-top:10px; float:left;}

/* Hosts */

.subheader_hosts {background:url(../images/hosts/subheader_hosts.png) no-repeat; background-position: 0 0; width: 625px; height:37px; margin-top:20px; padding:105px 10px 10px 35px}
.subicon_hosts {background:url(../images/hosts/subheader_hosts_pic.png) no-repeat; background-position: 0 0; width: 121px; height:126px; position:absolute; top: 50px; left: 775px; z-index:100px;}
.hosts_background {background:url(../images/hosts/bg_hosts.png) no-repeat; background-position: right top; margin-left:14px; margin-bottom:20px; padding:0px 40px 10px 10px; width:583px; }
.hosts_pic {width:174px; height:201px; float:left; margin-right: 20px;}
.hosts_text {float:left;}

/* Synopsis */

.subheader_synopsis {background:url(../images/synopsis/subheader_synopsis.png) no-repeat; background-position: 0 0; width: 625px; height:37px; margin-top:20px; padding:105px 10px 10px 35px}
.subicon_synopsis {background:url(../images/synopsis/subheader_synopsis_pic.png) no-repeat; background-position: 0 0; width: 173px; height:165px; position:absolute; top: 20px; left: 700px; z-index:100px;}

.synopsis_title { font:26px/1.4em Cambria, Georgia, serif; line-height:30px; color: #a43630; text-decoration:none; }
.synopsis_content {width:430px; padding-left:35px; padding-top:10px; float:left;}
#content .episode {float:left; width:100px; padding-top:30px;}
.synopsis_arrow {background:url(../images/synopsis/synopsis_arrow.jpg) no-repeat; width:7px; height:16px; float:left; padding-right:6px;}

/* Contests */
.subheader_contests {background:url(../images/contests/subheader_contests.png) no-repeat; background-position: 0 0; width: 625px; height:37px; margin-top:20px; padding:105px 10px 10px 35px}
.subicon_contests {background:url(../images/contests/subheader_contests_pic.png) no-repeat; background-position: 0 0; width: 108px; height:109px; position:absolute; top: 50px; left: 780px; z-index:100px;}
.question_background {background:url(../images/contests/bg_question.png) no-repeat; background-position: right top; width: 586px; height:169px; margin-left:40px; margin-bottom:20px;}
.question_text { font:26px/1.4em Cambria, Georgia, serif; line-height:30px; color: #a43630; text-decoration:none; text-align:center; padding-top:20px; padding-bottom:20px;}
.dropdown_answer {padding:3px; font: 14px/1.4em Cambria, Georgia, serif; color: #333; }

/* Footer */

#footer .links { float: left; width: 210px; }
#footer .links > h3, #footer .connect > h3 { margin-bottom: 8px; font-family: "Rockwell"; font-size: 16px; font-weight: normal; text-transform: uppercase; }
#footer .links > ul > li { margin-bottom: 4px; }

#footer .connect { float: left; }
#footer .connect > ul { margin-bottom: 16px; overflow: auto; }
#footer .connect > ul > li { float: left; margin-right: 1px;}
#footer .connect > ul > li > a { background: url(../images/footer-social-icons.png) no-repeat; height: 68px; text-indent: -9999px; display: block; }

#footer .connect > ul > li > a.twitter { background-position: 0 0; width: 84px; }
#footer .connect > ul > li > a.facebook { background-position: -92px 0;  width: 84px; }
#footer .connect > ul > li > a.rss { background-position: -182px 0;  width: 84px; }

#footer .connect > ul > li > a.twitter:hover { background-position: 0 -68px; width: 84px; }
#footer .connect > ul > li > a.facebook:hover { background-position: -92px -68px; width: 84px; }
#footer .connect > ul > li > a.rss:hover { background-position: -182px -68px; width: 84px; }