body,html {
	padding: 0;
	margin: 0;
	color: #000;
	font: 2.1ex "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	min-height: 100%;
	width: 100%;
	font-weight: 400;
}

#uu {
	color: #def;
	background-color: rgba(203,203,203,0);
	border-color: #7d8e9d;
}

#uu2 {
	color: rgba(161,181,201,0.45);
	background-color: rgba(125,142,157,0.8);
}

#uu3 {
	color: #fff;
	background-color: #fafafa;
}

html {
	-webkit-font-smoothing: antialiased;
	background-color: #7d8e9d;
	background: 
		-webkit-gradient(radial, 60% 0, 0, 50% 0, 768, from(#def), to(rgba(203,203,203,0))), 
		-webkit-gradient(linear, 0% 0%, 0% 40%, from(rgba(161,181,201,0.45)), to(rgba(125,142,157,0.8))), 
		url(graphics/background-noise.png), 
		#7d8e9d;
	background: url(graphics/background-noise.png), 
		-moz-radial-gradient(60% 0% 90deg,circle closest-corner, #def, rgba(203,203,203,0.00)), 
		-moz-linear-gradient(100% 0% 270deg,#b5bfc9, #8e969d, #8e969d 80%), 
		#7d8e9d;
	background: linear-gradient(top, rgba(181,191,201,0.45) 0%,rgba(142,150,157,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b5bfc9', EndColorStr='#8e969d'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#b5bfc9', EndColorStr='#8e969d')";
	color: #7d8e9d;
	
}

body {
	border-top: 1px solid white;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; text-rendering: optimizeLegibility; }

h2 {
	padding-top: 1.2em;
	padding-left: 1em;
	margin: 0;
	text-align: right;
	font-weight: 400;
	padding-right: 1em;
	color: #13314d;
	font-size: 1.4em;
}

h2 .lighter {
	font-weight: 200;
}

h2 a, h2 {
	color: #323232;
	text-shadow: rgba(255,255,255,0.5) 0 0 2px;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out;  
    -moz-transition: color .2s ease-in-out;  
    -o-transition: color .2s ease-in-out;  
    transition: color .2s ease-in-out;
}

h2 a:hover {
	color: #22588a;
}

#content {
	padding: 20px 20px 25px;
	font-size: 0.7em;
	background: #fff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fafafa));
	background: #fff -moz-linear-gradient(0% 100% 90deg,#fafafa, #fff);
	background-color: #fff;
	box-shadow: 0 0 2px #808080;
	-moz-box-shadow: 0 0 2px #808080;
	-webkit-box-shadow: 0 0 2px #808080;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-background-clip: padding-box;
	border: 1px solid #9e9e9e;
	color: #474747;
}



#content a {
	text-decoration: underline;
	font-weight: 300;
}

#footer {
	height: 10px;
	/*border-top: 1px solid #e5e5e5;*/
	/*border-bottom: 1px solid #e5e5e5;*/
	padding: 5px 10px 5px;
	font-size: 0.6em;
	font-weight: 500;
	margin-bottom: 5px;
	text-shadow: rgba(255, 254, 255, 0.726562) 0px 1px 1px;
}

h1 {
	margin: 40px 3px 0;
	color: #333;
	font: normal small-caps lighter 1.2em /*DeliciousSmallCapsRegular,*/ "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: #656565;
	-webkit-transition:color .2s ease-in-out;
    -moz-transition:color .2s ease-in-out;
    -o-transition:color .2s ease-in-out;
    transition:color .2s ease-in-out;
}

a:hover {
	text-decoration: none;
	color: #2f7abd;
}

#footer a {
	text-decoration: none;
	color: #4b4b4b;
	font-weight: 600;
}

#footer a:hover {
	text-decoration: none;
	color: #2f7abd;
}

li {
	list-style-type: disc;
	color: #656565;
	-webkit-transition:color .2s ease-in-out;
    -moz-transition:color .2s ease-in-out;
    -o-transition:color .2s ease-in-out;
    transition:color .2s ease-in-out;
}

li:hover {
	color: #2f7abd;
}

#left {
	float: left;
}

#right {
	float: right;
}

/* @group gs */

/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/
Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_1 {
	margin-left: auto;
	margin-right: auto;
	width: 820px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 1 Columns
----------------------------------------------------------------------------------------------------*/

.container_1 .grid_1 {
	width: 800px;
}

/* Prefix Extra Space >> 1 Columns
----------------------------------------------------------------------------------------------------*/

/* Suffix Extra Space >> 1 Columns
----------------------------------------------------------------------------------------------------*/

/* Push Space >> 1 Columns
----------------------------------------------------------------------------------------------------*/

/* Pull Space >> 1 Columns
----------------------------------------------------------------------------------------------------*/

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* @end */

@media screen and (max-device-width: 480px) {

	html {
		/* Prevent iOS, WinMobile from adjusting font size */
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none;
		background-image: none;
		background: 
		-webkit-gradient(radial, 60% 0, 0, 50% 0, 768, from(rgba(255,255,255,1.00)), to(rgba(203,203,203,0.00))), 
		-webkit-gradient(linear, 0% 0%, 0% 40%, from(#e5e5e5), to(#bebebe )), 
		#dedede;
		background: 
		-moz-linear-gradient(100% 0% 270deg,#e5e5e5, #bebebe, #bebebe 80%), 
		#dedede;
	}
	.container_1 {
		/*width: 200px;*/
		font-size: 300%;
	}
	#logo {
		font-size: 80%;
	}
	#content {
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
	}
	#footer {
		font-size: 50%%;
	}
	#right {
		display: none;
	}
}

@media screen and (max-device-width: 480px) and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
  		.container_1 {
			font-size: 150%;
		}
	}