body 
{ 
	color: #fff; font: 12px Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; font-style: normal; 
	background: #fff url('./bg.png') repeat top left; cursor: default; 
}
header .link a { color: #888888; text-decoration: none; text-transform: none; }
header .link a:hover { color: #333333; text-decoration: none; }
h1
{
	font-size:16px;
	color:#888;
}

h2
{
	font-size:14px;
	color:#b3b3b3;
}
@media screen and (min-device-width: 320px) and (max-device-width : 480px)
{
	#limits { vertical-align:middle; width: 320px; margin-left: auto; margin-right: auto; }
	body { width: 320px; overflow:hidden; }
	header 
	{
		position: relative;
		display: inline;
		float: left;
		width: 320px;
		margin-right: 0px;
		border-bottom: 1px solid #d3d3d3;
		overflow: hidden;
	}
	header .link 
	{ 
		//float: left; 
		font: 14px 'Droid Sans', arial, serif; 
		//width: 150px; height: 40px; 
		color: #333333; 
		//margin-top: 20px; margin-left: 10px; line-height: 17px; 
		text-transform: uppercase; overflow: hidden; 
	}
	footer 
	{ 
		position: relative; display: inline; float: left; 
		width: 320px; height: 280px; 
		margin-right: 0px; margin-top: 0px; 
	}
	footer .info 
	{ 
		float: left; font: 13px 'Droid Sans', arial, serif; width: 310px;  
		color: #333333; text-align: center; 
		margin-top: 10px; margin-left: 0px; line-height: 22px; overflow: hidden; 
	}
	footer .info .object
	{
		width: 320px;	
		height: 600px;
	}
	section .logo
	{
		width: 0px;
		src:"";
		visibility:hidden;
		display:none;
	}
	
	footer .zoom 
	{	
		font: 16px 'Droid Sans', arial, serif; 
		color: #888888;
		text-align:center;
		//display:block;
		width: 250px;
		//height: 185px;
		//background-position: 0 0;
		//background-repeat: no-repeat;
		//border: 1px solid #cecece;
		overflow: hidden;
		margin: 15px;
		font-weight:bold;
		float: left; 
	}
}

@media screen and (min-device-width: 700px)
{


#limits { vertical-align:middle; width: 960px; margin-left: auto; margin-right: auto; }

header 
{
	position: relative;
	display: inline;
	float: left;
	width: 960px;
	height: 70px;
	margin-right: 0px;
	margin-top: 160px;
	border-bottom: 1px solid #d3d3d3;
	overflow: hidden;
}

header .link 
{ 
	float: left; 
	font: 13px 'Droid Sans', arial, serif; 
	width: 150px; height: 40px; 
	color: #333333; 
	margin-top: 20px; margin-left: 10px; line-height: 17px; 
	text-transform: uppercase; overflow: hidden; 
}


header .home { position: relative; display: inline; float: left; width: 48px; height: 48px; margin-right: 25px; margin-left: 15px; margin-top: 10px; }
header .home a { display: block; width: 48px; height: 48px; background: transparent url('') no-repeat left top; }
header .home a:hover { background: transparent url('') no-repeat left bottom; }

section 
{ 
	position: relative; display: inline; float: left; width: 960px; height: 100px; 
	margin-right: 0px; margin-top: 0px; border-bottom: 1px solid #d3d3d3; overflow: hidden; 
}
section .logo 
{ 
	position: relative; 
	display: inline; 
	float: left; 
	width: 680px; height: 80px; 
	margin-left: 0px; margin-top: 10px; 
	//background: transparent url('./logo.png') no-repeat left top; 
	border-right: 1px solid #d3d3d3;
}
section .logo img
{
	text-decoration:none;
	//width:0px;
}
section .logo a { display: block; width: 660px; height: 80px; }

section .info { position: relative; display: inline; float: right; width: 260px; height: 70px; margin-right: 0px; margin-top: 15px; overflow: hidden; color: #888888; }

footer 
{ 
	position: relative; display: inline; float: left; 
	width: 960px; height: 600px; 
	margin-right: 0px; margin-top: 0px; 
}
footer .info .download
{
	display:block;
	width:64px;	
	height: 256px;
	overflow: hidden;
	float: left; 
}
footer .info 
{ 
	float: left; font: 13px 'Droid Sans', arial, serif; width: 940px; height: 600px; 
	color: #333333; text-align: center; 
	margin-top: 10px; margin-left: 10px; line-height: 22px; overflow: hidden; 
}
footer .info .object
{
	width: 820px;	
	height: 600px;
}
footer .info span 
{ 
	font: 12px 'Droid Sans', arial, serif; color: #888888; 
}

footer .zoom 
{	
	font: 16px 'Droid Sans', arial, serif; 
	color: #888888;
	text-align:center;
	display:block;
	width: 250px;
	height: 185px;
	background-position: 0 0;
	background-repeat: no-repeat;
	//border: 1px solid #cecece;
	overflow: hidden;
	margin: 15px;
	font-weight:bold;
	float: left; 
}
footer .zoom #type
{
	font: 10px 'Droid Sans', arial, serif; 
	
}
footer .zoom img
{
	//border:1px solid;
	border-radius: 5px;	
}

footer .zoom img:hover
{	
	-moz-box-shadow: 0px 0px 6px #888;
	-webkit-box-shadow: 0px 0px 6px #888;
	box-shadow: 0px 0px 6px #888;
}


footer .project 
{
	font: 16px 'Droid Sans', arial, serif; 
	color: #888888;
	text-align:center;
	display:block;
	width: 205px;
	height: 185px;
	background-position: 0 0;
	background-repeat: no-repeat;
	//border: 1px solid #cecece;
	overflow: hidden;
	margin: 15px;
	font-weight:bold;
	float: left; 
}
footer .project img
{
	border-radius: 5px;		
}
footer .project img:hover
{
	-moz-box-shadow: 0px 0px 6px #888;
	-webkit-box-shadow: 0px 0px 6px #888;
	box-shadow: 0px 0px 6px #888;
}
}