@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('Chunkfive.woff') format('woff'), url('Chunkfive.otf') format('opentype'), url('Chunkfive.svg#ChunkFive') format('svg');
}
*, html
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body, form, ul, li, p, h1, h2, h3, h4, h5
{
	margin: 0;
	padding: 0;
}
html, body, #bodycontainer 
{
	height: 100%;
}
body,
#bodycontainer
{ 
	background: #1275D3 url(gr_bg_body.png) 0 0 repeat-x;
	background: -moz-linear-gradient(top, #2590f5, #1275D3); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2590f5), to(#1275D3)); /* Safari */
}

.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	margin: 0;
	padding: 0;
	float: none !important;
	display: block !important;
}
.clearfix:after 
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }

img { border: none; }
p
{
	font-size: 1em;
	margin: 0 0 1em 0;
}

::selection { background: #2D7D76; color: #fff; /* Safari */ }
::-moz-selection { background: #2D7D76; color: #fff; /* Firefox */ }


/* Styles for scalable font consistency */

html { font-size: 100%; height: 100%; /* IE hack */ }
body { font-size: 0.75em; color: #fff; } /* Base font 12px */
table { font-size: 100%; /* IE hack */ }

input, select, textarea, th, td { font-size:1em; }

h1 { font-size: 8em; margin: 0 0 1em; font-family: 'ChunkFiveRegular'; text-shadow: 1px 1px 5px #000; }
h2 { font-size: 6em; margin: 0 0 1em; font-family: 'ChunkFiveRegular'; letter-spacing: 2px; text-shadow: 1px 1px 5px #000; }
h3 { font-size: 4em; margin: 0 0 1em; }
h4 { font-size: 2em; margin: 0 0 1em; }

/* End of xhtml tag styles */

/* Main styles */
#bodycontainer {
	width: 100%;
	display: table;
}
	#bodycontainer #bodycontainer_inside,
	#footer .inner	{
		margin: 3em auto 2.25em;
		width: 960px;
	}

/* End of main styles */

ul.list01 {
	list-style: none;
}
	ul.list01 > li {
		width: 300px;
		margin: 0 20px 1.667em 0;
		float: left;
		position: relative;
	}
	ul.list01 a { display: block; text-decoration: none; }
	ul.list01 a:hover img
	{
		outline: none;
		-moz-box-shadow: 5px 5px 15px #3A4345;
		-webkit-box-shadow: 5px 5px 15px #3A4345;
		box-shadow: 5px 5px 15px #3A4345;
	}
	ul.list01 img
	{
		display: block;
		outline: 3px solid #fff;
		margin: 0 0 1em;
		-webkit-transition: outline 0.5s ease;
		-moz-transition: outline 0.5s ease;
		-o-transition: outline 0.5s ease;
		transition: outline0.5s ease;
	}
	ul.list01 a:hover:after
	{
		content: attr(title);
		color: #D2DE3C;
		position: absolute;
		top: 170px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-weight: bold;
		width: 294px;
		padding: 0 3px;
		background: rgb(0,0,0);
		background: rgba(0,0,0,0.7);
		display: block;
		text-shadow: 1px 1px 3px #2D7D76;
	}
	ul.list01 ul
	{
		margin: 0 0 0 15px;
	}

#footer {
	background: #3A4345;
	border-top: 3px solid #fff;
	color: #D2DE3C;
}
	#footer .inner {
		padding: 10px 0;
		margin: 0 auto;
	}
	#footer dl {
		width: 33%;
		float: left;
		text-align: left;
	}
		#footer dl dt {
			font-weight: bold;
			font-size: 1.333em;
			margin: 0 0 0.5em;
		}
		#footer dl dd {
			background: url(gr_icons.png) 0 -44px no-repeat;
			padding: 4px 0 4px 30px;
			margin: 0 0 1em;
			-webkit-transition: margin 0.5s ease;
			-moz-transition: margin 0.5s ease;
			-o-transition: margin 0.5s ease;
			transition: margin 0.5s ease;
		}
		#footer dl dd.ico01 	{ background-position: 0 -88px; }
		#footer dl dd.ico02	{ background-position: 0 0; }
		#footer dl dd.ico03	{ background-position: 0 -132px; }
		
		#footer dl dd a {
			text-decoration: none;
			color: #D2DE3C;
			display: block;
			text-shadow: 1px 1px 5px #2D7D76;
		}
		#footer dl dd:hover { font-weight:bold; margin: 0 0 1em 20px; }
		
		#footer dl dd.form01 { margin: 0; font-weight: normal; }
		#footer dl dd.form01 { background: none; padding: 4px 0 4px; }
		#footer dl dd fieldset
		{
			border: none;
			margin: 0;
			padding: 0;
		}
		#footer dl dd fieldset label
		{
			display: block;
			overflow: hidden;
			margin: 0 0 0.5em;
		}
		#footer dl dd fieldset span { display: block; float: left; margin-top: 3px; }
		#footer dl dd fieldset input,
		#footer dl dd fieldset textarea 
		{ 
			border: 1px solid #2D7D76;
			color: #2D7D76;
			display: block; 
			float: right;
			line-height: 1.5em;
			width: 230px;
			padding: 3px 3px 4px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#footer dl dd fieldset input[type=submit] 
		{ 
			background: #D2DE3C; 
			border: none; 
			color: #3A4345;
			cursor: pointer;			
			width: 237px;
			-moz-box-shadow: 1px 1px 5px #9da71c;
			-webkit-box-shadow: 1px 1px 5px #9da71c;
			box-shadow: 1px 1px 5px #9da71c;
		}
		
/* Portrait */
@media screen and (max-width: 320px) {
	#bodycontainer #bodycontainer_inside, #footer .inner, #footer dl	{ width: 300px; }
}
/* Landscape */
@media screen and (min-width: 321px) and (max-width: 480px) {
	#bodycontainer #bodycontainer_inside, #footer .inner	{ padding: 0 0 0 20px !important; }
	#bodycontainer #bodycontainer_inside, #footer .inner, #footer dl	{ width: 460px; }
	ul.list01 > li, ul.list01 img { width: 210px; height: auto; }
	ul.list01 > li:nth-child(odd) { margin-right: 20px !important; }
	#footer dl dd.form01 { margin: 0 20px 0 0; }
	#footer dl dd fieldset input, #footer dl dd fieldset textarea { width: 300px; }
	#footer dl dd fieldset input[type=submit] { width: 307px; }
}

@media screen and (max-device-width: 480px) {
	#bodycontainer #bodycontainer_inside, #footer .inner	{ padding: 0 10px; }
	h1 { font-size: 4em; margin-bottom: 0.5em; }
	h2 { font-size: 2em; }
	ul.list01 > li { margin: 0 0 1.667em; }
	#footer dl {
		display: block;
		float: none;
	}
}