/*================================
			RESET
================================*/

html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video							{ font-family: arial, sans-serif; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }

textarea, input, select												{ font-family: arial, sans-serif; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }

article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu										{ display: block; }

h1, h2, h3, h4, h5, h6													{ font-size: 100%; font-weight: bold; }
del, ins																		{ text-decoration: none; }
ol, ul																			{ list-style: none; }
nav ul																		{ list-style-type: none; }
table																			{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus																		{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q															{ quotes: "" ""; }



/*========================
		Links
========================*/
a:link 		{color: #000; text-decoration: none;}
a:visited 	{color: #000; text-decoration: none;}
a:hover 		{color: #000; text-decoration: none;}
a:active 	{color: #000; text-decoration: none;}

body {
	background: url(images/bg.jpg) repeat-x #c0c0c0;
}

/* Main Wrap */
#wrap-main {
	margin: 0 auto;
	width: 964px;
}

/* Header */
#header {
	background: url(images/header.jpg) no-repeat;
	height: 299px;
	width: 964px;
}

	.btn-1 {
		background: url(images/btn-1.png) no-repeat;
		float: left;
		height: 41px;
		margin: 13px 0 0 51px;
		width: 195px;
	}
	.btn-1:hover{ background-position: 0 -41px; }

/* The Container */
.container {
	background: url(images/bg-wrap.png) repeat-y;
	float: left;
	padding: 40px 0 0 0;
	width: 964px;
}

	/* The left Container */
	.container-left {
		float: left;
		margin: 0 0 0 66px;
		width: 353px;
	}
		
		.rates {
			margin: 0 0 40px 0;
			width: 353px;
		}
		
		.videos-title {
			background: url(images/videos.jpg) no-repeat;
			height: 49px;
			width: 352px;
		}
		
		.videos {
			width: 352px;
		}
		
		.video-list li {
			background: url(images/videos-list.jpg);
			height: 112px;
			margin: 0 0 2px 0;
		}
		
			.video-list li img {
				float: left;
				margin: 10px 10px 0 10px;
			}
			
			.video-list li h2 {
				color: #ae191c;
				float: left;
				font-family: times, serif;
				font-weight: bold;
				font-size: 16px;
				margin: 8px 0 0 0;
				width: 225px;
			}
			
			.ocupation {
				color: #01466d;
				float: left;
				font-family: arial, sans-serif;
				font-size: 11px;
				width: 210px;
			}
			
			.ocupation2 {
				color: #555555;
				float: left;
				font-family: arial, sans-serif;
				font-size: 12px;
				width: 200px;
			}
			
			.video-list li p a {
				color: #555555;
				float: left;
				font-family: arial, sans-serif;
				font-size: 11px;
				margin: 5px 0 0 0;
				width: 220px;	
			}
			
		.note {
			font-size: 11px;
			margin: 10px 50px 30px 0;
		}
		
	/* The left Container */
	.container-right {
		float: right;
		margin: 0 66px 0 0;
		width: 460px;
	}
		
		.video {
			float: right;
			height: 296px;
			width: 461px;
		}

		.policy-tile {
			background: url(images/policy.jpg) no-repeat;
			float: right;
			height: 49px;
			margin: 10px 0 0 0; 
			width: 453px;
		}
		
		.policy-box {
			background: url(images/policy-box.jpg);
			float: right;
			font-size: 12px;
			height: 107px;
			padding: 0;
			width: 453px;
		}
			.policy-box p {
				margin: 10px 0 0 10px;
			}
		
		.policy-box2 {
			background: url(images/policy-box2.jpg);
			float: right;
			font-size: 12px;
			height: 305px;
			width: 453px;
		}
		.policy-box2-bottom {
			background: url(images/policy-box2-bottom.jpg);
			float: right;
			font-size: 12px;
			height: 55px;
			margin: 0 0 10px 0;
			width: 453px;
		}
		
			.policy-box2 h2 {
				background: #c6c3ba;
				color: #ae191c;
				float: left;
				margin: 10px 0 0 0;
				padding: 4px 0 4px 10px;
				width: 443px;
			}
		
			.policy-box2 img {
				float: left;
				margin: 10px 10px 20px 15px;
			}
			
			.policy-box2 p {
				float: left;
				font-size: 11px;
				margin: 10px 0 0 0;
				width: 365px;
			}
			
			.policy-box2 ul {
				color: #999;
				float: left;
				margin: 8px 0 0 0;
				width: 350px;
			}
			
			.btn-2 {
				background: url(images/btn-2.png) no-repeat;
				float: left;
				height: 30px;
				margin: 0 0 0 170px;
				width: 268px;
			}
			.btn-2:hover{ background-position: 0 -30px; }

			
		.report-title {
			background: url(images/download-reports.jpg);
			float: right;
			height: 50px;
			width: 450px;
		}
		
		.dw-report {
			float: left;
			font-size: 12px;
			margin: 0 0 0 20px;
			width: 435px;
		}
		
		.dw-report li {
			border-bottom: 0px solid #c5c5c5;
			color: #ae191c;
			font-weight: bold;
			padding: 10px 0 6px 0;
		}
		
		.dw-report li a {
			color: #504d4b;
			float: left;
			font-weight: normal;
		}
				
		.dw-report li span {
			float: right;
			margin: 0 0 0 15px;
			*margin-top: -25px;
		}
		
		/* Target Firefox 3 
		.dw-report li span, x:-moz-any-link, x:default {
			margin: -15px 0 0 15px;
		}*/
		
		.dw-report img {
			float: right;
			*float: none;
			margin-top: -5px;
		}

		.nets {
			float: right;
			margin: 30px 0 30px 0;
		}
		
		.nets span {
			float: left;
			color: #504d4b;
			font-size: 12px;
			margin: 8px 10px 0 0 ;
		}

		
	/* Footer */
	#footer {
		background: url(images/footer.png);
		float: left;
		height: 94px;
		width: 964px;
	}