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

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 16pt;
	 font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #222;
	background-attachment: scroll;
	background-image: url("../images/backgroundx.jpg");
	background-size: cover;
	background-color: #ererer;
		}

/*
body div {
	border: 1px solid #f00;}
*/


body * {
		/*position: relative;*/
	border: 0;
	text-decoration: none
		}
		
a:visited {
	color: inherit
}
	
a:link {
	color: inherit
}
	
#detail {
	width: 100%;
	height: 30px;
	background-color: #333;
}
#topbar {
	background-color: #555;
	min-height: 300px;	
	background-image: url("../images/background.jpg");
	background-size: cover;
	padding-bottom: 40px;
}

#topbarcontact {
	color: #e7e7e7;
}

#logo {
	width: 400px;
	margin: auto auto;
	margin-bottom: 30px;
}
@media only screen and (max-width : 800px) {
     #logo {
	width: 100%;
     }
}

@media only screen and (max-width : 800px) {
     #logo img {
	width: 100%;
     }
}
#contacts {
	display: inline-block;
	max-width: 250px;
	border-right: 2px solid #ed1c24;
	font-size: 12pt;
	vertical-align: top;
	min-width: 210px;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}

@media only screen and (max-width : 800px) {
     #contacts {
	margin-bottom: 30px;
	border-right: none;
		 
     }
}

#contacts img {
	height: 40px;
	float: left;
	padding-right: 20px;
}

#socials {
	display: inline-block;
	text-align: left;
	padding-left: 30px;
}

#socials img {
	width: 40px;
	margin-right: 10px;
}

@media only screen and (max-width : 800px) {
     #socials {
		 padding-left: 0px;
     }
}
#navbar {
	position: relative;
}

#navpos {
	margin: auto auto;
	max-width: 811px;
	background-color: #bcbcbc;
	border: 2px solid #555;
	height: 70px;
	-moz-box-shadow: 0px 10px 25px 10px rgba(0,0,0,.45);
	-webkit-box-shadow: 0px 10px 25px 10px rgba(0,0,0,.45);
	box-shadow: 0px 10px 25px 10px rgba(0,0,0,.45);
	position: absolute;
	left: 0;
	right: 0;
	margin-top: -40px;
}

@media only screen and (max-width : 800px) {
     #navpos {
		position: relative;
     }
}

#sliderwrapper {

	height: 500px;
	background-image: url("../images/slider.jpg");
	background-size: cover;
	max-width: 1100px;
	margin: auto auto;

	-moz-box-shadow: 0px 10px 25px 10px rgba(0,0,0,.45);
	-webkit-box-shadow: 0px 10px 25px 10px rgba(0,0,0,.45);
	box-shadow: 0px 10px 25px 10px rgba(0,0,0,.45);
}

@media only screen and (max-width : 800px) {
     #sliderwrapper {
		 width: 100%;
		 height: 300px;
     }
}

#osbox {
	width: 400px;
	height: 150px;
	background-color: rgba(0,0,0,.45);
	color: #fff;
	padding-top: 30px;
	text-align: left;
	padding-left: 15px;
	float: right; margin-left: 20px;
	
}

@media only screen and (max-width : 800px) {
     #osbox {
		display: none;
     }
}

	.slider2 {
		font-weight: 400;
		font-size: 25pt;
		margin-top: 45px;
		font-family: 'Open Sans', sans-serif;
	}
	
	.bigred {
		font-size: 28pt;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		margin-top: -20px;
	}
#break {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 60px;
	line-height: 150%;
}

.breakp {
	max-width: 1000px; 
	margin: auto auto; 
	text-align: left; 
	margin-top: 50px;
	line-height: 150%;
}

@media only screen and (max-width : 800px) {
     #breakp {
		width: 90%;
     }
}
.row {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px solid #444;
	border-bottom: 2px solid #444;
	background-color: #E0E0E0;
	margin-bottom: 30px;
	margin-top: -20px;
}
#mainbody {
	max-width: 1100px;
	margin: auto auto;
	text-align: left;
	display: inline-block;
}

#sidebar {
	width: 300px;
	display: inline-block;
	border: 1px solid #f00;
	vertical-align: top;
	margin-left: 30px;
}

#sidebarx {
	display: inline-block;
	margin-left: 30px;
	float: right;
}
@media only screen and (max-width : 800px) {
     #mainbody {
		width: 90%;
     }
}

@media only screen and (max-width : 800px) {
     #diy img {
		width: 100%;
     }
}


#wrapperfeature {
	margin: auto;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("../images/break.jpg");
	background-attachment: fixed;
	background-size: cover;
	padding-bottom: 80px;
	padding-top: 60px;
}

#feature {
	width: 300px;
	margin-right: 20px;
	display: inline-block;
	border: 1px solid #888;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px; 
	vertical-align: top;
	padding-top: 15px;
	min-height: 300px;
	background-color: #fff;
	margin-bottom: 40px;
	-moz-box-shadow: 0px 10px 25px 10px rgba(0,0,0,.35);
	-webkit-box-shadow: 0px 10px 25px 10px rgba(0,0,0,.35);
	box-shadow: 0px 10px 25px 10px rgba(0,0,0,.35);
	}

#feature h3 {
	width: 100%;
	background-color: #555;
	color: #fff;
	margin-top: -1px;
	height: 50px;
	padding-top: 15px;
}

#feature img {
	margin-top: -25px;

}
#box {
	width: 250px;
	margin-right: 20px;
	display: inline-block;
	border: 3px solid #fff;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px; 
	vertical-align: top;
	padding-top: 15px;
	height: 250px;
	color: #fff;
	}

#horizontal {
	padding-top: 30px;
	font-size: 20pt;
	min-height: 70px;	
}

#horizontal img {
	float: left; margin-right: 20px;
}

#horizontal p {
	margin-top: 0px;
}
#button {
	width: 200px;
	height: 44px;
	font-size: 20pt;
	border-radius: 10px;
	border: 1px solid #f00;
	background-color: #000;
	margin: auto auto;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	color: #ed1c24;
}

#strip2 {
	max-width: 875px; 
	height: auto;
	border: 1px solid transparent;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 12pt;
	padding-left: 20px;

}
#boxleft {
	width: 630px;
	display: inline-block;
	vertical-align: top;	
	height: 700px;
	border-right: 2px solid #888;
}
@media only screen and (max-width : 800px) {
     #boxleft {
		max-width: 90%;
     }
}

#boxright {
	width: 290px;
	display: inline-block;
	vertical-align: top;
	height: 719px;
}
#strip2 a:link {
	color: #f00;
	text-decoration: underline;
}

#strip2 img {
	margin-right: 10px;
	vertical-align: middle;
}

#bottombar {
	background-color: #555;
	min-height: 300px;	
	background-image: url("../images/background.jpg");
	background-size: cover;
	padding-bottom: 40px;
}

#copyright {
	color: #fff;
	background-color: #333;
}
#copycontact {
	background-color: #333;
	padding-top: 40px;

}