/*
* CSS Layout For FDS 1.0
* Author: Shane Horner http://www.forgedesignstudio.com
* @copyright Copyright (c) 2009, Forge Design Studio, http://www.forgedesignstudio.com
*/

/*********************************************************************************************************************************** THE BODY CSS */
body{
color: #DED197; /* this changes the color of the text on the WHOLE site... */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; /* Resets 1em to 13px */
line-height: 1.5em;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background-color: #000;
text-align: center;
}


/*********************************************************************************************************************************** SITE CONTAINER */
div#site-container{
position: relative; 
width: 960px;
background: url(../images/darkbg.png) repeat-y;
margin: 0 auto;
}
	img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	}
	@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; }
	}
		div#site-container-inner{
		margin: auto;
		width: 940px;
		padding-bottom: 10px;
		}

/*********************************************************************************************************************************** HEADER INFO */
	div#header{
	position: relative;
	width: 958px;
	height: 150px;
	display: block;
	padding-top: 20px;
	}
		div#logonav{
		position: relative;
		width: 958px;
		}
			div#logo{
			text-align: left;
			width: 950px;
			height: 110px;
			padding-top: 20px;
			padding-left: 20px;
			position: relative;
			}
			
/*********************************************************************************************************************************** TOP NAV */			
			div#nav{
			z-index: 100;
			width: 100%;
			height: 35px;
			background: #000;
			position: absolute;
			left: 0;
			top: 100px;
			}
				div#nav-innter{
				position: relative;
				width: 960px;
				margin: 0 auto;
				}
			
/*********************************************************************************************************************************** TITLE CSS */			
			div#title{
			position: relative;
			width: 920px;
			margin-left: 10px;
			height: 5px;
			display: block;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			}
			
/*********************************************************************************************************************************** PAGE CONTENT */			
	div#pagecontent{
	position: relative;
	width: 940px;
	display: block;
	text-align: left;
	}

/*********************************************************************************************************************************** SLIDER BOX */				
	div#homesliderbox{
	width:698px;height:474px;
	}	

/*********************************************************************************************************************************** PAGE CONTENT LEFT*/			
		div#pagecontent-left{
		position: relative;
		width: 200px;
		display: block;
		float: left;
		z-index: 100;
		}
		
/*********************************************************************************************************************************** PAGE CONTENT RIGHT */			
		div#pagecontent-right-home{
		position: relative;
		width: 940px;
		display: block;
		float: left;
		}
		div#pagecontent-right{
		position: relative;
		width: 900px;
		display: block;
		float: left;
		padding: 20px;
		background-color: black;
		}
		div#pagecontent-right div#pagecontent-right-inner{
		width: 825px;
		margin: 0 auto;
		}
		div#pagecontent-right img{
		padding-right: 25px;
                padding-bottom: 25px;
		}
/*********************************************************************************************************************************** PAGE CONTENT FOOTER */
	div#footer{
	position: relative;
	width: 958px;
	display: block;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	}
		div#footer-notice{
		color: #fff!important;
		font-size: 1em;
		text-align: center;
		margin-top: 15px;
		}

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

/*********************************************************************************************************************************** CONTACT FORM */
	fieldset#contactus{
	width: 350px;
	border: 0px solid #eeeeee;
	position: relative;
	}
	legend#contactus{
	color: #333;
	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;
	padding: 0px;
	margin: 0px;
	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 MAP DISPLAY CSS */	
	div#mapholder{
	float:left;
	width:315px;
	}
	div#map{
	width:300px;
	height: 200px;
	}
	div#mapholdertwo{
	float:left;
	width:515px;
	}
	div#maptwo{
	width:500px;
	height: 350px;
	margin-bottom: 20px;
	}
/*********************************************************************************************************************************** IMAGE */		
	img.pageimg{
	border: 1px solid #e1e6e3;
	padding: 3px;
	}

/*********************************************************************************************************************************** IMAGE */		
	div#searchbar{
	position: absolute;
	top:100px;
	left: 625px;
	}
	h3#searchresults{
	font-size: 12pt!important;
	margin: 0px;
	padding: 0px;
	}
	a.searchlink{
	color:blue;
	font-size: .9em;
	}
	a.searchlink:hover{
	color:green;
	font-size: .9em;
	}

/*********************************************************************************************************************************** CONTACT FORM */			
	div#emailsuccess{
	position: relative;
	color:green;
	font-weight: normal;
	font-size:10pt;
	padding-bottom:10px;
	margin-top: 10px;
	border:1px solid #008C00;
	background-color:#CDEB8B;
	padding: 8px;
	font-size: 12pt;
	color: #006E2E;
	text-align: center;
	}
	
