/* 
******************************************************************************************************************************
******* CSS Layout FDS 1.0 ***************************************************************************************************
******* Author: Shane Horner http://www.forgedesignstudio.com ****************************************************************
******* @copyright Copyright (c) 2009, Forge Design Studio, http://www.forgedesignstudio.com *********************************
****************************************************************************************************************************** 
*/
  
/* *************************************************************************************************************************** BODY AND CONTAINER INFO *** */				
body{
background-color: #D8861E; 
color: #333; 
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; 
font-size: 81.25%; /* Resets 1em to 13px */
line-height: 1.5em;
text-align: center;
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
div#clear{
clear: both;
}
div#container{
height: 100%;
width: 100%;
}
	div#main-container{
	margin: 0 auto;
	background: url(../images/whitebg.png);
	width: 1008px;
	min-height: 1400px;
	height: auto!important;
	height: 1400px;
	position: relative;
	}
		div#site-container{
		position: relative;
		margin: 0 auto;
		width: 960px;
		background-color: #000;
		}
	

/* *************************************************************************************************************************** PAGE LINKS *** */				
a.pagelink{
color: green!important;
text-decoration: underline!important;
}
a.pagelink:hover{
color: orange!important;
text-decoration: underline!important;
}
/* *************************************************************************************************************************** HEADER *** */				
		div#header{
		width: 960px;
 		height: 477px;
		}
			div#header-container{
			width: 960px;
	 		height: 477px;
	 		text-align: left;
			}
				div#header-container-inner{
				margin: 0 auto;
				width: 960px;
				text-align: left;
				}
					div#header-nav{
					width: 960px;
					height: 48px;
					text-align: right;
					position: absolute;
					top: 0px;
					z-index: 1000;
					}
						div#header-nav-inner-left{
						margin-left: 210px;
						float: left;
						width: 27px;
						height: 44px;
						background: url(../images/nav-end.png) no-repeat;
						}
						div#header-nav-inner-right{
						float: left;
						width: 723px;
						height: 44px;
						line-height: 44px;
						color: #D8861E;
						background-color: #000;
						}

/* *************************************************************************************************************************** FLASH ANIMATION HEADER *** */									
	div#flash-animation-left{
	width: 792px;
	height: 477px;
	float: left;
	}						
	div#flash-animation-right{
	width: 168px;
	background-color: #000;
	height: 477px;
	float: left;
	padding-top: 100px;
	}					
		div#flash-animation-right ul{
		margin: 0px!important;
		padding: 0px!important;
		}	
			div#flash-animation-right li{
			list-style: none!important;
			text-align: center;
			color: #fff;
			text-transform: uppercase;
			font-size: 11px;
			padding-bottom: 25px;
			}
				div#flash-animation-right li a{
				color: #fff!important;
				text-decoration: none!important;
				}
				div#flash-animation-right li a:hover{
				color: #ffffcc!important;
				text-decoration: none!important;
				}
	
/* *************************************************************************************************************************** MIDDLE SECTION *** */			
	div#middle{
	position: absolute;
	top: 477px;
	left: 24px;
	width: 960px;
	height: auto;
	background-color: #000;
	}
	
/* *************************************************************************************************************************** MIDDLE SECTION *** */			
	div#adbanner{
	width:410px;
	height:182px;
	position: absolute;
	overflow: hidden;
	background-color: black;
	}
		div#adbanner-inner{
		width:410px!important;
		height:132px!important;
		}			
	
/* *************************************************************************************************************************** FLOATING ICONS *** */			
	div#floater-logo{
	position: absolute;
	top: 0px;
	left: -144px;
	width: 440px;
	height: 232px;
	background: url(../images/logo.png) no-repeat;
	}
	div#floater-bottom{
	position: absolute;
	top: 400px;
	right: -207px;
	width: 207px;
	height: 175px;
	background: url(../images/flag-bottom.png) no-repeat;
	}
	div#floater-clock{
	position: absolute;
	top: 395px;
	width: 159px;
	height: 39px;
	right: 208px;	
	}
	div#floater-clock-inner{
	position: absolute;
	width: 500px;
	height: 39px;
	top: 417px;
	right: -90px;	
	color: #fff;
	padding-top: 7px;
	font-size: 9pt;
	padding-left: 5px;
	}
		span.clockelement-days{
		padding-right: 18px;
		}
		span.clockelement-hr{
		padding-right: 24px;
		}
		span.clockelement-min{
		padding-right: 13px;
		}
		span.clockelement-sec{

		}
	div#floater-date{
	position: absolute;
	width: 440px;
	height: 232px;
	top: 355px;
	right: -100px;
	background: url(../images/countdown.png) no-repeat;
	}
	div#floater-shop{
	position: absolute;
	top: 275px;
	left: 800px;
	width: 152px;
	height: 171px;
	}		

