/********  RESET  *********/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, img, strong, ol, ul, li,
form, fieldset, label, table, tbody, tr, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/********  END RESET  *********/

/********  BASE STYLES  *********/
html {
	height: 100% ;
}
body {
	background: url(images/bg.gif) ;
	font-family: Helvetica, arial, sans-serif ;
	font-size: 11px ;
}

#bg-top{
	background: url(images/bg-top.png) repeat-x;
	min-height: 415px ;
}

#wrapper{
	margin: 0 auto ;
	width: 880px ;
}

#logo{
	xbackground: url(images/logo.png) no-repeat;
	width: 129px ;
	height: 47px ;
	padding: 10px 0 23px 13px ;
}

#page{
	background: url(images/bg-page.png) no-repeat;
	width: 880px ;
	height: 610px ;
	padding: 18px 0 0 0  ;
}

#offer-column{
	width: 518px ;
	height: 544px ;
	margin: 0 0 0 32px ;
	border-right: 1px dotted #ccc ;
	float: left ;
	display: inline ;
}

#video-column{
	width:  ;
	height: 544px ;
	float: left ;
	margin-left: 7px ;
}

h1{
	width: 509px ;
	height: 217px ;
	background: url(images/h1.png) no-repeat;
	text-indent: -9999px ;
}

#offer-panel{
	background: url(images/offer-panel.png) no-repeat;
	width: 489px ;
	height: 117px ;
	margin: 2px 0 0 0 ;
	padding: 0 0 0 20px ;
}
	
	#offer-button{
		float: right ;
		width: 144px ;
		height: 94px ;
		margin: 12px 20px 0 0 ;
		background: url(images/button-sprites.png) 0 0 no-repeat;
		text-indent: -9999px ;
	}
	#offer-button:hover{
		background: url(images/button-sprites.png) -144px 0 no-repeat;
	}
	
	#special-offer{
		background: url(images/special-offer.png) no-repeat;
		width: 273px ;
		height: 263px ;
		padding-top: 48px ;
		position: relative ;
		top: -105px ;
		left: 440px ;
		display: none ;
	}
		
		#close{
			background: url(images/close.png) right no-repeat;
			width: 40px ;
			height: 15px ;
			line-height: 15px ;
			color: #fff ;
			text-decoration: none ;
			display: block ;
			float: right ;
			padding-right: 15px ;
			margin-right: 11px ;
			position: relative ;
			top: -99px ;
			z-index: 999 ;
		}
		#close:hover{
			text-decoration: underline ;
		}
		
		h3#special-offer-heading{
			background: url(images/special-offer-heading.png) no-repeat ;
			text-indent: -9999px ;
			width: 232px ;
			height: 35px ;
			margin-left: 28px ;
		}
		
		#special-offer-list{
			padding: 25px 0 0 28px ;
			width: 219px ;
		}
			#special-offer-list li{
				color: #fff ;
				line-height: 18px ;
				font-size: 11px ;
				background: url(images/bullet-on-red.png) 0 7px no-repeat ;
				padding-left: 12px ;
				padding-bottom: 3px ;
			}
		
	#offer-heading{
		float: left ;
		width: 287px ;
		height: 20px ;
		background: url(images/offer-heading.png) ;
		text-indent: -9999px ;
		margin: 20px 0 0 0 ;
	}
	 
	#offer-list{
		float: left ;
		width: 300px ;
		margin: 13px 0 0 0 ;
	}
	
		#offer-list li{
			display: inline-block ;
			float: left ;
			width: 147px ;
			line-height: 24px ;
			font-size: 13px ;
			background: url(images/orange-bullet.png) 0 8px no-repeat ;
			text-indent: 14px ;
			padding-bottom: 3px ;
		}

#copy-panel{
	background: url(images/copy-panel.png) no-repeat;
	width: 479px ;
	height: 211px ;
	padding: 10px 10px 0 20px ;
}

	p{
		padding: 10px 0 0 0 ;
		line-height: 24px ;
		font-size: 12px ;
	}
	
	p.sm-top{
		padding: 2px 0 8px 0 ;
	}
	
	.blue-link{
		color: #7ab2dd ;
		font-weight: 700 ;
	}
	
	.orange-link{
		color: #ff9b00 ;
		font-weight: 700 ;
	}

#player-panel{
	background: url(images/player-panel.png) no-repeat;
	width: 259px ;
	height: 440px ;
	padding: 24px 0 0 25px ;
	line-height: 0;
}

	#video-heading{
		background: url(images/video-heading.png) no-repeat ;
		width: 239px ;
		height: 21px ;
		padding: 0 0 0 0 ;
		text-indent: -9999px ;
	}
	
	.video-thumbnail{
		margin-top: 25px ;
		width: 68px ;
		float: left ;
		cursor: pointer ;
	}
	
	.video-thumbnail2{
		margin-top: 20px ;
		width: 68px ;
		float: left ;
		cursor: pointer ;
	}
	
	 .left-margin{
	 	margin-left: 18px ;
	 }
	
		.video-thumbnail span{
			line-height: 1 ;
		}

		.video-thumbnail2 span{
			line-height: 1 ;
		}
		
#broker{
	background: url(images/button-sprites.png) 0 -121px no-repeat;
	width: 272px ;
	height: 27px ;
	display: block ;
	text-indent: -9999px ;
	margin: 11px 0 0 6px ;
}
#broker:hover{
	background: url(images/button-sprites.png) 0 -94px no-repeat;
}

#news{
	background: url(images/button-sprites.png) -272px -121px no-repeat;
	width: 130px ;
	height: 27px ;
	display: block ;
	margin: 11px 0 0 6px ;
	float: left ;
	text-indent: -9999px ;
}
#news:hover{
	background: url(images/button-sprites.png) -272px -94px no-repeat;
}

#info{
	background: url(images/button-sprites.png) -402px -121px no-repeat;
	width: 130px ;
	height: 27px ;
	display: block ;
	margin: 10px 0 0 12px ;
	float: left ;
	text-indent: -9999px ;
}
#info:hover{
	background: url(images/button-sprites.png) -402px -94px no-repeat;
}

.small{
	color: #fff ;
	font-size: 9px ;
	margin-left: 28px ;
	padding-top: 0 ;
}

.white{
	color: #fff ;
	font-size: 11px ;
	margin-left: 28px ;
	padding-top: 0 ;
}

a.white{
	color: white ;
	margin-left: 0 ;
	padding-top: 0 ;
}

#footer-links{
	padding: 7px 0 0 35px;	
	clear: left ;
	float: left ;
	width: 270px ;
}

	#footer-links li{
		display: inline ;
	}
	
	#footer-links li.bullet{
		background: url(images/bullet-orange-line.png) 0 3px no-repeat ;
		padding-left: 7px ;
		margin-left: 5px ;
	}
	
		#footer-links li a{
			font-size: 10px ;
			color: #000 ;
			text-decoration: none ;
		}
		#footer-links li a:hover{
			text-decoration: underline ;
		}
.small-para{
	float: left ;
	font-size: 8px ;
	font-style: italic ;
	line-height: 1em ;
	margin-left: 50px ;
	margin-top: 10px ;
}