@charset "utf-8";
/* CSS Document */

body {
	background: #edece9;
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter!important;
	text-rendering: optimizeLegibility;
	margin: auto;

}


img { border: 0; }

.wrapper {
	width: 890px;
	margin: auto;
	text-align: right;
	margin-top: 31px;
	margin-bottom: 35px;
}

.wrapper a {
	text-decoration: none;
	color: #989898;
}


.inner {
	padding: 15px;
	margin: auto;
	margin-bottom: 15px;
	width: 855px;
	background: #FFFFFF;
	box-shadow: 1px 1px 5px 5px #d0d0d0;
	-webkit-box-shadow: 1px 1px 5px 5px #d0d0d0;
	-moz-box-shadow: 1px 1px 5px 5px #d0d0d0;
/* For IE 5.5 - 7 */
        /* for IE4 - IE7 */
        filter:
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=1, Color=#d0d0d0),
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=90, Color=#d0d0d0),
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color=#d0d0d0),
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=270, Color=#d0d0d0);
        -ms-filter: "
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=1, Color=#d0d0d0),
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=90, Color=#d0d0d0),
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color=#d0d0d0),
            progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=270, Color=#d0d0d0)
        ";
}

#linkbar-mobile { display: none; }

#linkbar {
	background: url('images/bg-bar-inner.gif');
	background-repeat: repeat-x;
	width: 885px;
	padding-top: 10px;
	margin: auto auto 0 -15px;
	height: 80px;
	text-align: center;
	color: #FFFFFF;
}

#linkbar a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 40px;
}

#linkbar a:hover {
	color: #cc6600;
}

#info {
	text-align: justify;
	width: 743px;
	margin: auto;
	font-size: 20px;
	color: #4e4e4e;
}

#socialmedia { float: right; margin-right: 56px; }

#socialmedia img { padding-left: 8px; }

#email {
	float: left;
	width: 420px;
	margin-left: 13px;
	margin-top: 15px;
	color: #989898;
	font-size: 24px;
}

#email a { color: #5588aa; }
#email a:hover { color: #cc6600; }


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

body { font-size: 1.25em; padding-bottom: 15px; }

.wrapper { width: 90%; margin: auto; overflow: hidden; overflow-y: auto; }
img { max-width: 98%; }

#linkbar { display: none; }

#linkbar-mobile { display: block; margin: 0 auto 15px auto; width: 90%; background: #4e4e4e; height: 40px; text-align: center; border-radius: 20px; padding: 5px 0 0 0; }

#linkbar-mobile a { font-size: 1.25em; font-weight: bold; text-decoration: none; }

.inner { width: 90%; }

#info { width: 95%; text-align: left; margin-top: 0px; }

#email { float: none; width: 96%; text-align: left; margin: 15px auto 20px auto!important; }
#socialmedia { float: none; width: 90%; text-align: center; margin: auto!important; }

}