*	{
	/* to remove the top and left whitespace */
	margin:0;
	padding:0;
}
html, body	{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0px;
	font-family:'Open Sans', sans-serif;
	font-size:1.2em;
	font-weight:lighter;
	text-align:left;
	letter-spacing:normal;
	color:#fff;
}
img {
	border:none;
}
p	{
	margin-bottom:1em;
}

#canvas_magazine	{
	width:100%;
	height:100%;
	display:block;
	background-image:url(images/background.jpg);
	background-position:center center;
	/* background-position:center top; */
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

#logo {
	position:absolute;
	display:block;
	margin-left:auto;
	margin-right:auto;
	top:50px;
	width:100%;
	height:150px !important;
	text-align:center;
	z-index:200;
}
#logo_image	{
    display:block;
	margin-left:auto;
	margin-right:auto;
	width:572px !important;
	height:150px !important;
    background: url(/images/logo-web-black.png) no-repeat 0 0;
	background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
	text-decoration:none;
	text-indent:-9999em;
}

#footer {
	position:absolute;
	display:block;
	margin-left:auto;
	margin-right:auto;
	bottom:50px;
	width:100%;
	height:50px;
	text-align:center;
	vertical-align:bottom;
	z-index:200;
}
#footer_content {
    display:block;
	margin-left:auto;
	margin-right:auto;
	width:336px !important; /* 48 x # */
	height:50px;
}
h1, h2 {
	color:#003366; 
	font-size:3em;
	font-weight:lighter;
	margin-bottom:0.25em;
}
h3 {
	color:#003366; 
	font-size:1.1em; 
	font-weight:lighter;
	margin-bottom:0.25em;
}

a {
	color:#6699cc; text-decoration:none; 
}
	a:link {
		color:#6699cc; text-decoration:none; 
	}
	a:visited {
		color:#6699cc; text-decoration:none;
	}
	a:hover {
		color:#003366; text-decoration:none;
	}
	a:active {
		color:#336699; text-decoration:none;
	}
a.external:after {
	content:" " url(/images/external.png);
	text-decoration:none;
}

#social_networks, .social_networks	{
	list-style:none;
	padding:0;
}
	#social_networks li, .social_networks li	{
		float:left;
		display:inline-block;
		margin:8px;
		padding:0;
		opacity:0.7;
		filter:alpha(opacity=70);
		background-position:-8px -8px;
}
	#social_networks li a, .social_networks li a	{
		float:left;
		width:32px;
		height:32px;
		background-size:48px 48px;
		background-position:center center;
		background-repeat:no-repeat;
		margin:0;
		padding:0;
		text-indent:-9999em;
	}
	#social_networks li:hover, .social_networks li:hover	{
		opacity:1;
		filter:alpha(opacity=100);
	}



.warning	{
	color:#F00;
}

.textbox {
	background-color:#003366; color:#ffffff; font-family:Segoe,"Segoe UI","Segoe Print",Tahoma,Arial,Helvetica,sans-serif; font-size:1em; font-weight:normal; border:1px solid; border-color:#003366;
}
.sendbox {
	background-color:#003366; color:white; font-family:Segoe,"Segoe UI","Segoe Print",Tahoma,Arial,Helvetica,sans-serif; font-size:1em; font-weight:bold; border:1px;
}

.width100 {
	width:100%;
}
.width90 {
	width:90%;
}
.width80 {
	width:80%;
}
.width75 {
	width:75%;
}
.width70 {
	width:70%;
}
.width60 {
	width:60%;
}
.width50 {
	width:50%;
}
.width40 {
	width:40%;
}
.width30 {
	width:30%;
}
.width25 {
	width:25%;
}
.width20 {
	width:20%;
}
.width10 {
	width:10%;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.row	{
	overflow:hidden; 
}
.column	{
	overflow:hidden;
	padding-bottom:5px;
}