@charset "UTF-8";

/*Fonts Begin Here*/
@font-face {
    font-family: 'kaushan_scriptregular';
    src:url('fonts/kaushanscript-regular-webfont.eot');
    src: url('fonts/kaushanscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kaushanscript-regular-webfont.woff') format('woff'),
         url('fonts/kaushanscript-regular-webfont.ttf') format('truetype'),
         url('fonts/kaushanscript-regular-webfont.svg#kaushan_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Fonts End Here*/

/**Responsive Code Begins Here**/

@media screen and (max-width: 540px) {
	
    body {
    width: 540px !important;
    height: auto !important;
    margin: 0 auto !important;
    }
    
    #menuContainer {
	    width: 540px !important;
	    margin: 10% auto !important;
    }
	
	#bluebar {
		background-image: none !important;
		margin: 10% auto !important;
}

	logo {
		width: 100% !important;
		margin: 0 29% !important;
		height: auto !important;
		float: none !important;
	}
	
			nav {
				width: 165% !important;
				margin: 0 -10%  !important;
			}
			
			
				nav ul li {
					width: 100% !important;
					float: none !important;
					display: inline !important;
				}
				
					nav ul li a {
						width: 100% !important;
						float: none !important;
						color: #01ffff !important;
					}
					
					
						#bodyContainer {
							width: 540px !important;
							height: auto !important;
							margin: 10% auto !important;
						}
						
							#slider {
								width: 540px !important;
								float: none !important;
								margin: 20% 21% !important;
							}
							
								#slider img {
									width: 100% !important;
									height: auto !important;
									margin: 10% auto !important;
									display: block !important;
								}
							
#footerBox {
	width: 145% !important;
	height: auto !important;
	margin: -20% auto !important;
	display: block !important;
}

	#footerContainer {
		width: 540px !important;
		height: auto !important;
		display: block !important;
	}
	
		#bottomNav {
				width: 100% !important;
				height: auto !important;
				float: none !important;
				display: block !important;
				text-align: center;
			}
													
			#bottomNav ul {
				width: 100% !important;
				padding: 0 0 0 0 !important;
				text-align: center;
			}
			

					#bottomsocialMedia {
						width: 100% !important;
						height: auto !important;
						margin: 0 auto !important;
						float: none !important;
						text-align: center;
					}
					
						#bottomsocialMedia ul {
							width: 100% !important;
							padding: 0 0 0 0 !important;
							text-align: center !important;
						}
						
							#phoneNumber {
								width: 100% !important;
								height: auto !important;
								margin: 0 auto !important;
								float: none !important;
							}
							#phoneNumber p {
								width: 100% !important;
								padding: 0 !important;
							}
	
}


@media only screen and (min-width:541px) and (max-width: 951px) {
	
    body {
    width: 540px !important;
    height: auto !important;
    margin: 0 auto !important;
    }
    
    #menuContainer {
	    width: 540px !important;
	    margin: 10% auto !important;
    }
	
	#bluebar {
		background-image: none !important;
		margin: 10% -25% !important;
}

	logo {
		width: 100% !important;
		margin: 0 8% !important;
		height: auto !important;
		float: none !important;
	}
	
			nav {
				width: 165% !important;
				margin: 0 -10%  !important;
			}
			
			
				nav ul li {
					width: 100% !important;
					float: none !important;
					display: inline !important;
				}
				
					nav ul li a {
						width: 100% !important;
						float: none !important;
						color: #01ffff !important;
					}
					
					
						#bodyContainer {
							width: 540px !important;
							height: auto !important;
							margin: 10% auto !important;
						}
						
							#slider {
								width: 540px !important;
								float: none !important;
							}
							
								#slider img {
									width: 100% !important;
									height: auto !important;
									margin: 10% auto !important;
									display: block !important;
								}
							
