/* CSS for Solara Blinds  */

body {
  font-family:Goudy Old Style, Arial, Helvetica, sans-serif;
    line-height:125%;
  padding: 0;
  margin: 0;
     
}

 
#tagline {
	position:absolute;
	top: 222px;
	left: 0px;
	color: #FFFFFF;
	width: 1098px;
			 
}


h1, h2, h3 {
	font-family:Goudy Old Style, Verdana,"Trebuchet MS", Arial, helvetica, sans-serif;
  
}
h1 { 
   font-size: large; 
	
	background:	#000000; 
	
	color: white;
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	margin: 0px;
	 
}
h2 {color:#E800E8;
    font-size:100%;
	font-weight: bold;
	padding-top: 15px;
	font-family:"Trebuchet MS";
	}
h3 {color:#E800E8;
    font-size:110%;
	font-weight:bold;
	font-style:italic;
	padding-top: 15px;
	font-family:"Trebuchet MS";
	}
a img {border: none; }

li {font-size: small;	 
}

 p {font-size: 10px;
 color:
 #6600CC;
 font:
 Arial, Helvetica, sans-serif;
 font-weight:bold;
 	 }
	 
.simpleredborder {
border: 5px solid red;
} 
 
#container {
	position:absolute;
	top: 5px;
	left: 64px;
	margin-left: 10px;
	margin-right: 10px;
	border: 3px solid silver;
	width: 1100px;
	height:1000px; 
	background-color:#FFDDFF;
		 
	 }
	
	
	
	
	#header {
	position:absolute;
	left: 0px;
	height: 200px;
	width: 1100px;
	top: 0px;
	background-color:
	#000000;
	}
 		 #sitebranding {
		 float:right;
	 
	}
	
	#flashbanner{
	position:absolute;
	left: 189px;
	height: 210px;
	width:911px;
	top: 9px;
	background-color:
	#000000;
	}
 		 #sitebranding {
		 float:right;
	 top: 2px;
	}
  
  
  #janepic{
	position:absolute;
	left:0px;
	height: 210px;
	width: 215px;
	top: 9px;
	background-color:
	#000000;
	}
 		 #sitebranding {
		 float:right;
	 
	}
  
#bodycontent {
	
	/*font-family:MS sans-serif, Verdana, Arial, Helvetica, sans-serif; */
	color:
	#800080;
	position:absolute;
	height: 945px;
	left: 228px;
	width:450px;
	top: 266px;
	}
	
	#bodycontent p {
 font-family:"Trebuchet MS";
  
 font-size:
 16px;
 margin-top:2px;
 margin-bottom:2px;
 }
	
	#bodycontent li {
 font-family:"Trebuchet MS";
  
 font-size:18px;
 margin-top:2px;
 margin-bottom:2px;
 }
	
	#aboutbodycontent {
	
	/*font-family:MS sans-serif, Verdana, Arial, Helvetica, sans-serif; */
	color:#800080;
	position:absolute;
	height: 1200px;
	left: 228px;
	width:493px;
	top: 266px;
	}
	
	#aboutbodycontent p {
 font-family:"Trebuchet MS";
  
 font-size:16px;
 margin-top:2px;
 margin-bottom:2px;
 }

	#testimonialsbodycontent {
	
	/*font-family:MS sans-serif, Verdana, Arial, Helvetica, sans-serif; */
	color:#800080;
	position:absolute;
	height: 1100px;
	left: 228px;
	width:700px;
	top: 266px;
	}
	
	#testimonialsbodycontent p {
 font-family:"Trebuchet MS";
  
 font-size:16px;
 margin-top:2px;
 margin-bottom:2px;
 }
	
	
	#testimonialsbodycontent li {
 font-family:"Trebuchet MS";
  
 font-size:18px;
 margin-top:2px;
 margin-bottom:2px;
 }
	
	
	
	#serviceslist {
	
	/*font-family:MS sans-serif, Verdana, Arial, Helvetica, sans-serif; */
	color:#E800E8;
	position:absolute;
	height: 800px;
	left: 800px;
	width:400px;
	top: 400px;
	}
	

	
	
	#serviceslist li {
 font-family:"Trebuchet MS";
  
 font-size:18px;
 margin-top:2px;
 margin-bottom:2px;
 }
	
	
	
	#clientslist{
	
	/*font-family:MS sans-serif, Verdana, Arial, Helvetica, sans-serif; */
	color:#E800E8;
	position:absolute;
	height: 800px;
	left: 800px;
	width:400px;
	top: 350px;
	}
	

	
	
	#clientslist li {
 font-family:"Trebuchet MS";
  
 font-size:18px;
 margin-top:2px;
 margin-bottom:2px;
 }
	
#containerservices {
	position:absolute;
	top: 5px;
	left: 64px;
	margin-left: 10px;
	margin-right: 10px;
	border: 3px solid silver;
	width: 1100px;
	height: 900px; 
	background-color:#FFDDFF;
	}

