body {
	font-family: 'Arimo', sans-serif;
	font-size: 1.0em;
	background: url(bg50.jpg) no-repeat right center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#canvas {
	width:300px;
	margin: 30px 0 0 30px;
	padding: 0 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
/*	background-color:rgba(255, 255, 255, 0.9);*/
}

#logo {
	position:relative;
	margin: 0 0 0 0;

}

.toplogo {
	max-width:250px;
	border: none;	
	max-height: 50px;
}

#main {
	position: relative;
	line-height:1.5em;
	color:#707177;
}

a {
	color:#707177;
}

strong {
	color:#63C29C;	
}

@media only screen and (max-width: 5120px) {

}

@media only screen and (max-width: 1200px) {
body {
	background: url(bg60v2.jpg) right bottom;
	background-repeat: no-repeat;
	background-size: 80%;
	background-attachment:fixed;
}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
body {
	font-size: 0.9em;	
}
#canvas {
	margin: 20px 0 0 20px;
	padding: 10px 10px 10px 10px;
	background-color:rgba(255, 255, 255, 0.9);
}
#logo {
	margin: 0 0 10px 0;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
body {
	font-size: 0.9em;	
}
#canvas {
	margin: 20px 0 0 20px;
	padding: 10px 10px 10px 10px;
	background-color:rgba(255, 255, 255, 0.9);
}
#logo {
	margin: 0 0 10px 0;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
html {
	height:100%;	
}
body {
	height:100%;
	background: url(bg60v2.jpg) right bottom;
	background-repeat: no-repeat;
	background-size: 75%;
	font-size: 0.75em;	
	background-attachment:fixed;	
}
#canvas {
	width:95%;
	position:relative;
	margin: 10px 2.5% 0 2.5%;
/*	background-color:rgba(255, 255, 255, 0.0);*/
}
.toplogo {
	max-width:100%;
}
#main {
	/*padding-bottom:315px;*/
}
.mobilespacer {
	height:290px;
	background:none;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
html {
	height:100%;	
}
body {
	height:100%;
	background: url(bg60v2.jpg) right bottom;
	background-repeat: no-repeat;
	background-size: 75%;
	background-attachment:fixed;
	font-size: 0.9em;	
}
#canvas {
	width:95%;
	position:relative;
	margin: 10px 2.5% 0 2.5%;
/*	background-color:rgba(255, 255, 255, 0.0);*/
}
.toplogo {
	max-width:100%;
}
#logo {
	margin: 0 0 10px 0;
}
#main {
	/*padding-bottom:185px;*/
}
.mobilespacer {
	height:170px;
	background:none;
}
}