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





/* desktops and monitors */
@media (min-width:1043px) and (max-width: 1200px) {

}








/* Desktops and laptops */
@media (min-width:960px) and (max-width: 1042px) {

#box066 {
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	padding-bottom: 0px;
}
}








/*For browser/screen widths from 760px to 959px*/
@media (min-width:760px) and (max-width: 959px) {
	
#box002 {
	float: left;
	width: 100%;
	height: 94px;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 100px;
	background-image: url(../images/website/bgheader.jpg);
	background-repeat: no-repeat;
	background-position: 0px 79px,10px;
}
#box003 {
	float: none;
	width: 100%;
	height: 60px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	background-color: #000000;
	padding-top: 140px;
	background-image: url(../images/website/infinity-building-projects-eastleigh-logo-graphic.png);
	background-repeat: no-repeat;
}
#box066 {
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 680px;
	padding-bottom: 0px;
}
}












/*For browser/screen widths from 600px to 759px*/
@media (min-width:600px) and (max-width: 759px) {

#box002 {
	float: none;
	width: 100%;
	height: 100px;
	text-align: center;
	padding-bottom: 10px;
	background-color: #000000;
	padding-top: 100px;
	background-image: url(../images/website/bgheader.jpg);
	background-repeat: no-repeat;
	background-position: 0px 79px,10px;
}
#box003 {
	float: none;
	width: 100%;
	height: 160px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	background-color: #000000;
	padding-top: 140px;
	background-image: url(../images/website/infinity-building-projects-eastleigh-logo-graphic.png);
	background-repeat: no-repeat;
}
/* row 1content div RHS */
#box052 {
	width: 37%;
	height: auto;
	float: right;
	color: #FFFFFF;
	font-size: 110%;
	line-height: 25px;
	background-color: #333333;
	padding-top: 8%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 8%;
}
#box066 {
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	padding-bottom: 0px;
}
}













/*For browser/screen widths from 480px to 599px*/
@media (min-width:480px) and (max-width: 599px) {

#box002 {
	float: none;
	width: 100%;
	height: 100px;
	text-align: center;
	padding-bottom: 10px;
	background-color: #000000;
	padding-top: 110px;
	background-image: url(../images/website/bgheader.jpg);
	background-repeat: no-repeat;
	background-position: 0px 79px,10px;
}
#box003 {
	float: none;
	width: 100%;
	height: 160px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	background-color: #000000;
	padding-top: 130px;
	background-image: url(../images/website/infinity-building-projects-eastleigh-logo-graphic.png);
	background-repeat: no-repeat;
}
/* row 1content div RHS */
#box052 {
	width: 37%;
	height: auto;
	float: right;
	color: #FFFFFF;
	font-size: 110%;
	line-height: 25px;
	background-color: #333333;
	padding-top: 8%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 8%;
}
#box066 {
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 270px;
	padding-bottom: 0px;
}
#box501 {
	text-align: center;
	float: left;
	height: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	width: 75%;
        }
#box502 {
	width: auto;
	float: left;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
}
#box603 {
	float: left;
	max-width: 400px;
	margin-right: -9px;
	margin-left: 80px;
	height: 100%;
	margin-bottom: -38px;
}
.hr002 {
	/* rule for footer info panels*/
	text-align: center;
	display: block;
	height: 1px;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px solid #b7b7b7;
	margin-right: 0;
	margin-left: 0;
	width: 110%;
	margin-top: 20px;
}
}







/*For browser/screen widths from 320px to 479px*/
@media (max-width: 479px) {
	
#header {
	width: 100%;
	float: left;
}
#box002 {
	float: none;
	width: 100%;
	height: 100px;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 99px;
	background-image: url(../images/website/bgheader.jpg);
	background-repeat: no-repeat;
	background-position: 0px 79px,10px;
}
#box003 {
	float: none;
	width: 100%;
	height: 160px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	background-color: #000000;
	padding-top: 140px;
	background-image: url(../images/website/infinity-building-projects-eastleigh-logo-graphic.png);
	background-repeat: no-repeat;
}
#box051 {
	width: 86%;
	height: auto;
	float: left;
	color: #FFFFFF;
	font-size: 110%;
	line-height: 25px;
	padding-top: 8%;
	padding-left: 8%;
	padding-right: 8%;
	padding-bottom: 8%;
}
/* row 1content div RHS */
#box052 {
	width: auto;
	height: 250px;
	float: left;
	color: #FFFFFF;
	font-size: 110%;
	line-height: 25px;
	background-color: #333333;
	padding-top: 8%;
	padding-left: 6%;
	padding-right: 0%;
	padding-bottom: 8%;
}
#box053 {
	width: auto;
	height: 464px;
	float: left;
	color: #FFFFFF;
	font-size: 110%;
	line-height: 25px;
	background-color: #333333;
	padding-top: 8%;
	padding-left: 6%;
	padding-right: 0%;
	padding-bottom: 8%;
	text-align: center;
}
#box066 {
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 290px;
	padding-bottom: 0px;
}
#box070 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-modern-quality-house.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box071 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-garage-conversion.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box072 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-bathrooms.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box073 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-kitchens.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box074 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-renovations.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box075 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-refurbishment.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box076 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-conversions.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box077 {
	width: 100%;
	height: 500px;
	float: left;
	background-image: url(../images/backgrounds/infinity-building-projects-extensions.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
#box501 {
	text-align: center;
	float: left;
	height: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	width: 77%;
	padding-right: 0px;
}
#box502 {
	width: auto;
	float: left;
	height: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
}
#box600 {
	float: left;
	max-width: 450px;
	height: auto;
	clear: left;
	padding-left: 30px;
}
#box603 {
	float: left;
	max-width: 400px;
	margin-right: -9px;
	margin-left: 30px;
	height: 100%;
	margin-bottom: -38px;
}
a:link {
	color: #2666A5;
	text-decoration: none;
	font-size: 85%;
}
a:visited {
	color: #2666A5;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	transition: color .5s ease;
	text-decoration: none;
}
a:active {
	color: #2666A5;
	text-decoration: none;
}
a.class3:link {
	color: #FFFFFF;
	text: small;
	font-size: 85%;
}
a.class3:visited {
	color: #FFFFFF;
	text: small;
}
a.class3:hover {
	color: #CCCCCC;
	text: small;
	transition: color .5s ease;
}
a.class3:active {
	color: #F7F7F7;
	text: small;
}
.h1variable {
	font-size: 120%;
	line-height: 30px;
	font-weight: bold;
}
.hr002 {
	/* rule for footer info panels*/
	text-align: center;
	display: block;
	height: 1px;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px solid #b7b7b7;
	;
	margin-right: 0;
	margin-left: 0;
	width: 70%;
	margin-top: 20px;
	padding-right: 48px;
}
}