/* *************************************************************************************************************************** PAGE CONTENT *** */				
	div#layout-a{
	width: 960px;
	background-color: #000;
	}
		div#idaho-logo{
		position: absolute;
		z-index: 10;
		right: 0px;
		top: 0px;
		background: url(../images/idaho-rally.png) no-repeat;
		width: 57px;
		height: 468px;
		}
		div#layout-a-left{
		float: left;
		width: 960px;
		text-align: left;
		background-color: #000;
		}
			div#layout-a-left-inner-left{
			float: left;
			width: 50px;
			}	
				div#layout-a-left-inner-left-top{
				background: url(../images/sidebar-left.png) no-repeat;
				width: 50px;
				height: 20px;
				}
			div#layout-a-left-inner-right{
			float: left;
			text-align: left;
			width: 910px;
			background-color: #fff;
			padding-bottom: 132px;
			}
				div#layout-a-left-inner-right-left{
				width: 500px;
				float: left;
				background-color: #fff; /* change this to add image and not white background from main section */
				/* background: url(http://....); */
                                }
					div#layout-a-left-inner-right-inner{
					padding: 20px;
					}
				div#layout-a-left-inner-right-right{
				width: 410px;
				float: left;
				background-color: #000;
				}			
		div#layout-a-right{
		float: left;
		width: 410px;
		overflow-x: hidden;
		text-align: left;
		}
			div#pageimage{
			min-height: 605px;
			}
			div#sidebarheader-container{
			width: 960px;
			height: 44px;
			background-color: #fff;
			}
				div#sidebartitle{
				float: left;
				width: 450px;
				height: 44px;
				line-height: 44px;
				}
				div#sidebarheader{
				width: 510px;
				height: 44px;
				background-color: #fff;
				float: left;
				}
					div#sidebarheader-left{
					float: left;
					width: 27px;
					height: 44px;
					background: url(../images/body-end-top.png) no-repeat;
					}
					div#sidebarheader-right{
					float: left;
					width: 483px;
					height: 44px;
					background-color: #000;
					}

/* *************************************************************************************************************************** VIDEO PAGE *** */				
	div#layout-a-video{
	width: 960px;
	background-color: #000;
	}
		div#layout-a-left-video{
		float: left;
		width: 960px;
		text-align: left;
		background-color: #000;
		}
			div#layout-a-left-inner-left-video{
			float: left;
			width: 50px;
			}
			div#layout-a-left-inner-right-video{
			float: left;
			text-align: left;
			width: 910px;
			background-color: #fff;
			}
				div#layout-a-left-inner-right-inner-video{
				padding: 20px;
				}
/* *************************************************************************************************************************** PAGE CONTENT *** */				
		div#pagecontent{
		position: relative;
		background: url(../images/bg-bar.png);
		display: block;
		text-align: left;
		padding-top: 20px;
		}
		
/* *************************************************************************************************************************** LEFT CONTAINER *** */				
			div#pagecontent-left-container{
			width:671px;
			text-align: left;
			background-color: #f7f4eb;
			float: left;
			margin-left: 25px;
			margin-right: 10px;
			margin-top: 25px;
			margin-bottom: 50px;
			}
				div#pagecontent-left-container-bg{
				background: url(../images/content-bg.png) no-repeat;
				width:675px;
				text-align: left;
				top: -25px;
				left: -4px;
				position: relative;
				min-height: 450px;
				}
					div#pagetitle{
					width: 645px;
					height: 35px;
					margin-left: 20px;
					padding-top: 25px;
					text-align: left;
					}
					div#pagecontent-left-container-content{
					width:635px;
					text-align: left;
					margin-left: 20px;
					}
					
/* *************************************************************************************************************************** RIGHT CONTAINER *** */						
			div#pagecontent-right{
			margin-top: 5px;
			padding: 0px;
			float: left;
			text-align: left;
			}
				div#pagecontent-right-container{
				width: 239px;
				background: url(../images/side-bar-bg.png);
				}
				div#pagecontent-right-container-footer{
				background: url(../images/side-bar-bottom.png) no-repeat;
				height: 17px;
				width: 239px;
				}
				
/* *************************************************************************************************************************** FOOTER CONTENT *** */								
		div#footer-graphic{
		position: relative;
		background: url(../images/footer-bar.png) no-repeat;
		width: 969px;
		height: 16px;
		display: block;
		}
			div#thefooter{
			width: 960px;
			background-color: black;
			height: 300px!important;
			padding-top: 30px;
			color: #fff;
			}
				div#footer-notice{
				font-size: 1em;
				text-align: center;
				padding: 10px 10px;
				margin-bottom: 50px;
				}
				
/* *************************************************************************************************************************** PARAGRAPHS *** */								
p{
margin: 0px!important;
padding: 0px 0px 10px 0px!important;
}		

/* *************************************************************************************************************************** CALENDAR CONTENT *** */				
	div#caledar-icon{
	background: url(../images/calendar-icon.png) no-repeat;
	right: 10px;
	position: absolute;
	height: 101px;
	width: 93px;
	top: 0px;
	}