#containertestimonials {
	position:absolute;
	top: 5px;
	left: 64px;
	margin-left: 10px;
	margin-right: 10px;
	border: 3px solid silver;
	width: 1100px;
	height: 1200px; 
	background-color:#FFDDFF;
		 
	}


	 
	
	#bodycontentservices {
	font-family: Arial, Helvetica, sans-serif;
	color:#1f3564;
	position:absolute;
	height: 1900px;
	left: 282px;
	width: 700px;
	top: 248px;
	}

  
 
 
		
#navigationside {
	position:absolute;
	width: 170px;
	top: 329px;
	left: 29px;
	color:#6600FF;
	font:bold;
	font-family:"Trebuchet MS";
	font-size:12px;
	height: 397px;
}

#navigationside ul {
list-style: none;
margin: 0;
padding: 0px;
}
/* #navigationside li {
border-bottom: 1px solid #ED9F9F;
} */
#navigationside li a {
display: block;  
padding: 5px 10px 10px 0.5em;
padding-bottom:20px;
height:24px;
text-align:left;
font-size: 20px;
font-weight: bold;	
/*color:#6633CC; */
color:#E800E8;
background-repeat:no-repeat;
/* border-left: 12px solid #711515;
border-right: 1px solid #711515; */
/*background-image: url(Images/Microphonesmaller.png); */
 

 
 
text-decoration: none;
} 
#navigationside li a:hover {
background-image: url(Backgrounds/im-header-box-righthover.gif);
 
background-repeat:no-repeat; 
color: #FFFFFF;
 
}

 

 
 	#democlipstext {
	position:absolute;
	top:  300px;
	left: 743px;
	margin-left: 10px;
	margin-right: 10px;
	 
	width: 175px;
	height:400px; 
	background-color:
	#FFCCFF;}	 
	 
		 
		 
#democlipstext li {
	list-style-type:none;
	font-weight: bold;	
	font-size: 20px;
	color:	#6633FF;
	font-family:"Trebuchet MS";
	height:60px;	 
	}
	
	 #democlipsmp3 {
	position:absolute;
	top:  300px;
	left: 907px;
	margin-left: 10px;
	margin-right: 10px;
	 
	width: 140px;
	height:400px; 
	background-color:
	#FFCCFF;}	 
	 
		 
		 
#democlipsmp3 li {
	list-style-type:none;
	text-align:top;
	height:60px;	 
	}
	
	
	
#rightcolumn {
    position:absolute;
	list-style-type:none;
	top: 231px;
	height: 500px;
	width: 118px;
	left: 837px;
	background-color: none;
	margin:0;
	padding:0;
	text-decoration:none;
		 }
#rightcolumn li {
     list-style-type:none;
			 }

		 
#picture {
    position:absolute;
	top: 140px;
			 }
/* The containing box for the gallery text. */
#kitchentext {
     
	text-align:left; 
	font-weight: bold; 
	position:absolute;
	top: 245px; 
	left: 225px; 
    width:800px; 
    height:25px; 
    margin:5px auto 0 auto; 
     
    }
						  

							   
/* The containing box for the gallery. */
#kitchencontainer {
    background:#fff url(Images/KitchenWhiteWeb.jpg) 50px 10px no-repeat; 
	text-align:center; 
	
	position:absolute;
	top: 270px; 
	left: 225px; 
    width:765px; 
    height:425px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }

#kitchencontainer ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
	/* Remove the images and text from sight */
#kitchencontainer a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
	
	/* Adding the thumbnail images */
#kitchencontainer a.gallery, #kitchencontainer a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#kitchencontainer a.slidea {
    background:url(Images/KitchenBrownWebThumb.jpg); 
    height:70px; 
    width:97px;
    }
#kitchencontainer a.slideb {
    background:url(Images/KitchenWhiteWebThumb.jpg); 
    height:70px; 
    width:93px;
    }
#kitchencontainer a.slidec {
    background:url(Images/mainkitchenphotothumb.jpg); 
    height:70px; 
    width:83px;
    }
#kitchencontainer a.slided {
    background:url(Images/KitchenAlunWebThumb.jpg); 
    height:70px; 
    width:93px;
    }
 
#kitchencontainer a.slidee {
    background:url(Images/TilingKitchenWebThumb.jpg); 
    height:70px; 
    width:93px;
    }
 
 
 
	
	/* set the size of the unordered list to neatly house the thumbnails */
#kitchencontainer ul {
    width:198px; 
    height:386px;
	margin:10px; 
    float:right;
    }
#kitchencontainer li {
    float:left;
    }
	
	#kitchencontainer a.gallery:hover {
    border:1px solid #fff; 
    }
	
	/* styling the :hover span */
#kitchencontainer a.gallery:hover span {
    position:absolute; 
    width:533px; 
    height:400px; 
    top:10px; 
    left:10px; 
    color:#000; 
    background:#fff;
    }
	
	
	#kitchencontainer a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
	
	/* The containing box for the gallery text. */
