/* ================ $global ================ */
/**
* Global styles that will be used throughout the site - template, layout and plugins e.g. regularly used backgrounds, text styles, drop shadows, rounded corners
 
* CSS broken out into separate files during development to make it easier for multiple people to work on the one project

*	1. Typography
		@font-face fonts
		Headings
		Paragraphs
		Lists
		Other markup elements - dt, dd, pre, cite etc
		Text Links

*	2. Modals
		Generic modal styles
		Specific styles
		1st level
		Photo Album
		2nd level
		Kids

*	3. Misc
		Spinning Loader

*/





/************************************************************************

		REPLACE @import RULES WITH STYLES FROM
		INDIVIDUAL FILES WHEN SITE GOES LIVE
		
		@import FOR DEV PURPOSES ONLY

************************************************************************/
@import url("global-typography.css");
@import url("global-modal.css");
@import url("global-icons.css");




/* ================ $drop shadow ================ */
/*
.drop-shadow{
	-moz-box-shadow: 0 0 9px 0 #444;
	-webkit-box-shadow: 0 0 9px 0 #444;
	box-shadow: 0 0 9px 0 #444;
}
*/










/* ================ spinning loader ================ */
/* == wrapper == */
.loader-wrapper{
	height: 45px;
	text-align: center;
	margin: 40px 0;
}

/* == content == */
.loader-wrapper h3{
	margin: 0 0 0 10px;
	padding: 0;
	display: inline-block;
	line-height: 45px;
	vertical-align: top;
}


/* == loader == */
#circular3dG{
	position:relative;
	width:45px;
	height:45px;
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: 45px;
}

.circular3dG{
	position:absolute;
	background-color:#485A43;
	width:13px;
	height:13px;
	-webkit-border-radius:13px;
	-webkit-animation-name:bounce_circular3dG;
	-webkit-animation-duration:1.04s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
}

#circular3d_1G{
	left:18px;
	top:3px;
	-webkit-animation-delay:0.39s;
}

#circular3d_2G{
	left:27px;
	top:11px;
	-webkit-animation-delay:0.52s;
}

#circular3d_3G{
	left:33px;
	top:20px;
	-webkit-animation-delay:0.65s;
}

#circular3d_4G{
	left:31px;
	top:30px;
	-webkit-animation-delay:0.78s;
}

#circular3d_5G{
	left:19px;
	top:33px;
	-webkit-animation-delay:0.9099999999999999s;
}

#circular3d_6G{
	left:4px;
	top:22px;
	-webkit-animation-delay:1.04s;
}

#circular3d_7G{
	left:0px;
	top:6px;
	-webkit-animation-delay:1.1700000000000002s;
}

#circular3d_8G{
	left:8px;
	top:0px;
	-webkit-animation-delay:1.3s;
}

@-webkit-keyframes bounce_circular3dG{
	0%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(.3)}
}