/* *************************************************************************************************************************** CALENDAR CONTENT *** */				
	div#caledarSplashImage{
	padding-top: 5px;
	}
	div#caledar-icon{
	background: url(../images/calendar-icon.png) no-repeat;
	right: 10px;
	position: absolute;
	height: 101px;
	width: 93px;
	top: 0px;
	z-index: 100;
	}
	div#calleft{
	float:left;
	width:325px;
	}
	div#calright{
	width: 500px;
	float: left;
	}
	.callink{
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	}
	.callink:hover{
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	}
	.callinkdark{
	color: #333;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	}
	.callinkdark:hover{
	color: #5a5a5a;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	}
	.calMicroLinks{
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	}
	.calMicroLinks:hover{
	color: #555;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	}
	a.morelink{
	color: yellow!important;
	}
	a.morelink:over{
	color: orange!important;
	}
/* *************************************************************************************************************************** TABLES *** */				
	table, tr, td, th{
	font-size:9pt;
	text-align: left;
	}	
	
/***************************************************************************************************************************** AUDIO GALLERY **************/
	div#audio-app-container{
	padding: 10px;
	background-color: #0D0D0D;
	width: 875px;
	}
	div#audioGallery{
	float:left;
	width:290px;
	background-color: #282828;
	margin-right: 10px;
	}
	
	div#audiogalleryimage{
	float: left;
	width: 75px;
	height: 75px;
	text-align: center;
	padding-left: 10px;
	}
	div#audiogallerydetails{
	float: left;
	width: 100px;
	padding-top: 10px;
	}
	
	div#audioTracks{
	float:left;
	width:287px;
	min-width:287px;
	}
	div#audiocard{
	width:230px;
	margin-bottom:5px;
	min-height: 50px;
	}  
	div#clipPlay{
	float:left;
	}   
		div#audiocard p{
		padding-top: 5px;
		font-size: .8em;
		}     	
	div#audiocardclip{
	background: url(http://www.forgedesignstudio.com/images/play-clip.png) no-repeat;
	padding: 0px 0px 0px 60px;
	background-position: 3% 50%;
	min-height: 75px;
	line-height: 75px;
	width:213px;
	background-color: #282828;
	margin-bottom:5px;
	} 
	div#clipinfo{
	width: 260px;
	background-color: #282828;
	padding: 8px;
	margin-left: 10px;
	} 
	div#clipinfo p{
	margin: 0px;
	padding: 0px 0px 5px 0px!important;
	font-size: .9em!important;
	}
		a.audiocardlink{
		display:block;
		font-size: 1em;
		cursor: pointer;
		}
		a.audiocardlink:hover{
		display:block;
		color: #ffffcc;
		font-size: 1em;
		cursor: pointer;
		}    		
		a.cliplink{
		display: block;
		width: 200px;
		height: 25px;
		padding: 5px;
		color: blue;
		background-color: #fff;
		font-size: 1em;
		cursor: pointer;
		}
		a.cliplink:hover{
		display: block;
		width: 200px;
		padding: 5px;
		height: 25px;
		background-color: #ffffcc;
		color: ffffcc;
		cursor: pointer;
		font-size: 1em;
		}
/***************************************************************************************************************************** VIDEO GALLERY **************/
	div#video-app-container{
	padding: 10px;
	width: 875px;
	}
	div#videoGallery{
	float:left;
	width:275px;	
	margin-right: 10px;
	}	
		div#videocard{
		width:275px;
		border: 1px solid #333333;
		margin-bottom:5px;
		float: left;
		padding-bottom: 10px;
		}  
		div#videocard:hover{
		width:275px;
		border: 1px solid #D7A937;
		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;
			}	
	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 #333333; 
	padding: 10px 10px 5px 10px;
	width: 130px;
	margin-bottom: 5px;
	} 
	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 #333333;
	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;
	}
		a.videocardlink{
		display:block;
		font-size: 1.3em;
		cursor: pointer;
		color: #ffffcc;
		}
		a.videocardlink:hover{
		display:block;
		color: #fff;
		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;
		}	
		
/*********************************************************************************************************************************** IMAGE */		
	div#staffcard{
	margin-bottom:10px;
	padding:10px;
	background-color:#111111;
	}	
	div#staffimage{
	float:left;
	width:175px;
	}
	div#staffimage img{
	padding: 5px;
	border: 1px solid #555;
	}
	div#staffdetails{
	float:left;width:525px;
	}