html { margin: 0; padding: 0; border: 0; }

body 
{ 
	margin: 0; padding: 0; border: 0; text-align: center; 
	background: #FAFAFA;
	background: -webkit-linear-gradient(#FFFFFF, #EAEAEA); 
    background: -o-linear-gradient(#FFFFFF, #EAEAEA); 
    background: -moz-linear-gradient(#FFFFFF, #EAEAEA); 
    background: linear-gradient(#FFFFFF, #EAEAEA);
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}

a { text-decoration: none; }

a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
a { font-size: 12px; color: #007CA5; }

a.smallgraylink:link, a.smallgraylink:active, a.smallgraylink:visited { color: #8C8C8C; text-decoration: underline; }
a.smallgraylink:hover { color: #8C8C8C; text-decoration: none; }
.smallgraylink { font-size: 11px; }

@media all and (min-width: 900px) 
{
	div#page { clear: both; width: 853px; text-align: justify; margin-top: 120px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; border: 0; text-align: left; }
	
	div#page div#page-left { float: left; width: 350px; text-align: left; }
	div#page div#page-left div#logo { clear: both; text-align: center; padding-top: 35px; }
	
	div#page div#page-right { float: left; margin-left: 2px; width: 500px; text-align: left; }
	div#page div#page-right div#description { clear: both; margin: 20px; font-size: 14px; text-align: justify; color: #8C8C8C; }
	div#page div#page-right div#description p { clear: both; margin: 0; padding: 0 0 5px 0; }
	div#page div#page-right div#description p a { font-size: 14px; color: #8C8C8C; text-decoration: underline; }
	div#page div#page-right div#description p a:hover { text-decoration: none; }	
	
	div.features-set { clear: both; padding-top: 10px; text-align: center; }
	div.features-set-center { clear: both; margin: 0 auto; }
	
	.circle { float: left; margin: 0 5px 0 5px; width: 150px; height: 150px; border-radius: 50%; font-size: 14px; color: #044A88; font-weight: normal; text-align: center; background: #FAFAFA; border: 2px #E0E0E0 solid; }
	
	.circle .circle-text { margin-top: 50px; }
		
	.circle-10 { margin-top: 10px; }
	.circle-20 { margin-top: 20px; }
	
	div#footer { clear: both; width: 853px; margin-bottom: 20px; padding-top: 20px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; color: #8C8C8C; text-align: center; font-size: 11px; }	
}

@media all and (max-width: 899px)
{
	div#page { clear: both; width: 100%; text-align: justify; margin-top: 10px; margin-bottom: 0; padding: 0; border: 0; text-align: left; }
	
	div#page div#page-left { clear: both; text-align: center; }
	div#page div#page-left div#logo { clear: both; text-align: center; padding-top: 35px; }
	
	div#page div#page-right { clear: both; margin-left: 2px; text-align: center; }
	div#page div#page-right div#description { clear: both; margin: 20px; font-size: 14px; text-align: justify; color: #8C8C8C; }
	div#page div#page-right div#description a { font-size: 14px; color: #8C8C8C; text-decoration: underline; }
	div#page div#page-right div#description a:hover { text-decoration: none; }
	
	div.features-set { clear: both; text-align: center; }
	div.features-set-center { clear: both; text-align: center; }
	
	.circle { clear: both; margin: 5px 5px 5px 5px; padding: 10px 0 10px 0; border-radius: 10px; font-size: 14px; color: #044A88; font-weight: normal; text-align: center; background: #FAFAFA; border: 1px #E0E0E0 solid; }
	
	.circle-10 { margin-top: 0; }
	.circle-20 { margin-top: 0; }
	
	div#footer { clear: both; margin-bottom: 20px; padding-top: 20px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; color: #8C8C8C; text-align: center; font-size: 11px; }
}

div#page div#page-left div#logo { font-size: 40px; color: #044A88; }

div#page div#page-clear { clear: both; }

.circle 
{ 
	background: -webkit-linear-gradient(#FAFAFA, #FFFFFF); 
    background: -o-linear-gradient(#FAFAFA, #FFFFFF); 
    background: -moz-linear-gradient(#FAFAFA, #FFFFFF); 
    background: linear-gradient(#FAFAFA, #FFFFFF);
	
}
	
.circle .circle-text { }
.circle .circle-text a { font-size: 14px; color: #044A88; text-decoration: underline; }
.circle .circle-text a:hover { text-decoration: none; }
.circle .circle-subtext { margin-top: 5px; font-size: 11px; color: #8C8C8C; }

div.context-header { clear: both; margin-top: 20px; font-size: 17px; color: #044A88; text-align: center; }
div.context-header a { clear: both; font-size: 17px; color: #044A88; }
div.context-header h1 { clear: both; margin: 0; padding: 0 10px 0 10px; font-size: 17px; color: #044A88; font-weight: bold; }
div.context-header h1 a { font-size: 17px; color: #044A88; font-weight: bold; text-decoration: none; }
div.context-header h2 { clear: both; margin: 0; padding: 0 10px 0 10px; font-size: 17px; color: #044A88; font-weight: bold; }

div#footer p { clear: both; margin: 0; padding: 0 0 5px 0; }
div#footer p a { color: #8C8C8C; }