#bathroomtext {
     
	text-align:center; 
	font-weight: bold; 
	position:absolute;
	top: 245px; 
	left: 205px; 
    width:815px; 
    height:25px; 
    margin:5px auto 0 auto; 
     
    }
		
	
	/* The containing box for the gallery. */
#bathroomcontainer {
    background:#fff url(Images/BathroomP3Web.jpg) 50px 10px no-repeat; 
	text-align:center; 
	
	position:absolute;
	top: 270px; 
	left: 225px; 
    width:765px; 
    height:425px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }





#bathroomcontainer ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
	/* Remove the images and text from sight */
#bathroomcontainer a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
	
	/* Adding the thumbnail images */
#bathroomcontainer a.gallery, #bathroomcontainer a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#bathroomcontainer a.slidea {
    background:url(Images/BathroomL1WebThumb.jpg); 
    height:70px; 
    width:97px;
    }
#bathroomcontainer a.slideb {
    background:url(Images/BathroomL2WebThumb.jpg); 
    height:70px; 
    width:93px;
    }
#bathroomcontainer a.slidec {
    background:url(Images/BathroomL3WebThumb.jpg); 
    height:70px; 
    width:83px;
    }
#bathroomcontainer a.slided {
    background:url(Images/BathroomL4WebThumb.jpg); 
    height:70px; 
    width:93px;
    }
 
#bathroomcontainer a.slidee {
    background:url(Images/BathroomL5WebThumb.jpg); 
    height:70px; 
    width:93px;
    }
#bathroomcontainer a.slidef {
    background:url(Images/BathroomL6WebThumb.jpg); 
    height:70px; 
    width:93px;
    } 
#bathroomcontainer a.slideg {
    background:url(Images/BathroomP1WebThumb.jpg); 
    height:70px; 
    width:53px;
    }  
#bathroomcontainer a.slideh {
    background:url(Images/BathroomP2WebThumb.jpg); 
    height:70px; 
    width:53px;
    }   
#bathroomcontainer a.slidei {
    background:url(Images/BathroomP3WebThumb.jpg); 
    height:70px; 
    width:53px;
    }   	
	/* set the size of the unordered list to neatly house the thumbnails */
#bathroomcontainer ul {
    width:198px; 
    height:386px;
	margin:10px; 
    float:right;
    }
#bathroomcontainer li {
    float:left;
    }
	
	#bathroomcontainer a.gallery:hover {
    border:1px solid #fff; 
    }
	
	/* styling the :hover span */
#bathroomcontainer a.gallery:hover span {
    position:absolute; 
    width:533px; 
    height:400px; 
    top:10px; 
    left:10px; 
    color:#000; 
    background:#fff;
    }
	
	
	#bathroomcontainer a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
	

	/* The containing box for the gallery. */
#projectcontainer {
    background:#fff url(Images/DeckingWeb.jpg) 50px 10px no-repeat; 
	text-align:center; 
	
	position:absolute;
	top: 270px; 
	left: 225px; 
    width:765px; 
    height:425px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }





#projectcontainer ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
	/* Remove the images and text from sight */
#projectcontainer a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
	
	/* Adding the thumbnail images */
#projectcontainer a.gallery, #projectcontainer a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#projectcontainer a.slidea {
    background:url(Images/DeckingWebThumb.jpg); 
    height:70px; 
    width:97px;
    }
#projectcontainer a.slideb {
    background:url(Images/OakFloorWeb1Thumb.jpg); 
    height:70px; 
    width:93px;
    }
#projectcontainer a.slidec {
    background:url(Images/OakFloorWeb2Thumb.jpg); 
    height:70px; 
    width:83px;
    }
#projectcontainer a.slided {
    background:url(Images/ShopFittingWeb1Thumb.jpg); 
    height:70px; 
    width:93px;
    }
 
#projectcontainer a.slidee {
    background:url(Images/ShopFittingWeb2Thumb.jpg); 
    height:70px; 
    width:93px;
    }
#projectcontainer a.slidef {
    background:url(Images/ShopFittingWeb3Thumb.jpg); 
    height:70px; 
    width:93px;
    } 
#projectcontainer a.slideg {
    background:url(Images/TilingAlunWebThumb.jpg); 
    height:70px; 
    width:53px;
    }   	
	
	
#projectcontainer a.slideh {
    background:url(Images/TilingConservatoryWebThumb.jpg); 
    height:70px; 
    width:53px;
    }  
#projectcontainer a.slidei {
    background:url(Images/TilingUnderfloorHeatingWebThumb.jpg); 
    height:70px; 
    width:53px;
    }   

	/* set the size of the unordered list to neatly house the thumbnails */
#projectcontainer ul {
    width:198px; 
    height:386px;
	margin:10px; 
    float:right;
    }
#projectcontainer li {
    float:left;
    }
	
	#projectcontainer a.gallery:hover {
    border:1px solid #fff; 
    }
	
	/* styling the :hover span */
#projectcontainer a.gallery:hover span {
    position:absolute; 
    width:533px; 
    height:400px; 
    top:10px; 
    left:10px; 
    color:#000; 
    background:#fff;
    }
	
	
	#projectcontainer a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }