body {
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	margin: 0;
}
a {
	text-decoration: none;
	color: #fff;
	font-size: 100%;
	border: none;
}

a:hover {
	text-decoration: underline;
}

:focus {
	-moz-outline-style: none;
}
ul,h3 {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style-type: none;
}

h1 {
	text-indent : -999em;
}


#header {
	width: 100%;
	height: 116px;
	background-color: #000;
}
#header .container{
	width: 920px;
	height: 116px;
	margin: 0 auto auto;
}
#header .container .logo{
	width: 259px;
	height: 99px;
	float: left;
	margin: 8px 0 0 3px;
	background: url(images/logo.png) no-repeat;
}
#header .container .freephone{
	width: 290px;
	height: 50px;
	float: right;
	margin-top: 20px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	text-align: right;
}

#navcontainer {
width: 600px;
float: right;
height: 33px;
margin: 0;
padding: 0;
margin: 13px 0 0 0;
}

#navtabs {
	list-style: none;
	float: right;
	padding: 0;
	margin: 0;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
		/*border: 1px solid #000;*/
}

#navtabs li {
	float: left;
	background: #ec008c url(images/tableft.png) no-repeat left top;
	padding: 8px 0 8px 14px;
	margin-right: 3px;
}

#navtabs li a {
	background: #ec008c url(images/tabright.png) no-repeat top right;
	padding: 8px 14px 8px 0;
	font-size: 130%;
	font-weight: bold;
	color: #000;
}

#navtabs li.G {
	background: #d6df3d url(images/tableftG.png) no-repeat left top;
}

#navtabs li.G a {
	background: #d6df3d url(images/tabrightG.png) no-repeat right top;
}

#navtabs li.Y {
	background: #fdb813 url(images/tableftY.png) no-repeat left top;
}

#navtabs li.Y a {
	background: #fdb813 url(images/tabrightY.png) no-repeat right top;
}

#mainblock {
	width: 917px;
	height: 460px;
	margin: 15px auto auto;
}
#colleft {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
}

#colleft #designstrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/leftpanel.jpg) no-repeat;
}
#colleft #aboutstrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/aboutstrip.jpg) no-repeat;
}

#colleft #autumnstrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/autumnstrip.jpg) no-repeat;
}
#colleft #winterstrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/winterpromostrip.jpg) no-repeat;
}
#colleft #promostrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/promostrip.jpg) no-repeat;
}
#colleft #springstrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/springstrip.jpg) no-repeat;
}
#colleft #summerstrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/summerstrip.jpg) no-repeat;
}
#colleft #locatorstrip {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/locatorstrip.jpg) no-repeat;
}

#colleft #services {
	width: 144px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/service0.jpg) no-repeat;
}



#colleft .dlink {
width: 100%;
height: 50px;
color: #fff;
text-align: center;
margin-top: 390px;
}

#colleft .dlink a {
	text-decoration: none;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
}

#colleft .dlink a:hover {
	text-decoration: underline;
}


#colcenter {
	width: 610px;
	height: 460px;
	float: left;
	margin-right: 8px;
}

#colcenter .mainpic {
	width: 610px;
	height: 460px;
	float: left;
	margin-right: 8px;
	background: url(images/main.jpg) no-repeat;
}

#colcenter #aboutblock {
	width: 531px;
	height: 148px;
	float: left;
	margin-right: 8px;
	margin-bottom: 30px;
	background: url(images/lloydscomment.jpg) no-repeat;
}

#colcenter #autumnblock {
	width: 610px;
	height: 457px;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 30px;
	background: url(images/autumnmain.jpg) no-repeat;
}
#colcenter #winterblock {
	width: 610px;
	height: 457px;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 30px;
	background: url(images/wintermain.jpg) no-repeat;
}
#colcenter #promoblock {
	width: 610px;
	height: 457px;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 30px;
	background: url(images/promomain.jpg) no-repeat;
}
#colcenter #springblock {
	width: 610px;
	height: 457px;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 30px;
	background: url(images/springmain.jpg) no-repeat;
}
#colcenter #summerblock {
	width: 610px;
	height: 457px;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 30px;
	background: url(images/summerblock.jpg) no-repeat;
}
#colcenter  #pcomment {
width: 580px;
height: 300px;
clear: both;
padding-left: 10px;
}
#colcenter  #signature {
width: 112px;
height: 93px;
background: url(images/signature.jpg) no-repeat;
margin: 6px 0 6px 0;
padding-left: 15px;
}
#colcenter  #extramargin {
width: 580px;
height: 93px;
margin-left: 15px;
}
#colcenter a {
	text-decoration: none;
	color: #848f00;
	font-size: 90%;
}

#colcenter  a:hover {
	text-decoration: underline;
}


#colcenter  #extramargin  h2{
font-size: 110%;
color: #848f00;
margin-top: 0;
}

#colcenter  #extramargin  .greenhs {
font-size: 90%;
font-weight: bold;
color: #848f00;
margin: 7px 0 5px 0;
}


#colcenter  #extramargin .toptext{  
font-size:78%;
text-align: center;
margin-bottom:5px;
}

