@charset "utf-8";
a.nav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:center;
text-decoration:none;
}
a.nav:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:center;
text-decoration:none;
}
a.nav:hover {
color:#B6CCFD;
}
.contactbox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#6290FC;
text-align:center;
text-decoration:none;
}
.contactbox2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6290FC;
text-align:center;
text-decoration:none;
}
.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6290FC;
	text-align:left;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	margin:0px;
}
.servicestitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
body {
	background-color: #B6CCFD;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
}
td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align:top;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6290FC;
}
a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6290FC;
}
a:hover{
	color: #B6CCFD;
}
.container {
	width:800px;
	position:relative;
	height:auto;
	overflow:auto;
}
.logo {
	width:561px;
	height:89px;
	position:relative;
	float:left;
	background-image:url(images/logo.jpg);
}
.contactdetails {
	width:239px;
	position:relative;
	height:89px;
	float:left;
	background-image:url(images/contactdetails.jpg);
}
.navleft {
	width:200px;
	position:relative;
	height:25px;
	float:left;
	background-image:url(images/navleft.jpg);
}
.home {
	width:61px;
	position:relative;
	float:left;
	height:22px;
	background-image:url(images/home.jpg);
	text-align:center;
	padding-top:3px;
}
.about {
	width:95px;
	height:22px;
	position:relative;
	float:left;
	background-image:url(images/about_us.jpg);
	text-align:center;
	padding-top:3px;
}
.sheds {
	width:68px;
	height:22px;
	position:relative;
	float:left;
	background-image:url(images/sheds.jpg);
	text-align:center;
	padding-top:3px;
}
.summerhouse {
	width:143px;
	height:22px;
	position:relative;
	float:left;
	background-image:url(images/summerhouses.jpg);
	text-align:center;
	padding-top:3px;
}
.previous {
	width:95px;
	height:22px;
	position:relative;
	float:left;
	background-image:url(images/previous_work.jpg);
	text-align:center;
	padding-top:3px;
}
.contact {
	width:98px;
	height:22px;
	position:relative;
	float:left;
	background-image:url(images/contact.jpg);
	text-align:center;
	padding-top:3px;
}
.navright {
	width:40px;
	height:25px;
	position:relative;
	float:left;
	background-image:url(images/navright.jpg);
}
.mainimage {
	width:800px;
	height:230px;
	position:relative;
	float:left;
	background-image:url(images/mainimage.jpg);
}
.middlecontainer {
	width:800px;
	height:auto;
	position:relative;
	float:left;
	background-image:url(images/contentbg.jpg);
	background-repeat:repeat-y;
}
.left {
	width:35px;
	height:276px;
	position:relative;
	float:left;
	background-image:url(images/left.jpg);
}
.middle {
	width:725px;
	height:auto;
	position:relative;
	float:left;
}
.undermain {
	width:725px;
	height:13px;
	position:relative;
	float:left;
	background-image:url(images/undermain.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.content {
	width:500px;
	height:auto;
	position:relative;
	float:left;
	text-align:left;
}
.services {
	width:225px;
	height:auto;
	position:relative;
	float:left;
}
.servicestop {
	width:207px;
	height:24px;
	position:relative;
	float:left;
	background-image:url(images/services.jpg);
	text-align:left;
	padding-top:12px;
	padding-left:18px;
	overflow:auto;
}
.servicesmiddle {
	width:204px;
	height:auto;
	position:relative;
	float:left;
	text-align:left;
	padding-left:12px;
	padding-right:9px;
	background-image:url(images/servicesbg.jpg);
	overflow:auto;
}
.servicesbottom {
	width:225px;
	height:12px;
	position:relative;
	float:left;
	background-image:url(images/servicesbottom.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.right {
	width:40px;
	height:276px;
	position:relative;
	float:left;
	background-image:url(images/right.jpg);
}
.copyright {
	width:800px;
	height:45px;
	position:relative;
	float:left;
	background-image:url(images/copyright.jpg);
}
#Help {border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #FFFFFF;
}
#ZoomPic{
	z-index:1002;
	border:#FFFFFF solid 10px;
	cursor:pointer;
}

#PicZoom{
	z-index:1001;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	margin:auto 0;
	color:#000000;
	text-align:center;
	margin-top:20px;
}

#PicZoomLayon{
	z-index:1000;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background:#FFFFFF;
	margin:0;
	filter: Alpha(Opacity=60);
}
.gallery{
	padding-left:4px;
}
.designsmart {
text-align:left;
display:block;
float:left;
text-decoration:none;
margin:0px;
padding:0px;
margin-left:40px;
}