/* ------> COLOUR INDEX <----------------

red:			#EC1846;
green:			#CCDC00;
blue:			#0093D1;
purple:			#981D85;
brown:			#5B4B40;
body grey:		#ccc;
dark grey:		#999;

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


/* ------> RESET CSS <----------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	text-decoration: none;
	font-size: 100%;
	padding: 0;
	margin: 0; }

ol, ul {
	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }



/* ------> ~GENERAL STYLES <----------- */

body {
	line-height: 1;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #999; }

.clear {
	clear: both; }

#main-container {
	width: 1000px;
	margin: 150px auto 0 auto; }

h1, h2, h3, h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #EC1846; }

h1 {
	font-size: 2em;
	margin-bottom: 20px; }

h2 {
	font-size: 1.5em; }

h3 {
	font-size: 1.2em; }

p {
	display: block;
	font-size: 0.75em;
	line-height: 1.6em;
	margin-bottom: 15px; }

::-moz-selection {
	background-color: #EC1846;
	color: #fff; }

::selection {
	background-color: #EC1846;
	color: #fff; }

img {
	display: block; }




/* ------> ~NAVIGATION <----------- */

#left-col {
	position: relative;
	float: left;
	display: inline;
	width: 185px;
	height: 450px;
	background: url(../Images/nav-border.png) repeat-y; }
	
	#left-col #logo {
		position: absolute;
		left: 0;
		bottom: 0; }

#nav {
	display: block;
	font-size: 0.75em; }
	
	#nav li {
		float: left;
		clear: both;
		display: inline; }

	#nav li a {
		float: left;
		clear: both;
		display: inline;
		color: #ccc;
		padding-bottom: 7px; }

	#nav li a:hover {
		color: #EC1846; }

	#nav li#interiors a:hover {
		color: #EC1846; }

	#nav li#kitchens a:hover {
		color: #CCDC00; }

	#nav li#bathrooms a:hover {
		color: #0093D1; }

	#nav li#homes a:hover {
		color: #981D85; }

	#nav li#flooring a:hover {
		color: #5B4B40; }

	#nav li a.active {
		font-weight: bold;
		color: #666; }
	
	#nav li ul {
		margin-left: 10px; }
	
	#nav li ul li a {
		color: #999; }

.interiors li#interiors a, .about li#about a, .contact li#contact a {
	color: #EC1846; }
	
	.interiors li#interiors ul a, .about li#about ul a, .contact li#contact ul a {
	color: #999; }

.kitchens li#kitchens a {
	color: #CCDC00; }
	
	.kitchens li#kitchens ul a {
		color: #999; }

.bathrooms li#bathrooms a {
	color: #0093D1; }
		
	.bathrooms li#bathrooms ul a {
		color: #999; }

.homes li#homes a {
	color: #981D85; }
	
	.homes li#homes ul a {
		color: #999; }

.flooring li#flooring a {
	color: #5B4B40; }
	
	.flooring li#flooring ul a {
		color: #999; }



/* ------> ~FOOTER <----------- */

#footer {
	clear: both;
	font-size: 1em;
	color: #B2B2B2;
	padding: 25px 0 50px 0; }
	
	#footer #copyright {
		float: left;
		display: inline;
		width: 185px; }
		
		#footer #copyright em {
		font-style: normal;
		color: #EC1846; }
	
	#footer ul {
		float: left;
		display: inline;
		width: 185px;
		margin-top: 3px; }
		
		#footer li {
			float: left;
			display: inline;
			margin-right: 10px; }
		 
		 #footer li a {
			display: block;
			font-size: 0.75em;
			color: #B2B2B2; }
		
		#footer li a:hover {
			text-decoration: underline;
			color: #EC1846; }
	
	#footer p a {
		color: #B2B2B2;
		margin-right: 10px; }
		
	#footer p a:hover {
		text-decoration: underline;
		color: #EC1846; }
	
	#footer #cefar {
		float: right;
		text-align: right; }

	#footer #cefar a:hover {
		color: #c50084; }


/* ------> ~CONTENT <----------- */

.content {
	float: left;
	width: 815px;
	overflow: hidden; }
	
#slim-col {
	float: left;
	display: inline;
	width: 180px;
	height: 450px;
	padding-right: 5px; }
	
	#home #slim-col {
		width: 815px;
		padding-right: 0; }

	#services #slim-col {
		display: inline;
		width: 365px;
		padding-right: 0;
		margin-right: 25px; }