/* *************************************************************************************************************************** TABLES *** */				
	table, tr, td, th{
	font-size:9pt;
	text-align: left;
	}	

/* *************************************************************************************************************************** CONTACT FORM *** */				
	fieldset#contactus{
	margin-top: 50px;
	padding: 20px;
	width: 400px;
	border: 1px solid #eeeeee;
	position: relative;
	}
	legend#contactus{
	color: #000;
	font: 14pt tahoma, arial;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	top: -.7em;
	left: 1em;
	} 
	label.contactus{
	width: 125px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
	font: 10pt tahoma, arial;
	}
	.submit input.contactus{
	margin-left: 4.5em;
	}
	input.contactus{
	width: 200px;
	}
	textarea.contactusta{
	margin-top: 15px;
	height: 200px;
	width: 375px;
	}
	
/* *************************************************************************************************************************** PHOTO GALLERY *** */				
	div#photogallery{
	float: left;
	width: 325px;
	height: 100px;
	overflow: hidden;
	background-color: #eeeeee;
	text-align: left;
	border: 1px solid #5a5a5a;
	padding: 3px;
	}
	div#photogallery-image{
	float: left;
	width: 130px;
	}
	div#photogallery-details{
	float: left;
	width: 180px;
	}
	p#photogallery-galleryname{
	font-weight: bold!important;
	font-size: 12pt!important;
	margin: 10px 0px 0px 0px!important;
	padding: 0px!important;
	}
	p#photogallery-details{
	font-size: 8pt!important;
	margin: 10px 0px 0px 0px!important;
	padding: 0px!important;
	}
	
/* *************************************************************************************************************************** GOOGLE MAPS *** */					
	div#map{
	padding: 3px;
	border: 1px solid #5a5a5a;
	}

/***************************************************************************************************************************** VIDEO GALLERY *** */
	div#video-app-container{
	padding: 10px;
	width: 875px;
	}
	div#videoGallery{
	float:left;
	width:275px;	
	margin-right: 10px;
	}	
		div#videocard{
		width:275px;
                background-color: #333;
		border: 1px solid #D7A937;
		margin-bottom:5px;
		float: left;
		padding-bottom: 10px;
		}  
		div#videocard:hover{
		width:275px;
		border: 1px solid #D7A937;
                background-color: #333;
		margin-bottom:5px;
		}  
			div#video-inner{
			padding: 10px;
			margin: 0px;
			}
			div#videogalleryimage{
			float: left;
			width: 75px;
			margin-right: 10px;
			}
			div#videogallerydetails{
			float: left;
			width: 155px;
			padding-top: 10px;
			font-size: 8pt!important;
                        color: #fff!important;
			}	
	div#videoTracks{
	float:left;
	width:150px;
	}
	div#clipVideoPlay{
	float:left;
	}   
		div#videocard p{
		padding-top: 5px;
		font-size: .8em;
		}     	
	div#video-card-clip{
	border: 1px solid #eee; 
	padding: 10px 10px 5px 10px;
	width: 130px;
	margin-bottom: 5px;
	} 
		div#video-card-clip p{
		font-size: 8pt!important;
		width: 128px!important;
		margin: 0px!important;
		padding: 0px!important;
		} 
	div#video-card-clip:hover{
	border: 1px solid #D7A937; 
	padding: 10px 10px 5px 10px;
	width: 130px;
	margin-bottom: 5px;
	} 
	div#videoclipinfo{
	width: 390px;
	border: 1px solid #eee;
	padding: 10px;
	margin-left: 10px;
	} 
	div#videoclipinfo p.videotitle{
	font-size: 1.3em!important;
	}
	div#videoclipinfo p{
	margin: 0px;
	padding: 0px 0px 5px 0px!important;
	font-size: .9em!important;
        color: #fff!important;
	}
		a.videocardlink{
		display:block;
		font-size: 1.3em;
		cursor: pointer;
		color: #D8861E!important;
		}
		a.videocardlink:hover{
		display:block;
		color: #EB8C15!important;;
		font-size: 1.3em;
		cursor: pointer;
		}    		
		a.videocliplink{
		display: block;
		width: 200px;
		height: 25px;
		padding: 5px;
		color: #ffffcc;
		background-color: #fff;
		font-size: 1.3em;
		cursor: pointer;
		}
		a.videocliplink:hover{
		display: block;
		width: 200px;
		padding: 5px;
		height: 25px;
		background-color: #ffffcc;
		color: #ffffff;
		cursor: pointer;
		font-size: 1.3em;
		}	

/*********************************************************************************************************************************** SLIDER BOX */				
	div#emailsuccess{
	position: relative;
	color:green;
	font-weight: normal;
	font-size:10pt;
	padding-bottom:10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border:1px solid #000;
	background-color:#D8861E;
	padding: 8px;
	font-size: 12pt;
	color: #fff;
	text-align: center;
	}