﻿/*----All styles in this sheet are id's, use once only----*/
/*----Frames the page contents. ----*/
#wrapper {	
	position:absolute;
	left: 10px;
	top: 5px;
	height:1300px;
	width:974px;
/*----Don't be tempted to use shorthand for the border styling-IE8 won't parse it properly. ----*/
	background-color:white;
	border-style:solid;
	border-bottom-color:navy;
	border-right-color:navy;
	border-top-color:blue;
	border-left-color:blue;
	border-width:1px;
/*----CSS3 standards.----*/
/*----Note this code is not yet supported by all browsers----*/	
/*----Firefox, Chrome and Safari will show rounded corners----*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius:5px;
}
/*----Text about what we do for a living.----*/
/*----Needs a border----*/	
#whatwedo {	
	position:absolute;
	left:150px;
	top:106px;
	height:236px;
	width:812px;
	border:1px;
	border-style:solid;
	border-bottom-color:navy;
	border-right-color:navy;
	border-top-color:blue;
	border-left-color:blue;
	padding-left:5px;
	padding-top:5px;
/*----CSS3 standards.----*/
/*----Note this code is not yet supported by all browsers----*/	
/*----Firefox, Chrome and Safari will show rounded corners----*/
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius:5px;
	}
/*----Text about what we sell and KWOL----*/
/*----Needs a border----*/
#sales{	
	position:absolute;
	left:10px;
	top:355px;
	width:951px;
	height:600px;
	border:1px;
	border-style:solid;
	border-bottom-color:navy;
	border-right-color:navy;
	border-top-color:blue;
	border-left-color:blue;
	padding-left:6px;
	padding-top:3px;
/*----CSS3 standards.----*/
/*----Note this code is not yet supported by all browsers----*/	
/*----Firefox, Chrome and Safari will show rounded corners----*/
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius:5px;
}
/*----Text about estimates for repairs.----*/
/*----No border or padding required----*/
#estimates {
	position:absolute;
	left:180px;
	top:310px;
	}
/*----This is the div id for the animated tag cloud----*/
/*----Don't set a background colour or image, it's set to transparent in the code----*/
/*----No border or padding required----*/
#flashcontent{
	position:absolute;
	left:550px;
	top:295px;
	width:420px;
	height:420px;
	z-index:50;
	}
/*----Picture of domestic microwave oven.----*/
#panmw {
	position:absolute;
	background-image:url('../images/nne225m-im04a.png');
	background-repeat:no-repeat;
	left: 710px;
	top:190px;
	width:172px;
	height:105px;
	}
/*----Picture of commercial microwave oven.----*/
#pancommw {
	position:absolute;
	background-image:url('../images/panasonic_ne1856.jpg');
	background-repeat:no-repeat;
	left:220px;
	top:180px;
	width:184px;
	height:132px;
	z-index:5;
	}
/*----Picture of man delivering parcel.----*/
#delivery {
	position:absolute;
	/*background-image:url('../images/xmas-delivey.jpg');*/
	background-image:url('../images/delivery.jpg');
	background-repeat:no-repeat;
	left: 350px;
	top:420px;
	border:1px;
	border-style:solid;
	border-color:gray;
	width:170px;
	/*width:235px;*/
	height:170px;
}
.cta{
	position:absolute;
	top:300px;
	left:650px;
}
.cta-text{
	font-size:14px;
	color:#CC6600;
	font-weight:900;
}

