/* Global styles
--------------------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0.75em;
	margin:0;
	color:#333333;
	background:#bab194 url(../../images/misc/body-bg.gif) center repeat-y;

}


td {
	font-family: Arial, Helvetica, sans-serif;
}


th {
	font-family: Arial, Helvetica, sans-serif;
}


h1 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:0;
	margin-bottom:1em;
	color:#333333;
}


.heading{
    font-size:38px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0.06em;
	color:#666600;
	padding-top:14px;
	padding-bottom:11px;
	float:left;
}

.subheader{
	color:#ffffff;
	text-align:left;
	font-size:22px;
	font-weight:normal;
	padding:8px 20px 0px;
}

.pageheader{
	font-size:24px;
	margin:0px 0px 10px;
	font-weight:normal;
}

h2 {
	font-size:1.25em;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0.42em;
	color:#333333;
}

a h3 {
	padding-top:20px;
}

p {
	margin-top:0;
	margin-bottom:0.83em;
}


a {
	color:#006600;
}


a img {
	border:none;
}

#js-error {
	clear:both;
	background:#e9e9e9 url(../../images/misc/warning.gif) 5px center no-repeat;
	border:#ddd solid 1px;
	color:#000;
	margin:20px;
	padding:10px 10px 10px 40px;
}
	#js-error p {
		margin:0;
		padding:0;
	}

/* Layout Containers
------------------------------------------------------------------------------------*/
#container {
	position:relative;
	width:740px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

#header {
	height:122px;
}

#logo {
	width:730px;
	padding:0px 0px 0px 10px;
	background:#292015 url(../../images/misc/logo-bg.gif) repeat-x;
}
	#logo #flashlogo {
		float:left;
		font-size:1px;
	}
	#logo #cta-top-right {
		width: 425px;
		float: right;
		text-align: right;
		height: 78px;
		padding: 7px 5px 5px 5px;
		font-size: 1.5em;
		line-height: 23px;
	}
		#logo #cta-top-right .number {
			font-size: 1.3em;
			letter-spacing: -1px;
			color: #333;
		}
		
		#logo strong {
			font-weight: normal;
			font-size: 1.5em;
			color: #007830;
		}
	#logo h1 {
		float:left;
		color:#666600;
		font-size:38px;
		padding-top:14px;
		padding-bottom:11px;
		margin:0;
	}
	#logo #number {
		float:left;
		padding:0px 0;
		padding-bottom:4px;
	}
		#logo #number p {
			font-size:14px;
			font-weight:bold;
			margin:0;
			color:#eeeeee;
		}
		#logo #number span {
			display:inline;
			font-size:20px;
			font-weight:normal;
			color:#ffffff;
		}


#main {
	clear:both;
	position:relative;
}

#main-image {
	font-size:1px;
	height: 280px;
	width: 740px;
	background: url(../../images/misc/main-image.jpg);
}

#title {
	width:740px;
	height:40px;
	text-align: left;
	background:url(../../images/misc/title-bg.gif) repeat-x;
}
	#title h2 {
		color:#ffffff;
		text-align:left;
		font-size:22px;
		font-weight:normal;
		padding:8px 20px 0px;
		background:url(../../images/misc/title-bg.gif) repeat-x;
	}
	
#left-images {
	position:absolute;
	top:300px;
	right:30px;
	width:140px;
	font-size:1px;
}

	#new {
		border: 1px solid #ccc;
		padding: 5px;
	}

	#left-images p {
		font-size: 13px;
		text-align: justify;
	}
	
	#left-images h3 {
		font-size: 13px;
		text-align: justify;
		margin: 0px;
		padding: 0px;
		text-transform: uppercase;
	}
	
	#left-images p strong {
		letter-spacing: 0px;
		color: #006600;
	}
	
	#left-images .address {
		text-align: center;
		padding: 5px 0px;
		background: #efefef;
	}
	
	#left-images .tight {
		letter-spacing: -1px;
	}
	
	#left-images .centre {
		text-align: center;
	}
	
	#left-images img {
		margin-bottom:10px;
	}

#flashVideo {
	width:140px;
	margin-bottom:10px;
}

#content {
	width:525px;
	margin-left:20px;
	margin-right:185px;
}
	body#gallery #content {
		width:740px;
		margin-left:0px;
		margin-right:0px;
	}
	body#pricing-design #content {
		width:700px;
		margin-left:0px;
		margin-right:0px;
		padding:20px 20px;
	}
		body#pricing-design #content h3 {
			font-size:24px;
			margin:0px 0px 10px;
			font-weight:normal;
		}
		body#pricing-design #content h4 {
			clear:both;
			font-size:18px;
			margin:0px 0px 10px;
			padding:10px 0 5px;
			font-weight:normal;
			border-bottom:#666633 solid 2px;
		}

