/* CSS Document for Con Cooling Webpage download */



/* If you wish to change the styling of the web page below are the style rules for the editable areas   */



/* Colour and size of border around whole web page */

#wrapper {border: 1px solid #CCCCCC;}


/* Backgroung colour for top half of web page */

#main1 {background-color: #129DEB;}	


/* Backgroung colour for second half of web page */

#main2 {background-color: #f37f27;}


/* Styling of the list on the top half of the web page */

#text ul li{
	color: #FFFFFF;
	list-style-image: url(http://www.conservatorycooling.co.uk/downloads/images/arrow.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
}


/* Changes the font, size and colour of the text */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #FFFFFF;
	
}


/* Changes the font, size and colour of the heading title on the top part of the web page */

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #FFFFFF;
}


/* Changes the font, size and colour of the heading title on the second part of the web page */

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #000000;

}


/* Changes the font, size and colour of the sub-headings on the second part of the web page */

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	
}


/* DO NOT MODIFY ANYTHING BELOW! */
/* Any modifications could change the structure of the page  */
#holder {
	width: 100%;
}
#wrapper {width: 760px;margin: auto;clear: both;}

	
#main1{	
	padding: 15px;
	clear: both;
	width: 730px;
}
#main2 {
	
	clear: both;
	padding: 15px;
	width: 730px;
}

#logo {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/logo.png);
	height: 110px;
	width: 730px;
	clear: both;
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 25px;
}
#title {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/text.png);
	height: 130px;
	width: 730px;
	clear: both;
	background-repeat: no-repeat;
	margin-top: 5px;
}
#rightcol {
	float: right;
	width: 330px;
	clear: left;
	text-align: center;
	display: inline-block;
}
#text {
	clear: both;
	width: 730px;
	display: inline-block;
	height: 550px;
}
#icons {
	width: 730px;
	clear: both;
	display: inline-block;
	height: 280px;
}
#icon1 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/sun.png);
	height: 270px;
	width: 243px;
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
}
#icon2 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/chair.png);
	height: 270px;
	width: 243px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}
#icon3 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/temp.png);
	height: 270px;
	width: 243px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	position: relative;
}


p {
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

h2 {

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


#m2left {
	float: left;
	width: 230px;
}

#techspec {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/techspec.png);
	height: 134px;
	width: 500px;
	background-repeat: no-repeat;
	background-position: right;
	margin-bottom: 15px;
}

#casetext {
	padding-right: 15px;
}

#m2right {
	float: right;
	width: 500px;
}

#months {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/months.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 500px;
	margin-bottom: 15px;
}

#graph {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/graph.png);
	background-repeat: no-repeat;
	height: 249px;
	width: 500px;
	margin-bottom: 15px;
}

#vs {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/concoolin.png);
	background-repeat: no-repeat;
	height: 175px;
	width: 730px;
	margin-bottom: 15px;
	clear: both;
	background-position: bottom;
	margin-top: 15px;
}

#testimonialholder {
	height: 210px;
}

.testimonials {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/testoback.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 170px;
	width: 170px;
	float: left;
	margin-right: 15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.testimonialsr {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/testoback.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 170px;
	width: 170px;
	float: left;
	margin-right: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#testimonialholder p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
}
.name {
	color: #FFFFFF;
	font-weight: bold;
}
#photoholder {
	clear: both;
	height: 137px;
	width: 730px;
	margin-bottom: 15px;
}
#photo1 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/pic1.png);
	background-repeat: no-repeat;
	float: left;
	height: 134px;
	width: 134px;
	margin-right: 15px;
}
#photo2 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/pic2.png);
	background-repeat: no-repeat;
	float: left;
	height: 134px;
	width: 134px;
	margin-right: 15px;
}
#photo3 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/pic3.png);
	background-repeat: no-repeat;
	float: left;
	height: 134px;
	width: 134px;
	margin-right: 15px;
}
#photo4 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/pic4.png);
	background-repeat: no-repeat;
	float: left;
	height: 134px;
	width: 134px;
	margin-right: 15px;
}
#photo5 {
	background-image: url(http://www.conservatorycooling.co.uk/downloads/images/pic5.png);
	background-repeat: no-repeat;
	float: left;
	height: 134px;
	width: 134px;	
}