/*CSS Reset*/
 
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
 
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
 
ol, ul { list-style: none; margin: 0; padding: 0; }
 
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
 
acronym, abbr, fieldset, img { border: 0;}
 
:focus { outline: 0; }


#nav_bar a {
	display: block;
}

#nav_bar li { /* all list items */
	float: left; /* width needed or else Opera goes nuts */
}

#nav_bar li ul li { /* all list items */
	display: block;                     
	border-right-color: white;                     
	border-left-color: white;                     
	border-right-width: 1px;                     
	border-right-style: solid;                     
	border-left-style: solid;                     
	border-left-width: 1px;                     
	border-bottom-color: white;                     
	border-bottom-width: 1px;                     
	border-bottom-style: solid; /* width needed or else Opera goes nuts */
}

#nav_bar li ul li a { 
	
	background-color: #7abd3a; 
	
	width: 130px; 
	
	display: block; 
	
}


#nav_bar li ul { /* second-level lists */
	width: 130px;                         
	border-top-color: white;                         
	border-top-width: 1px;                         
	border-top-style: solid;                         
	background-color: #7abd3a;                         
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav_bar li:hover ul, #nav_bar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

body {
		margin-top: 10px;
		line-height: 16px;
		font-size: 12px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		background-color: #f2f8f8;
		text-align: center;
	}

#container {
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

#header {
		background-color: white;
		height: 136px;
	}

ul#nav_bar {
		background-position: 540px;
		background-image: url(images/number_bg.gif);
		background-repeat: no-repeat;
		clear: both;
		border-bottom-color: #f2f8f8;
		border-top-color: #f2f8f8;
		border-bottom-width: 12px;
		border-bottom-style: solid;
		border-top-style: solid;
		border-top-width: 12px;
		padding-left: 20px;
		height: 24px;
		background-color: #7abd3a;
	}

#main {
		display: inline-block;
		line-height: 14px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		background-color: white;
	}

#footer {
		padding-bottom: 10px;
		clear: both;
		padding-left: 20px;
		padding-top: 10px;
	}

#footer p, #footer a {
		font-size: 11px;
		text-decoration: none;
		color: #006076;
	}

#home_content {
		margin-bottom: 30px;
		width: 390px;
		display: inline;
		float: left;
	}

#home_sidebar {
		padding-bottom: 30px;
		width: 349px;
		display: inline;
		float: right;
	}

h1 {
		padding-bottom: 10px;
		line-height: 30px;
		font-size: 28px;
		font-family: "Arial Black";
		color: #78015f;
	}

h2 {
		padding-bottom: 10px;
		line-height: 28px;
		font-size: 22px;
		color: #006076;
		font-family: "Arial Black";
	}

h3 {
		padding-bottom: 10px;
		line-height: 20px;
		font-size: 16px;
		font-family: "Arial Black";
		color: #7abd3a;
	}

ul#nav_bar li {
		display: inline;
		float: left;
	}

ul#nav_bar li a {
		padding-bottom: 4px;
		padding-top: 4px;
		text-decoration: none;
		padding-right: 20px;
		padding-left: 20px;
		display: block;
		color: white;
	}

ul#nav_bar li a:hover,ul#nav_bar li a.selected {
		background-color: #78015f;
	}

br.clearer {
		clear: both;
	}

#footer a:hover {
		color: #78015f;
	}

a {
		text-decoration: none;
		color: #006076;
	}

a:hover {
		color: #78015f;
		text-decoration: none;
	}

#logo {
		display: inline;
		float: left;
	}

a.money_back {
		margin-right: 20px;
		margin-top: 5px;
		height: 78px;
		width: 195px;
		background-repeat: no-repeat;
		background-image: url(images/money_back.gif);
		display: inline;
		float: right;
	}

#home_banner {
		z-index: 99;
		margin-left: 1px;
		display: block;
		height: 174px;
		width: 755px;
	}

#banner {
		margin-left: 1px;
		display: block;
		background-repeat: no-repeat;
		background-image: url(banners/services.jpg);
		height: 174px;
		width: 755px;
	}

span#phone {
		padding-right: 50px;
		padding-top: 1px;
		line-height: 22px;
		font-size: 18px;
		font-family: "Arial Black";
		color: #78015f;
		float: right;
	}

span.footer_spacer {
		margin-left: 70px;
		display: inline;
	}

#banner_headlines {
		width: 175px;
		display: inline;
		float: left;
	}

ul#logo_banners {
		padding-top: 30px;
		padding-right: 20px;
		display: inline;
		float: right;
	}

div#success_stories {
		padding-left: 4px;
		padding-bottom: 4px;
		padding-right: 4px;
		padding-top: 3px;
		line-height: 20px;
		font-size: 16px;
		font-family: "Arial Black";
		color: white;
		background-color: #006076;
	}

ul#logo_banners li a.john_lewis_banner {
		height: 70px;
		background-image: url(images/john_kewis_banner.gif);
		width: 137px;
		background-repeat: no-repeat;
		display: block;
	}

ul#logo_banners li a.renishaw_banner {
		height: 70px;
		background-image: url(images/renishaw_banner.gif);
		width: 137px;
		background-repeat: no-repeat;
		display: block;
	}

ul#logo_banners li a.blockbuster_banner {
		background-image: url(images/blockbuster_banner.gif);
		height: 90px;
		width: 137px;
		background-repeat: no-repeat;
		display: block;
	}

ul#logo_banners li a.dreamdoors_banner {
		background-image: url(images/dream-doors-logo.gif);
		height: 42px;
		width: 137px;
		background-repeat: no-repeat;
		display: block;
	}

span.hidden {
		display: none;
	}

ul#logo_banners li {
		margin-bottom: 45px;
		margin-top: 25px;
	}

#content {
		padding-bottom: 40px;
		display: inline;
		float: left;
		width: 580px;
	}

#sidebar {
		padding-bottom: 40px;
		width: 160px;
		display: inline;
		float: right;
	}

#home_content ul, #content ul {
		margin-left: 20px;
		list-style-position: outside;
		list-style-type: disc;
	}

strong {
		font-weight: bold;
	}

p.edit_entry {
		padding-top: 20px;
	}

#home_content ul li, #content ul li {
		padding-bottom: 4px;
	}

#content p {
		margin-bottom: 8px;
		line-height: 16px;
	}

#home_sidebar h3 {
		padding-top: 20px;
	}
/* End Images */




div.contact_form { padding:0;}
div.contact_form input {background-color: #E6E6E6; font-size: 10px; margin: 2px; padding: 2px; width: 140px;}
div.contact_form select {background-color: #E6E6E6; font-size: 10px; margin: 2px; width: 147px; }
div.contact_form label {margin: 5px 0 2px; color: #666666;}
#letstalk-submit {float: right; display: inline; margin-right: 13px; width: auto; border: none; background-color: transparent; padding: 0;}
ul#subnav { margin-top: 5px; }
ul#subnav li { margin-bottom: 3px; background-color: #7abd3a; }
ul#subnav li a { display: block; padding-right: 20px; padding-left: 20px; padding-bottom: 4px; padding-top: 4px; color: white; }
ul#subnav li a:hover, ul#subnav li a.selected { background-color: #78015f; }
h4 { font-family: "Arial Black"; margin-top: 20px; line-height: 24px; font-size: 16px; color: #006076; }
#home_letstalk { margin-top: 10px; width: 160px; display: inline; float: right; }


/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FDFCE9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}