#top {}

#page-copy {
	width:514px;
	padding-top:15px;
	padding-left:10px;
}
	body#home #page-copy {
		float:right;
		width:340px;
		margin-top:15px;
		padding-top:0px;
		padding-left:10px;
		padding-right:0px;
		margin-bottom:10px;
		border-left:#a29c84 solid 1px;
	}
	#page-copy h3 {
		font-size:24px;
		margin:0px 0px 10px;
		font-weight:normal;
	}
	#page-copy h4 {
		clear:both;
		font-size:18px;
		margin:0px 0px 10px;
		padding:10px 0 0;
		font-weight:normal;
	}
	#page-copy h5 {
		clear:both;
		font-size:14px;
		margin:0px 0px 10px;
		padding:10px 0 0;
		font-weight:bold;
	}
	
	.list-circle li{
margin-left:5px; 
padding-left:5px;
list-style-image:url(../../images/misc/tick.jpg);
	}
	#page-copy .step {
		border:#ccc solid 1px;
	}
		#page-copy .step h4 {
			font-size:18px;
			margin:0px 0px 10px;
			font-weight:normal;
		}
#page-copy.big {
	width:700px;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
}
#page-copy.thanks {
	height:300px;
}

.phone {
	font-size: 1.6em;
	color: #007830;
	letter-spacing: -1px;
}

#right-images {
	float:left;
	width:164px;
	margin-bottom:10px;
	padding:5px 0px 8px 0px;
}
	#right-images span {
		letter-spacing: -1px;
		font-size: 13px;
	}
	
#half-price-fitting {
	margin-top: 10px;
}

#bottom{
	clear:both;
	border-top:#a29c84 solid 1px;
}
	#bottom h3 {
		font-size:12px;
		background-color:#d0ccbd;
		color:#70201c;
		padding:2px 10px;
		margin:0px 0px 5px;
	}

#our-factory {
	float:left;
	width:200px;
	padding-right:10px;
	border-right:#a29c84 solid 1px;
	margin-top:10px;
	font-size:11px;
}
#our-materials {
	float:right;
	width:300px;
	padding-left:10px;
	margin-top:10px;
	font-size:11px;
}

p.buttonbox {
	clear:both;
	border:#cccccc solid 5px;
	background-color:#eeeeee;
	height:80px;
}
	p.buttonbox img {
		float:left;
		margin-right:20px;
	}
	p.buttonbox span {
		float:left;
		margin-top:30px;
	}
	p.buttonbox a {
		text-decoration:none;
		font-size:16px;
		color:#000000;
		font-weight:bold;
		padding: 0px;
		display:block;
		height:80px;
	}

ul.fireplaces {
	margin:0;
	padding:0;
	clear:both;
	width:514px;
	list-style:none;
}
	ul.fireplaces li {
		width:100px;
		height:120px;
		float:left;
		padding-right:2px;
	}
		ul.fireplaces li a {
			float:left;
			text-decoration:none;
		}
			ul.fireplaces li img {
			}
			ul.fireplaces li span {
				display:block;
				padding-top:0px;
				padding-bottom:5px;
				font-size:10px;
				color:#333;
				text-align:center;
			}

#number {
	float:left;
	width:340px;
}
#card {
	float:right;
	width:150px;
	text-align:center;
}


ul.thumb {
	width:510px;
	list-style:none;
	margin:0;
	padding:0;
}
	ul.thumb li {
		float:left;
		width:75px;
		height:95px;
		padding:5px;
		background:url(../../images/misc/tbsquare-off.gif) no-repeat;
		font-size:1px;
	}
		ul.thumb li a {
			display:block;
			width:75px;
			height:95px;
			text-decoration:none;
			background-color:#999583;
			font-size:1px;
			color:#fff;
		}
		ul.thumb li a:hover {
			background-color:#292015;
			color:#fff;
		}
			ul.thumb li img {
				border:#999583 solid 3px;
				border-bottom:none;
			}
			ul.thumb li a:hover img {
				border:#292015 solid 3px;
				border-bottom:none;
			}
			ul.thumb li span {
				font-size:10px;
				padding: 1px 3px 0px;
				display:block;
				line-height:10px;
				color:#fff;
				text-transform:capitalize;
			}

#iGallery {
	clear:both;
	border:#999 2px solid;
}

