@charset "utf-8";
body    {
    margin: 0px;
    color: #151515;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    background-color: #EFF5F8;
}
#wrapper {
	background-color: #FFFFFF;
	width: 100%;
	min-width: 740px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: left;
	padding: 0px;
}
#hero {
    position: relative;
    clear: left;
}
#hero article {
    width: 36%;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 40px;
    right: 43px;
    background-color: #FAA356;
    color: #FFFFFF;
    border-radius: 15px;
}
#hero h2 {
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: -7px;
}



#hero img {
    max-width: 100%;
}
h1, h2 {
	color: #3399CC;
	font-style: normal;
	font-weight: 600;
	font-family: source-sans-pro;
	text-align: center;
}
h1 {
	font-size: 36px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
}
#main {
    width: 58%;
    margin-left: 2%;
    float: left;
}
#sidebar {
	width: 34%;
	margin-left: 4%;
	float: left;
	text-align: center;
}
footer {
    clear: left;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2%;
    background-color: #43A6CB;
    color: #FFFFFF;
}
figure {
    width: 420px;
}
figure img {
    padding: 10px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 15px #999999;
    box-shadow: 1px 1px 15px #999999;
}

figcaption {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left: 200px;
}
.floatleft {
    margin-right: 10px;
    float: left;
}
.floatright {
    margin-left: 10px;
    float: right;
}
a {
    font-weight: bold;
    text-decoration: none;
}
a:link {
    color: #FFF;
}
a:visited {
    color: #FFF;
}
a:hover, a:active, a:focus {
	color: #D6D6D6;
    
}
#mainnav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#mainnav a {
    width: 20%;
    display: block;
    float: left;
    background-color: #4D4D4D;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-top: 6px;
    padding-bottom: 6px;
}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage {
    text-decoration: none;
    background-color: #43A6CB;
}
article, aside, figure, footer, header, nav {
    display: block;
}
#slideShowWrapper {
	position: relative;
	left: 0px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
.block2 {
	position: relative;
	width: 18%;
	height: 110px;
	padding: 10px;
	padding-right: 20px;
	margin-right: 26px; /* Отступ справа */
	border: solid 1px black;
	float: left;
	background-color: #fd0;
	background-image: url(../first_website_pt1/bayside_beat/images/humidity2.png);
	text-align: center;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 24px;
}
.block3 {
	position: relative;
	width: 18%;
	height: 110px;
	padding: 10px;
	padding-right: 20px;
	margin-right: 26px; /* Отступ справа */
	border: solid 1px black;
	float: left;
	background-color: #fd0;
	background-image: url(../first_website_pt1/bayside_beat/images/images87G8GNQK.jpg);
	text-align: center;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 24px;
}
.block4 {
	position: relative;
	width: 18%;
	height: 110px;
	padding: 10px;
	padding-right: 20px;
	margin-right: 26px; /* Отступ справа */
	border: solid 1px black;
	float: left;
	background-color: #fd0;
	background-image: url(../first_website_pt1/bayside_beat/images/humidity1.png);
	text-align: center;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 24px;
}
.block5 {
	position: relative;
	width: 18%;
	height: 110px;
	padding: 10px;
	padding-left: 20px;
	margin-right: 00px; /* Отступ справа */
	border: solid 1px black;
	float: left;
	background-color: #fd0;
	background-image: url(../first_website_pt1/bayside_beat/images/cracked.jpg);
	text-align: center;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 24px;
}
.block6 {
	position: relative;
	float:left;
	width: 110%;
}	
.image{
	padding-left: 80px;
}
#wrapper #main p strong {
	font-weight: bold;
}
.email {
	color: #3399FF;
}
#wrapper div p {
	color: #333;
	text-align: center;
}
.email {
	color: #09F;
}