#big-col {
	position: relative;
	float: left;
	width: 630px; }

	#home #big-col {
		width: 0; }

	#services #big-col {
		width: 425px;
		height: 450px; }

#homeSlices {
	width: 815px;
	height: 450px; }

	#homeSlices li {
		position: relative;
		float: left;
		display: inline;
		width: 160px;
		overflow: hidden;
		margin-left: 3px; }

	#homeSlices li .hover {
		position: absolute;
		top: 0;
		float: left;
		width: 163px; }

#aboutContent #big-col p {
	font-size: 0.725em;
	margin-bottom: 10px; }

#brandList {
	margin-top: -5px; }

	#brandList li {
		float: left;
		display: inline;
		height: 66px;
		margin: 20px 37px 0 0; }
	
	#brandList li.end {
		margin-right: 0; }

	#brandList li img { }

#contactDetails {
	font-size: 0.75em; }

	#contactDetails li {
		display: block;
		color: #ccc;
		margin-bottom: 3px; }

	#contactDetails li h2 {
		font-size: 1.1em;
		font-weight: 100;
		margin-bototm: 1px; }

	#contactDetails li.tel, #contactDetails li.map {
		margin-top: 10px; }

	#contactDetails li.email {
		margin-top: 5px; }

	#contactDetails li b {
		float: left;
		width: 15px; }

	#contactDetails li a {
		color: #ccc; }

	#contactDetails li a:hover {
		color: #EC1846; }


#sitemap {
	margin-left: 20px; }

	#sitemap li {
		display: block;
		margin-bottom: 3px; }
	
	#sitemap li a {
		color: #ccc;
		font-size: 0.8em; }
	
	#sitemap li a:hover {
		color: #EC1846; }

	#sitemap li ul {
		margin: 0 0 10px 15px; }



/* ------> ~GALLERY <----------- */

.caption {	
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	color: #fff; }

.gallery {
	width: 186px;
	height: 450px;
	margin-right: -6px; }

.gallery li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 57px;
	height: 52px;
	background-color: #fff;
	margin: 0 5px 5px 0; }
 
.gallery li div {
	left: 240px }

.gallery li div .caption {
	font: italic 0.7em/1.4 georgia,serif; }

.interiors .gallery {
	background: url(../images/galleryBgInteriors.png) no-repeat; }

.kitchens .gallery {
	background: url(../images/galleryBgKitchens.png) no-repeat; }

.bathrooms .gallery {
	background: url(../images/galleryBgBathrooms.png) no-repeat; }

.homes .gallery {
	background: url(../images/galleryBgHomes.png) no-repeat; }

.flooring .gallery {
	background: url(../images/galleryBgFlooring.png) no-repeat; }


#mainPic {
	height: 450px;
	width: 630px; }



/* ------> ~FORMS <----------- */

#contactForm {
	float: left;
	width: 610px;
	overflow: hidden;
	padding: 50px 0 0 20px; }

	#contactForm h2 {
		font-size: 1.5em;
		margin-bottom: 15px; }

	#contactForm b {
		color: #EC1846; }

	#contactForm fieldset {
		float: left; }
	
	#contactForm fieldset#userDetails {
		width: 235px;
		margin-right: 25px; }

	#contactForm fieldset#userEnquiry {
		width: 350px; }

	#contactForm label {
		float: left;
		clear: left;
		width: 85px;
		font-size: 0.75em;
		padding: 5px 0 0 0; }
	
	#contactForm label.error {
		width: 100%;
		text-align: right;
		font-size: 0.65em;
		font-style: italic;
		color: #EC1846;
		padding: 0;
		margin-top: -18px; }

	#contactForm label em {
		float: left;
		clear: both;
		font-size: 0.7em; }

	#contactForm input {
		float: left;
		width: 140px;
		background-color: #EEECEB;
		border: 1px solid #E2DFDD;
		color: #8b8178;
		padding: 4px 3px;
		margin-bottom: 23px; }

	#contactForm textarea {
		float: left;
		width: 257px;
		height: 160px;
		line-height: 1.4em;
		background-color: #EEECEB;
		border: 1px solid #E2DFDD;
		font: 100 0.75em Helvetica, Arial, sans-serif;
		color: #8b8178;
		padding: 3px;
		margin-bottom: 23px; }

	#contactForm button {
		display: block;
		clear: both;
		width: 75px;
		color: #EC1846;
		font-size: 0.8em;
		margin: -20px 0 0 85px; }