table.pricing-table {
	width:100%;
	border-collapse:collapse;
	clear:both;
}
	table.pricing-table tr.groups {
		border-bottom:#666633 solid 2px;
	}
	table.pricing-table tr.supply {
		border-bottom:#666633 solid 1px;
	}
	table.pricing-table tr.fitted {
		border-bottom:#666633 solid 1px;
	}
		table.pricing-table tr th, table.pricing-table tr td {
			padding:5px 10px;
			text-align:right;
		}
		table.pricing-table tr td.header {
			background-color:#F1EDE4;
			font-weight:bold;
			text-align:left;
		}
		
#map {
	width:500px;
	height:300px;
}

a.steps {
	display:block;
	font-size:18px;
	color:#fff;
	background:url(../../images/misc/4steps-blank.gif) no-repeat;
	text-decoration:none;
	padding:40px 5px 5px 8px;
	line-height:18px;
}
	a.steps span {
		display:block;
		font-size:14px;
		color:#504b39;
		font-weight:bold;
		padding-top:5px;
	}

body#pricing-design #content h4.globe {
	border:none;
	clear:both;
	padding-top:20px;
}
	body#pricing-design #content h4.globe span {
		padding:8px 20px 10px 15px;
		font-size:20px;
		color:#333300;
		font-weight:bold;
		background:#fff url(../../images/misc/planet.gif) no-repeat;
	}

/* Navigation Styles
------------------------------------------------------------------------------------*/
#nav-container {
	width:740px;
	height:32px;
	background:url(../../images/misc/nav-bg.jpg) no-repeat;
}

#nav-container ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align:center;
}

#nav-container li {
	display:inline;
	margin: 0px;
	padding: 0px;
}

#nav-container a {
	color:#ffffff;
	font-weight:bold;
	font-size:1em;
	text-decoration: none;
	display:inline;
	height:16px;
	padding: 5px 6px 5px 6px;
	text-transform:capitalize;
	line-height:32px;
}

#nav-container ul#nav li a:hover {
	color: #eeeeee;
}
body#home #nav-container ul#nav li.nav-home a,
body#about-us #nav-container ul#nav li.nav-about-us a,
body#granite-worktops #nav-container ul#nav li.nav-granite-worktops a,
body#marble-fireplaces #nav-container ul#nav li.nav-marble-fireplaces a,
body#gallery #nav-container ul#nav li.nav-gallery a,
body#pricing-design #nav-container ul#nav li.nav-pricing-design a,
body#silestone #nav-container ul#nav li.nav-silestone a,
body#contact-us #nav-container ul#nav li.nav-contact-us a {
	color:#5e5843;
	background-color:#ffffff;
}
	




/* Footer Styles
------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	width: 720px;
	height:120px;
	margin-top:20px;
	padding: 15px 10px 40px;
	color: #999;
	background: #e9e9e9;
	font-size: 11px;
}
	#footer a {
		color: #999;
		text-decoration: none;
	}
	#footer a:hover {
		color: #333;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 500px;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 720px;
}
	ul#footerDetails li {
		display:block;
	}
	
ul#footerW3C {
	float: right;
	margin: 0px;
	padding: 0px;
}
	ul#footerW3C li {
		display: inline;
	}

#adtrakDesign {
	float: right;
	clear: right;
}
#footer-areas {
float: left;
		width: 210px;
		margin: 0px;
	}
#footer-address { 

	float: left;
		width: 290px;

		
	}
#help-advice{
	float: left;
		width: 310px;
	
	}
	#footer-services ul, li {
    list-style-type: none;
} 

	
	




/* Class Styles
------------------------------------------------------------------------------------*/

.skip {
display:none;

}

.quote {
	font-size:18px;
	font-style:italic;
	color:#CC9966;
}

.clearfix {
	clear:both;
}

.img-left {
	float:left;
	margin:0px 10px 5px 0px;
}

.img-right {
	float:right;
	clear:right;
	margin:0px 10px 5px 10px;
}

.img-gallery {
	border:#eeeeee solid 4px;
}

#bottom-keywords{
	font-size: 9px;
	color:#CCCCCC;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top:10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#bottom-keywords h3{font-size: 10px;font-weight:normal;
}
#bottom-links {margin-top: 10px;width: 760px;margin-right: auto;margin-left: auto;text-align:center;
}
#bottom-links ul{list-style:none;display: block;margin: 0px;padding: 0px;margin-top: 10px;	
}
#bottom-links li{display: inline;
}
#bottom-links a{padding: 5px 10px;color: #ccc;font-size: 10px;
}
.standOut {
	background: url(../../images/misc/standOutBg.png);
	padding: 10px 10px 10px 70px;
	margin-top: 10px;
}

#cta-fireplaces {
	margin-top: 10px;
}

#cta-creative-fireplaces {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}