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

html, body {
		height:100%;
		}

body {
	background-color:#434241;
 	overflow-x:hidden;
*	overflow-x:auto;	/*IE hack*/
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:0px;
}

p {
	margin:0px;
	padding:0px;
}

#container {
	margin:0 auto;
	text-align:left;
	width:888px;
	clear:left;
	padding-left:70px; /*the video needs to be centered, so offset by width of menu + width of padding-left for menu*/
	
	padding-top:30px;
}

/*div in order on the page*/
#WhiteTop {
	height:100px;
	width:100%;
	background-color:#FFFFFF;
	padding-left:70px;
}

h1 {
	height:129px;
	width:888px;
	margin:0 auto;
	background-image:url(../img/askoLogo.gif);
	background-repeat:no-repeat;
	
	clear:left;
	
	padding-bottom:0px;
	padding-top:0px;
	padding-left:70px;
	padding-right:0px;
}

#GreyVideoTop {
	background-image:url(../img/TopMiddleCorner.gif);
	background-repeat:no-repeat;
	background-color:#504F4E;
	margin:0px;
	color:#FFFFFF;
	font-size:12px;
	
	padding:24px;
	width:592px; /*minus the padding x2 from the width */
	float:left;
}

#video {
	height:380px;
	width:640px;
	padding-bottom:10px;
	float:left;
}

#RangeFlash {
	height:400px;
	width:640px;
	padding-bottom:10px;
	float:left;
}

#thumbs {
	float:left;
	padding-left:28px;
	width:220px;
}

#footer {
	padding-left:20px;
	font-size:12px;
	width:600px;
}

.thumbnail {
	width:220px;
	height:127px;
	margin:0px;
}

.thumbnailNarrow {
	width:220px;
	height:64px;
	margin:0px;
}

/*end divs in order*/

h2 {
	font-size:26px;
	color:#B0AFAD;
	padding-bottom:5px;
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	font-weight:normal;
}

ul {
	margin:0px;
	padding-bottom:0px;
	padding-right:0px;
	list-style:none;
	
	float:left;
	padding-top:18px;
	padding-left:28px;
	width:143px;
	height:113px;
	font-size:12px;
	line-height:14px;
}

li {
	display:inline; /*IE bug fix*/
	margin:0px;
	margin-left:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
	color:#4D4C4B;
	line-height:14px;
	vertical-align:middle;
}

li a:link {
	text-decoration:none;
	color:#4D4C4B;
}

li a:visited {
	text-decoration:none;
	color:#4D4C4B;
}

li a:hover {
	color:#AC3243;
	text-decoration:none;
}

.MenuTabCorner {
	display:block;
	background-image:url(../img/LightTab.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-left:10px;
	width:143px;
	height:22px;
}

.MenuTab {
	display:block;
	background-image:url(../img/LightTabNoCorner.gif);
	background-repeat:no-repeat;
	padding-top:5px;
	padding-left:10px;
	width:143px;
	height:22px;
}

h3 {
	background-image:url(../img/RedTab.gif);
	background-repeat:no-repeat;
	width:133px;
	height:19px;
	padding-top:5px;
	padding-left:10px;
	margin:0px;
	padding-bottom:0px;
	padding-right:0px;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
}

.GreyUnderThumb {
	height:19px;
	width:210px;
	font-size:12px;
	color:#FFFFFF;
	padding-top:7px;
	padding-left:10px;
	background-color:#504F4E;
}

/*the footer is a link so handle that stuff below*/
#footer a:link {
	font-size:12px;
	color:#B0AFAD;
	text-decoration:none;
}

#footer a:visited {
	font-size:12px;
	color:#B0AFAD;
	text-decoration:none;
}

#footer a:hover {
	font-size:12px;
	color:#AC3243;
	text-decoration:none;
}