/***************************************************
* PAGE STYLE SHEET ELEMENTS
***************************************************/
	body{ width: 100%; xoverflow: hidden; }

	#footer { padding:10px 0px; }
	
	#main-content {
		position: relative;		
		background-color:#d6d6d6;
		height:425px;
		width: 100%;		
		padding:0px;
		overflow: hidden;
		
	}
		
	#error-message{
		position: relative;
		margin: 0px 20px 0px 20px;   
		padding: 150px 30px 40px 30px;	
		width: 650px;
		text-align:center;
		font-size: 28px;
		line-height: 34px;
		color: #333333;
	}
	
	#main-content #content-scroll {
		width: 100%;
		margin: 42px auto 20px auto;
		padding: 0px 0px 0px 0px;	
		overflow: hidden;
	}
	
	#main-content #content-scroll #content-holder {
		position: relative;
		margin: auto auto auto auto;
		height: 370px;
        width: 340px;
	}

	#loading-animation {
		position: relative;
		background: url(images/loading_animation.gif) no-repeat top left;
		visibility: hidden;
		margin: 0px auto 0px auto;
		width: 208px;
		height: 13px;
		float: left;
        left: -104px;
		top: 190px;
	}
	
/***************************************************
* MENU SHEET ELEMENTS
***************************************************/
	
	#main-content #homepage-menu-container{
		position: absolute;
		float: left;
		top: 10px;
		width: 100%;
	}

	#main-content #homepage-menu{
		position: relative;
        visibility: hidden;    
		margin: 0px auto 0px auto;
		padding:0px 0px 0px 0px;
		width: 963px;
	}

	#main-content #menu{
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
        background: url(images/menu_background.gif) no-repeat top left;
		width: 963px;
		height: 18px;
	}

	#main-content #homepage-menu #content-slider {
		  position: relative;
		  width: 885px;
		  height: 18px;
		  float:left;
	}
	
	#main-content #homepage-menu .ui-slider-handle {
		position: absolute;	
		background: url(images/slider.png) no-repeat top left;
		width: 78px;
		height: 18px;
		top: 0px;
	}


/***************************************************
* YOUTUBE WIDGET STYLE SHEET ELEMENTS
***************************************************/

	.aboutCompany { 
		position: relative;
		background: url(images/about_background.png) no-repeat top left;
		margin: 0px 20px 0px 20px;   
		padding: 0px 0px 0px 0px;
        font-size: 10px;
		font-weight: 100;
		line-height: 14px;
		color: #333333;    
		width: 340px;
		height: 364px;
		float: left;
	}
    
    .aboutCompany .aboutHTMLContent {
		position: absolute;	
		width: 330px;
		height: 354px;
		float: left;
	}
            
    .aboutCompany .aboutHTMLContent h6{
		text-transform: uppercase;
        margin: 10px 0px 5px 0px;   
		padding: 0px 10px 0px 10px;    
		font-size: 14px;
		line-height: 14px;
		color: #F68E1E;
	}
    
    .aboutCompany .aboutHTMLContent p{
        margin: 10px 0px 0px 0px;   
		padding: 0px 10px 0px 10px;    
	}

    .aboutCompany .aboutHTMLContent a{color: #F68E1E;}
    

/***************************************************
* NEWS WIDGET STYLE SHEET ELEMENTS
***************************************************/

	.newsItemTop { 
		position: relative;
		background: url(images/news_background.png) no-repeat top left;
		margin: 0px 20px 0px 20px;   
		padding: 0px 0px 0px 0px;	
		width: 340px;
		height: 160px;
		float: left;
		top:20px;
		
	}

	.newsItemBottom { 
		position: relative;
		background: url(images/news_background.png) no-repeat top left;
		margin: 0px 20px 0px 20px;   
		padding: 0px 0px 0px 0px;	
		width: 340px;
		height: 160px;
		float: left;
		top: 190px;
		
	}	
	
	.newsDescription{
		position: absolute;		
		font-size: 10px;
		font-weight: 100;
		line-height: 14px;
		color: #333333;
		float: left;
		top: 10px;
		left: 10px;
		width: 310px;
		overflow: hidden;
	}
	
	.newsPublishedDate{
		position: absolute;		
		font-size: 11px;
		line-height: 14px;
		color: #333333;
		float: left;
		top: 113px;
		left: 10px;
		overflow: hidden;
	}
	
	.newsCategory{
		position: absolute;		
		text-transform: uppercase;	
		font-size: 14px;
		line-height: 14px;
		color: #F68E1E;
		float: left;
		top: 129px;
		left: 10px;
		overflow: hidden;
	}

	.newsReadMore{
		position: absolute;			
		font-size: 11px;
		line-height: 14px;
		color: #F68E1E;
		float: right;
		top: 129px;
		right: 20px;
		overflow: hidden;
	}

	.newsReadMore a{color: #F68E1E;}


/***************************************************
* YOUTUBE WIDGET STYLE SHEET ELEMENTS
***************************************************/

	.widgetItem { 
		position: relative;
		background: url(images/video_player_background.png) no-repeat top left;
		margin: 0px 20px 0px 20px;   
		padding: 0px 0px 0px 0px;
		width: 340px;
		height: 364px;
		float: left;
		
	}
	
	.widgetItem .flashWidget {
		z-index: 2;		
		position: absolute;
		visibility: hidden;
		background: #EFEFEF;
		width: 330px;
		height: 354px;
		float: left;
	}

	.widgetItem .widgetHTMLContent {
		z-index: 1;		
		position: absolute;	
		background: #EFEFEF url(images/widget_background.jpg) no-repeat top left;
		width: 330px;
		height: 354px;
		float: left;
	}
	
	.swfImageOverlay{
		position: absolute;	
		background: url(images/video_play_button.png) no-repeat top left;
		width: 320px;
		height: 240px;
		float: left;
        cursor: pointer;
		top: 5px;
		left: 5px;
	}

	.swfImage{
		position: absolute;	
		background-color: #000000;
		width: 320px;
		height: 240px;
		float: left;
		top: 5px;
		left: 5px;
	}
	
	.swfTitle{
		position: absolute;		
		font-size: 14px;
		color: #333333;
		float: left;
		top: 258px;
		left: 10px;
		overflow: hidden;
	
	}
	
	.swfPublishedDate{
		position: absolute;		
		font-size: 11px;
		line-height: 14px;
		color: #333333;
		float: left;
		top: 293px;
		left: 10px;
	
	}
	
	.swfCategory{
		position: absolute;
		text-transform: uppercase;	
		font-size: 14px;
		line-height: 14px;
		color: #F68E1E;
		float: left;
		top: 312px;
		left: 10px;
		overflow: hidden;
	}