/* CSS Document */

html, body {
	width: 760px;
	margin: 0 auto;
	background: #000000;
	background-image: url(images/page-BG.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

.content-top {
	height: 172px;
	width: 760px;
	text-align: left;
}

.content-top-logo {
	width: 316px;
	height: 172px;
	float: left;
	padding-left: 18px;
	padding-right: 26px;
	text-align: left;
}

.content-top-menu {
	width: 370px;
	height: 172px;
	float: right;
	margin-right: 30px;
	text-align: left;
}

.top-menu {
	margin-left: 110px;
	height: 48px;
}

.top-content {
	width: 370px;
	height: 124px;
	text-align: left;
}

.top-image {
	float: left;
	width: 94px;
	margin-right: 20px;
	padding-top: 20px;
	text-align: left;
}

.top-slogan {
	width: 256px;
	float: left;
	padding-top: 20px;
	text-align: left;
}

/* Main Content Homepage */

.main-content {
	width: 760px;
	height: 800px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
	text-align: left;
}

.left-column {
	float: left;
	width: 197px;
	height: 800px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
	text-align: left;
}

.menu {
	width: 173px;
	margin-top: 27px;
	margin-left: 11px;
	margin-right: 13px;
	margin-bottom: 50px;
}

.left-testimonial {
	background-image: url(images/quote-BG.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 173px;
	margin-left: 11px;
	margin-right: 13px;
	margin-bottom: 15px;
	padding-top: 25px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: justify;
}

.read-testimonial {
	background-image: url(images/mark-yellow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 159px;
	margin-top: 10px;
	margin-left: 11px;
	margin-right: 13px;
	margin-bottom: 10px;
	padding-left: 14px;
	padding-top: 1px;
	color: #a4a4a4;
	font-size: 12px;
}

.read-testimonial a {
	text-decoration: underline;
	color: #a4a4a4;
}

.read-testimonial a:hover {
	text-decoration: none;
	color: #a4a4a4;
}

.left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 60px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.footer {
	width: 533px;
	color: #656565;
	font-size: 10px;
	margin-top: 25px;
	padding-left: 227px;
	padding-bottom: 35px;
}

.footer a {
	text-decoration: underline;
	color: #656565;
}

.footer a:hover {
	text-decoration: none;
	color: #656565;
}

.right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 668px;
	text-align: left;
}

.flash-content {
	width: 503px;
	height: 300px;
	text-align: left;
}

.welcome-text {
	margin-top: 27px;
	background-image: url(images/welcome-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.welcome-text a {
	text-decoration: underline;
	color: #333333;
}

.welcome-text a:hover {
	text-decoration: none;
	color: #333333;
}

/* About */

.about-main-content {
	width: 760px;
	height: 970px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
	text-align: left;
}

.about-left-column {
	float: left;
	width: 197px;
	height: 970px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
	text-align: left;
}

.about-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 808px;
	text-align: left;
}

.about-image-content {
	width: 503px;
	height: 350px;
}

.about-text {
	margin-top: 27px;
	background-image: url(images/about-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.about-text a {
	text-decoration: underline;
	color: #333333;
}

.about-text a:hover {
	text-decoration: none;
	color: #333333;
}

.about-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 190px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.about-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.about-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

/* Design */

.design-main-content {
	width: 760px;
	height: 1065px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
	text-align: left;
}

.design-left-column {
	float: left;
	width: 197px;
	height: 1065px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
	text-align: left;
}

.design-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 1038px;
	text-align: left;
}

.design-image-content {
	width: 503px;
	height: 350px;
}

.design-text {
	margin-top: 27px;
	background-image: url(images/design-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.design-text a {
	text-decoration: underline;
	color: #333333;
}

.design-text a:hover {
	text-decoration: none;
	color: #333333;
}

.design-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 420px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.design-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.design-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.design-bullets {
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.design-bullets a {
	text-decoration: underline;
	color: #333333;
}

.design-bullets a:hover {
	text-decoration: none;
	color: #333333;
}

.design-text01 {
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.design-text01 a {
	text-decoration: underline;
	color: #333333;
}

.design-text01 a:hover {
	text-decoration: none;
	color: #333333;
}

/* Environment */

.environ-main-content {
	width: 760px;
	height: 695px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.environ-left-column {
	float: left;
	width: 197px;
	height: 695px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}

.environ-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 60px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.environ-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.environ-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.environ-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 668px;
	text-align: left;
}

.environ-image-content {
	width: 503px;
	height: 300px;
}

.environ-text {
	margin-top: 27px;
	background-image: url(images/environment-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.environ-text a {
	text-decoration: underline;
	color: #333333;
}

.environ-text a:hover {
	text-decoration: none;
	color: #333333;
}


/* Testimonials */

.testimonials-main-content {
	width: 760px;
	height: 1500px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.testimonials-left-column {
	float: left;
	width: 197px;
	height: 1500px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}

.testimonials-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 800px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.testimonials-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.testimonials-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.testimonials-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 1473px;
	text-align: left;
}

.testimonials-image-content {
	width: 503px;
	height: 375px;
}

.testimonials-text {
	margin-top: 27px;
	background-image: url(images/testimonial-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.testimonials-text a {
	text-decoration: underline;
	color: #333333;
}

.testimonials-text a:hover {
	text-decoration: none;
	color: #333333;
}

.testimonial-quote {
	background-image: url(images/testimonial-quote-BG.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #a2a2a2;
	margin-bottom: 10px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.testimonials-quote a {
	text-decoration: underline;
	color: #a1541d;
}

.testimonials-quote a:hover {
	text-decoration: none;
	color: #a1541d;
}

.editorials-text {
	height: 210px;
	margin-top: 20px;
	background-image: url(images/editorials-header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-right: 215px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.editorials-text a {
	text-decoration: underline;
	color: #a1541d;
}

.editorials-text a:hover {
	text-decoration: none;
	color: #a1541d;
}

/* Contact */

.contact-main-content {
	width: 760px;
	height: 605px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.contact-left-column {
	float: left;
	width: 197px;
	height: 605px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}


.contact-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 578px;
	text-align: left;
}

.contact-image-content {
	width: 503px;
	height: 300px;
}

.contact-text {
	margin-top: 27px;
	background-image: url(images/contact-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.contact-text a {
	text-decoration: underline;
	color: #333333;
}

.contact-text a:hover {
	text-decoration: none;
	color: #333333;
}

.contact-form {
	background-image: url(images/contact-pen-image.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 25px;
	text-align: left;
	margin-bottom: 10px;
	height: 260px;
	color: #333333;
	font-size: 11px;
}

.form {
	border: solid 1px #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.contactdetails-text {
	margin-top: 10px;
	background-image: url(images/contactdetails-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.contactdetails-text a {
	text-decoration: underline;
	color: #333333;
}

.contactdetails-text a:hover {
	text-decoration: none;
	color: #333333;
}

/* Appliances */

.appliances-main-content {
	width: 760px;
	height: 1770px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.appliances-left-column {
	float: left;
	width: 197px;
	height: 1770px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}


.appliances-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 1743px;
	text-align: left;
}

.appliances-image-content {
	width: 503px;
	height: 300px;
}

.appliances-text {
	margin-top: 27px;
	background-image: url(images/apps-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.appliances-text a {
	text-decoration: underline;
	color: #333333;
}

.appliances-text a:hover {
	text-decoration: none;
	color: #333333;
}

.appliances-appscontent {
	background-image: url(images/apps-header-apps.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 40px;
}

.appscontent {
	width: 501px;
	height: 150px;
	padding-left: 2px;
}

.appliances-box01 {
	width: 120px;
	height: 150px;
	float: left;
	margin-right: 7px;
	color: #333333;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}

.appliances-box02 {
	width: 120px;
	height: 150px;
	float: left;
	color: #333333;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}

.appliances-border {
	width: 112px;
	height: 84px;
	padding: 3px;
	margin-bottom: 5px;
	border: solid 1px #999999;
}

.appliances-sinkscontent {
	background-image: url(images/apps-header-sinks.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 40px;
}

.appliances-colourscontent {
	background-image: url(images/apps-header-colours.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 40px;
}

.appliances-fixturecontent {
	background-image: url(images/apps-header-fixtures.gif);
	background-position: top;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 40px;
}

/* Contemporary Kitchen */

.ck-main-content {
	width: 760px;
	height: 1350px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.ck-left-column {
	float: left;
	width: 197px;
	height: 1350px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}

.ck-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 450px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.ck-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.ck-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.ck-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 1073px;
	text-align: left;
}

.ck-image-content {
	width: 503px;
	height: 300px;
}

.ck-text {
	margin-top: 27px;
	margin-bottom: 30px;
	background-image: url(images/ck-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.ck-text a {
	text-decoration: underline;
	color: #333333;
}

.ck-text a:hover {
	text-decoration: none;
	color: #333333;
}

.ck-content {
	width: 503px;
	height: 95px;
	margin-top: 10px;
}

.ck-box01 {
	width: 120px;
	height: 95px;
	float: left;
	margin-right: 7px;
}

.ck-box02 {
	width: 120px;
	height: 95px;
	float: left;
}

.ck-border {
	width: 112px;
	height: 84px;
	padding: 3px;
	border: solid 1px #999999;
}

/* Bedroom */

.bed-main-content {
	width: 760px;
	height: 1060px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.bed-left-column {
	float: left;
	width: 197px;
	height: 1060px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}

.bed-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 410px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.bed-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.bed-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.bed-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 1033px;
	text-align: left;
}

.bed-image-content {
	width: 503px;
	height: 350px;
}

.bed-text {
	margin-top: 27px;
	margin-bottom: 30px;
	background-image: url(images/bed-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.bed-text a {
	text-decoration: underline;
	color: #333333;
}

.bed-text a:hover {
	text-decoration: none;
	color: #333333;
}

/* Other */

.other-main-content {
	width: 760px;
	height: 900px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.other-left-column {
	float: left;
	width: 197px;
	height: 900px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}

.other-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 250px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.other-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.other-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.other-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 873px;
	text-align: left;
}

.other-image-content {
	width: 503px;
	height: 300px;
}

.other-text {
	margin-top: 27px;
	margin-bottom: 30px;
	background-image: url(images/other-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.other-text a {
	text-decoration: underline;
	color: #333333;
}

.other-text a:hover {
	text-decoration: none;
	color: #333333;
}

/* Traditional Kitchen */

.tk-main-content {
	width: 760px;
	height: 1150px;
	background-color: #FFFFFF;
	background-image: url(images/content-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 5px;
}

.tk-left-column {
	float: left;
	width: 197px;
	height: 1150px;
	background-image: url(images/leftcolumn-BG.gif);
	background-position: top;
	background-repeat: repeat-y;
}

.tk-left-contact {
	width: 158px;
	text-align: justify;
	padding-top: 250px;
	margin-left: 26px;
	margin-right: 13px;
	font-size: 12px;
	line-height: 18px;
	color: #cecece;
}

.tk-left-contact a {
	text-decoration: underline;
	color: #cecece;
}

.tk-left-contact a:hover {
	text-decoration: none;
	color: #cecece;
}

.tk-right-content {
	margin-top: 27px;
	margin-left: 30px;
	width: 503px;
	float: left;
	height: 873px;
	text-align: left;
}

.tk-image-content {
	width: 503px;
	height: 300px;
}

.tk-text {
	margin-top: 27px;
	margin-bottom: 30px;
	background-image: url(images/tk-header.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 50px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	text-align: justify;
}

.tk-text a {
	text-decoration: underline;
	color: #333333;
}

.tk-text a:hover {
	text-decoration: none;
	color: #333333;
}