#colcenter  #extramargin .pdf {
width: 100%;
height: 20px;
margin-top: 8px;
text-indent: 20px;
background: url(images/pdf.gif) no-repeat;
}
#colcenter  #extramargin .pdf a {
font-size: 80%;
}
#colcenter  #extramargin .warning {
width: 100%;
font-style: italic;
font-size: 80%;

}
#colcenter  #extramargin .warning a {
font-size: 95%;
}
#colcentergallery {
width: 754px;
height: 300px;
margin-right: 16px;
float:left;
}

#colright {
	width: 145px;
	height: 460px;
	float: left;
	margin: 0;
}

#colright .rightpanel{
text-align: center;
margin: 0 0 5px 0;
border: none;
}

#colright .rightpane1 img{ 
border: none;
}

#blackstrip {
	width: 100%;
	height: 290px;
	margin-top: 16px;
	background-color: #000;
	
}
#infoblock {
	width: 920px;
	height: 194px;
	margin: 0 auto auto;
	display: block;
}



#infoblock #left{
	width: 300px;
	height: 150px;
	margin-top: 11px;
	float: left;
	margin-right: 12px;
}
#infoblock #left .heading1{
		color: #ec008c;
		font-size: 90%;
		font-weight: bold;
}
#infoblock #left #bedthum{
		width: 140px;
		height: 111px;
		float: left;
		margin: 12px 11px 5px 0;
		background: url(images/bedthum.jpg) no-repeat;

}
#infoblock #left .infotext{
		color: #fff;
		font-size: 70%;
		margin-top: 10px;
}



#infoblock #center{
	width: 300px;
	height: 150px;
	float: left;
	margin-top: 11px;
	margin-right: 13px;
}
#infoblock #center .heading2{
		color: #d6df3d;
		font-size: 90%;
		font-weight: bold;
}
#infoblock #center #officethum{
		width: 140px;
		height: 111px;
		float: left;
		margin: 12px 11px 5px 0;
		background: url(images/officethum.jpg) no-repeat;
}
#infoblock #center .infotext{
		color: #fff;
		font-size: 70%;
		margin-top: 10px;
}


#infoblock #right{
	width: 295px;
	height: 150px;
	float: left;
	margin-top: 11px;
}
#infoblock #right .heading3{
		color: #fdb813;
		font-size: 90%;
		font-weight: bold;
}
#infoblock #right #cinemathum{
		width: 140px;
		height: 111px;
		float: left;
		margin: 12px 11px 5px 0;
		background: url(images/cinemathum.jpg) no-repeat;
}
#infoblock #right .infotext{
		color: #fff;
		font-size: 70%;
		margin-top: 10px;
}



#blackstrip #footer {
	width: 920px;
	height: 80px;
	margin: 14px auto auto;
}
#blackstrip #footer .Cstrip{
	width: 254px;
	height: 3px;
	margin: 3px 0 3px 0;
	background: url(images/cstrip.png) no-repeat;
}
#blackstrip #footer p{
	color: #fff;
	font-size: 70%;
}
#blackstrip #footer p .pink{
	color: #ec008c;
	font-size: 80%;
}




#ServiceList {
}
#ServiceList li {
	margin: 0 0 -1px 0;

	height: 30px;
	background: #000;
}
#ServiceList li:hover {
	background: #000;
}
#ServiceList li h3 {
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
}
#ServiceList li h3:hover {
	color: #ccc;
}
#ServiceList li h3 img {
	float: right;
	margin: 2px 2px 0 0;
}
#ServiceList li div {
	background: #ffffff;
	padding: 5px;
	overflow-y: hidden;
}
#ServiceList li div img {
	float: right;
	margin: 0 0 0 10px;
}
#ServiceList li .togglelink {
font-size: 100%;
color: #fff;
}
#ServiceList li .togglelink a{
font-size: 90%;
color: #fff;
margin: 0 0 0 5px;
	font-weight: bold;
}

#designers {
width: 536px;
float: right;
padding: 5px;
margin: 0 0 5px 0;
border: 1px solid #000;
}
#finance {
width: 536px;
float: right;
padding: 5px;
margin: 0 0 5px 0;
border: 1px solid #000;
}
#bespoke {
width: 536px;
float: right;
padding: 5px;
margin: 0 0 5px 0;
border: 1px solid #000;
}
#manage {
width: 536px;
float: right;
padding: 5px;
margin: 0 0 5px 0;
border: 1px solid #000;
}
#guarantee {
width: 536px;
float: right;
padding: 5px;
margin: 0 0 5px 0;
border: 1px solid #000;
}

.servicethumb1 {
width: 30px;
float:left;
height: 30px;
margin: 0;
background: url(images/servicethumb1.jpg) no-repeat;
}
.servicethumb2 {
width: 30px;
float:left;
height: 30px;
margin: 0;
background: url(images/servicethumb2.jpg) no-repeat;
}
.servicethumb3 {
width: 30px;
float:left;
height: 30px;
margin: 0;
background: url(images/servicethumb3.jpg) no-repeat;
}
.servicethumb4 {
width: 30px;
float:left;
height: 30px;
margin: 0;
background: url(images/servicethumb4.jpg) no-repeat;
}
.servicethumb5 {
width: 30px;
float:left;
height: 30px;
margin: 0;
background: url(images/servicethumb5.jpg) no-repeat;
}
.togglelink {
padding: 5px 0 0 0;
font-size: 90%;
color: #fff;

}

#clear {
clear: both;
margin: 10px 0 10px 0;
}