#footerBox {
	width: 100% !important;
	height: auto !important;
	margin: -20% auto !important;
	display: block !important;
}

	#footerContainer {
		width: 540px !important;
		height: auto !important;
		display: block !important;
	}
	
		#bottomNav {
				width: 100% !important;
				height: auto !important;
				float: none !important;
				display: block !important;
				text-align: center;
			}
													
			#bottomNav ul {
				width: 100% !important;
				padding: 0 0 0 0 !important;
				text-align: center;
			}
			

					#bottomsocialMedia {
						width: 100% !important;
						height: auto !important;
						margin: 0 auto !important;
						float: none !important;
						text-align: center;
					}
					
						#bottomsocialMedia ul {
							width: 100% !important;
							padding: 0 0 0 0 !important;
							text-align: center !important;
						}
						
							#phoneNumber {
								width: 100% !important;
								height: auto !important;
								margin: 0 auto !important;
								float: none !important;
							}
							#phoneNumber p {
								width: 100% !important;
								padding: 0 !important;
							}
	
}



/**Responsive Code ENDS Here**/

body {
	background-color: #000 !important;
	font-family: 'kaushan_scriptregular'; 
	color: #01ffff;
	line-height: 1.5em;
}


#bluebar {
	background-image: url(img/bluebar.png);
	width: 100%;
	height: 50px;
	display: block;
	margin: 50px auto;
}

	logo {
		width: 469px;
		height: 150px;
		display: block;
		float: left;
		margin: -40px auto;
		}
	

/**#menuContainer {
	width: 940px;
	margin: 0 auto;
	display: block;
}
**/

#index a {
	color: #FFF !important;
}

.colorchange a:hover {
	color: #FFF !important;
}

		nav {
			display: block;
			float: left;
			font-family: 'kaushan_scriptregular'; 
			}
			
			nav ul {
				margin: 12px auto;			
				}
			
				nav ul li {
					color: #000;
					float: left;
					display: inline;
					text-align: right;
					padding: 0 0 0 40px;
					font-family: 'kaushan_scriptregular'; 
					font-size: 33px;
				}
				
					nav ul li a {
						font-size: 30px;
						text-decoration: none;
						color: #000000;
					}
					
					
					
/********************BEGIN BODY SECTION OF PAGE****************************/
#slider {
	width: 960px;
	height: 587px;
	display: block;
	margin: 0 auto;
	position: relative;
}

#bodyContainer {
	width: 960px;
	height: 640px;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
/*** ORIGINAL NO SLIDER BACKGROUND 

#bodyImage {
	background-image: url(img/cherryblossom2.png);
	background-repeat: none;
	width: 1200px;
	height: 883px;
	display: block;
	margin: -100px auto;
	padding-right: 100px;
}

***/ 


/******************BEGIN FOOTER SECTION OF PAGE****************************/

#footerBox {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 150px;
	background-color: #181818;
}

	#footerContainer {
		width: 960px;
		height: 100px;
		display: block;
		margin: 0 auto;
	}
	
		#bottomNav {
				width: 440px;
				height: 70px;
				display: block;
				margin: 40px auto auto auto;
				float: left;
				border-width: 1px;
				border-color: #7e7e7e;
				border-style: solid;
				clear: both;
			}
													
			#bottomNav ul {
				padding: 8px 0 0 40px;
			}
													
													
			#bottomNav ul li {
				display: inline;
				text-align: center;
				padding: 0 0 0 7px;
				color: #01ffff;
				font-family: 'kaushan_scriptregular';
				font-size: 20px;
			}
													
													
			#bottomNav ul li a {
				text-decoration: none;
				color: #01ffff;
			}
			
/**Line Footer Change			#bottomNav .lineFont {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			}

**/


					#bottomsocialMedia {
						width: 170px;
						height: 70px;
						display: block;
						margin: 40px auto auto 35px;
						border-width: 1px;
						border-color: #7e7e7e;
						border-style: solid;
						float: left;
						text-decoration: none;
					}
					
						#bottomsocialMedia ul {
							padding: 2px 0 0 20px;
							text-decoration: none;
						}
							
						
						#bottomsocialMedia ul li {
							display: inline;
							padding: 0 0 0 20px;
							text-decoration: none;
						}
						
						
							#phoneNumber {
								width: 272px;
								height: 70px;
								display: block;
								margin: 40px auto auto 15px;
								border-width: 1px;
								border-color: #7e7e7e;
								border-style: solid;
								float: right;
							}
							
							#phoneNumber a {
								text-decoration: none;
								color: #01ffff;
							}
	
							#phoneNumber p {
								text-align: center;
								color: #01ffff;
								font-family: 'kaushan_scriptregular';
								font-size: 23px;
								padding: 1px 0 0 0;
							}