/*	
 *	[ TAHOOKI GRID ]
 *	
 *	by Andrew Langel of Tahooki Productions
 *	
 *	v2015.2.4 (YYYY.MM.DD)
 *	
 *	copyright 2015 Tahooki Productions
 */	
 
 body
 {
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
 }
 
 /* Grid Object Styles */
 .grid_container
 {
	background-color:#FFFFFF;
	width:100%;
	min-width:522px;
	text-align:center;
 }
 
 .grid_header
 {
	background-color:#FAFAFA;
	padding-top:11px;
	padding-left:11px;
	padding-right:11px;
	padding-bottom:11px;
	min-width:522px;
	width:auto;
	height:60px;
	overflow:hidden;
 }
	
	/* Grid Header Object Styles */
	
	.grid_header .lvl1
	{
		text-align:center;
		overflow:hidden;
	}
	
	.grid_header .lvl3
	{
		text-align:center;
		overflow:hidden;
	}
	
	.grid_header_watermark
	{
		opacity:0.1;
		position:absolute;
		margin-left:2%;
		margin-top:-82px;
		max-height:92px;
		overflow:hidden;
	}
	
	.alert
	{
		background-color:#FFA500;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		height:22px;
		text-align:left;
		font-size:16px;
		color:#FFFFFF;
		display:none;
		font-family:"Century Gothic", Gothic, Sans-serif;
		cursor:default;
		position:fixed;
		top:0px;
		width:100%;
		padding:4px;
	}
	
	.error
	{
		background-color:#FF0000;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		height:22px;
		text-align:left;
		font-size:16px;
		color:#FFFFFF;
		display:none;
		font-family:"Century Gothic", Gothic, Sans-serif;
		cursor:default;
		position:fixed;
		top:0px;
		width:100%;
		padding:4px;
	}
	
	.notification
	{
		background-color:#0030FF;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		height:22px;
		text-align:left;
		font-size:16px;
		color:#FFFFFF;
		display:none;
		font-family:"Century Gothic", Gothic, Sans-serif;
		cursor:default;
		position:fixed;
		top:0px;
		width:100%;
		padding:4px;
	}
 
 .grid_bar
 {
	width:auto;
	height:30px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#DFDFDF;
	min-width:522px;
 }
	
	/* Grid Bar Object Styles */
	
	.button_left
	{
		width:auto;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:11px;
		padding-right:11px;
		float:left;
		font-size:18px;
		font-family:"Century Gothic", Gothic, Sans-serif;
		cursor:default;
	}
	
		.button_left:hover a:hover
		{
			color:#FFFFFF;
			cursor:pointer;
			text-decoration:none;
		}
		
		.button_left a:link
		{
			color:#000000;
			cursor:default;
			text-decoration:none;
		}
		
		.button_left a:visited
		{
			color:#000000;
			cursor:default;
			text-decoration:none;
		}
	
	.button_right
	{
		width:auto;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:11px;
		padding-right:11px;
		float:right;
		font-size:18px;
		font-family:"Century Gothic", Gothic, Sans-serif;
		cursor:default;
	}
	
		.button_right:hover a:hover
		{
			color:#FFFFFF;
			cursor:pointer;
			text-decoration:none;
		}
		
		.button_right a:link
		{
			color:#000000;
			cursor:default;
			text-decoration:none;
		}
		
		.button_right a:visited
		{
			color:#000000;
			cursor:default;
			text-decoration:none;
		}
		
	.button_right_login
	{
		width:auto;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:11px;
		padding-right:11px;
		float:right;
		font-size:18px;
		font-family:"Century Gothic", Gothic, Sans-serif;
		cursor:default;
		text-decoration:none;
	}
	
		.button_right_login:hover a:hover
		{
			color:#A8A8A8;
			cursor:pointer;
			text-decoration:none;
		}
		
		.button_right_login a:link
		{
			color:#FFFFFF;
			cursor:default;
			text-decoration:none;
		}
		
		.button_right_login a:visited
		{
			color:#FFFFFF;
			cursor:default;
			text-decoration:none;
		}
 
 .grid_wrapper
 {
	display:inline-block;
	width:1566px;
	max-width:1566px;
	min-width:522px;
 }
 
	/* Grid Wrapper Object Styles */
	
	.gridbox
	{
		padding:11px;
		width:500px;
		display:inline-block;
		vertical-align:top;
	}
	
		.gridbox img
		{
			width:100%;
		}
		
	.gridbox_pinned
	{
		padding:11px;
		width:500px;
		height:auto;
		display:inline-block;
		vertical-align:top;
	}
	
		.gridbox_pinned_picturebox img
		{
			width:90%;
		}
		
	.gridbox_pinned_picturebox
	{
		position:absolute;
		opacity:0.1;
		width:auto;
		height:auto;
		overflow:hidden;
	}
		
	.gridbox_header
	{
		background-color:#DFDFDF;
		width:100%;
		text-align:center;
	}
	
	.gridbox_body
	{
		width:490px;
		text-align:justify;
		margin-left:auto;
		margin-right:auto;
		background-color:#F8F8F8;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.gridbox_body_center
	{
		width:490px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		background-color:#F8F8F8;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.gridbox_footer
	{
		width:500px;
		text-align:center;
		background-color:#DFDFDF;
		min-height:8px;
		width:500px;
		padding-top:2px;
		padding-bottom:2px;
	}
		
		.gridbox_footer .lvl5
		{
			color:#A8A8A8;
		}
	
	.gridbox_watermark
	{
		cursor:default;
		font-family:"Century Gothic", Gothic, Sans-serif;
		font-size:20px;
		font-weight:600;
		color:#F8F8F8;
		float:right;
		margin-top:-19px;
		padding-right:5px;
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-khtml-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
	}
 
.grid_footer
{
	width:100%;
	background-color:#DFDFDF;
	height:12px;
	position:fixed;
	z-index:100;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:3px;
	padding-bottom:3px;
	min-width:522px;
	bottom:0;
}
	
	/* Grid Footer Object Styles */
	.grid_footer .lvl5
	{
		color:#A8A8A8;
	}

/* Text Object Styles */

.lvl1
{
	cursor:default;
	font-family:"Century Gothic", Gothic, Sans-serif;
	font-size:32px;
	color:#000000;
}

	.lvl1 a:link
	{
		color:#000000;
		text-decoration:none;
	}
	
.lvl2
{
	cursor:default;
	font-family:"Century Gothic", Gothic, Sans-serif;
	font-size:24px;
	color:#000000;
}

	.lvl2 a:link
	{
		color:#000000;
		text-decoration:none;
	}
	
.lvl3
{
	cursor:default;
	font-family:"Century Gothic", Gothic, Sans-serif;
	font-size:18px;
	color:#000000;
}

	.lvl3 a:link
	{
		color:#000000;
		text-decoration:none;
	}
	
.lvl4
{
	cursor:default;
	font-family:"Century Gothic", Gothic, Sans-serif;
	font-size:11px;
	color:#000000;
}

	.lvl4 a:link
	{
		color:#000000;
		text-decoration:none;
	}
	
.lvl5
{
	cursor:default;
	font-family:"Century Gothic", Gothic, Sans-serif;
	font-size:10px;
	color:#000000;
}

	.lvl5 a:link
	{
		color:#000000;
		text-decoration:none;
	}
	
/* Reactive Resize Objects */

@media only screen and (max-width: 1060px)
{
    .grid_wrapper 
	{
        width:522px;
	}
}

@media only screen and (min-width: 1061px) and (max-width: 1582px)
{
    .grid_wrapper 
	{
        width:1044px;
	}
}