/* GLOBAL DEFINITIONS */

* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
	font-size: 100%;
	list-style: none;
	font-family: Arial, Sans-Serif;
}

div {
       width: inherit;
}

body {
	color: #FFF;
	font-size: 75%;
	line-height: 120%;
	background: #FFF url(http://www.motifinteriors.co.uk/media/layout/body_bg.jpg) top center no-repeat;
}

a {
	color: #2c3f48;
	color: #FFF;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 10px;
}

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clearing { clear: both; }
.invisible { display: none; }
.hidetext { text-indent: -9999px; }

.fc:after { 
	height: 0;
	clear: both;
	font-size: 0;
	content: ".";
	display: block;
	visibility: hidden;
}
.fc {
	display: inline-block;
}


/* SITE DEFINITIONS */

#wrapper {
	width: 910px;
	height: 500px;
	margin: 43px auto;
	position: relative;
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_blank.jpg) top right no-repeat;
}

#content {
	float: left;
	width: 570px;
	height: 500px;
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/main_bg.jpg) top left no-repeat;
}

#header h1.logo a {
	top: 22px;
	left: 24px;
	width: 118px;
	height: 75px;
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/logo.jpg) top left no-repeat;
	position: absolute;
	line-height: 0;
	padding: 0;
	margin: 0;
}

#header h2.strapline {
	top: 21px;
	left: 212px;
	width: 358px;
	height: 149px;
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/strapline_about.jpg) top left no-repeat;
	position: absolute;
	line-height: 0;
	padding: 0;
	margin: 0;
}

body.homepage #header h2.strapline {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/strapline_home.jpg) top left no-repeat;
}

#image {
        top: 0;
	right: 0;
	width: 340px;
	height: 500px;
	position: relative;
	overflow: hidden;
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_home.jpg) top left no-repeat;
}
* html #image {
float: right;
}

#image img {
        top: 0; left: 0;
	position:absolute;
	display: block;
}

body.productspage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_curtains.jpg) top left no-repeat;
}
body.fabricspage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_fabrics.jpg) top left no-repeat;
}
body.wallpaperspage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_wallpaper.jpg) top left no-repeat;
}
body.blindspage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_blinds.jpg) top left no-repeat;
}
body.carpetspage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_carpets.jpg) top left no-repeat;
}
body.flooringpage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_flooring.jpg) top left no-repeat;
}
body.accessoriespage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_accessories.jpg) top left no-repeat;
}
body.buyonlinepage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_buynow.jpg) top left no-repeat;
}
body.contractpage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_contract.jpg) top left no-repeat;
}
body.whatsnewpage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_whatsnew.jpg) top left no-repeat;
}
body.ourbrandspage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_whatsnew.jpg) top left no-repeat;
}
body.contactpage #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_contact.jpg) top left no-repeat;
}

/* Page selector for about page */
body.aboutpage #image,
body.aboutpage #image.page1 {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_about.jpg) top left no-repeat;
}
body.aboutpage #image.page2 {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_fabrics.jpg) top left no-repeat;
}
body.aboutpage #image.page3 {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_contract.jpg) top left no-repeat;
}
body.aboutpage #image.page4 {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_accessories.jpg) top left no-repeat;
}

/* Ranges */
body.romo #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_romo.jpg) top left no-repeat;
}
body.curtain-express #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_curtains_express.jpg) top left no-repeat;
}
body.designers-guild #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_designers_guild.jpg) top left no-repeat;
}
body.harlequin #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_harlequin.jpg) top left no-repeat;
}
body.richard-barrie #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_richard_barrie.jpg) top left no-repeat;
}
body.sanderson #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_sanderson.jpg) top left no-repeat;
}
body.villa-nova #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_villa_nova.jpg) top left no-repeat;
}
body.wilman #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_wilman.jpg) top left no-repeat;
}
body.tru-textiles #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_tru.jpg) top left no-repeat;
}
body.q-designs #image {
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/image_q.jpg) top left no-repeat;
}

#navigation {
	top: 170px;
	left: 1px;
	width: 162px;
	height: 329px;
	position: absolute;
}

#navigation ul li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 3px 0 3px 24px;
	text-transform: uppercase;
}

#navigation ul li a:hover,
body.homepage #navigation ul li.home a,
body.aboutpage #navigation ul li.about-us a,
body.productspage #navigation ul li.what-we-do a,
body.fabricspage #navigation ul li.fabrics a,
body.wallpaperspage #navigation ul li.wallpapers a,
body.blindspage #navigation ul li.blinds a,
body.carpetspage #navigation ul li.carpets a,
body.flooringpage #navigation ul li.flooring a,
body.accessoriespage #navigation ul li.accessories a,
body.buyonlinepage #navigation ul li.buy-online a,
body.contractpage #navigation ul li.contract-and-commercial a,
body.whatsnewpage #navigation ul li.whats-new a,
body.contactpage #navigation ul li.contact a
{
	color: #2c3f48;
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/nav_bullet.jpg) 0 3px no-repeat;
}

#navigation ul li ul li a {
        font-size: 80%;
	padding: 0 0 3px 38px;
}

#navigation ul li.active ul li a {
	color: #ffffff !important;
	background: none !important;
}

#navigation ul li ul li a {
	color: #ffffff !important;
	background: none !important;
}

#navigation ul li ul li a:hover,
#navigation ul li ul li.active a {
	color: #2c3f48 !important;
	background: transparent url(http://www.motifinteriors.co.uk/media/layout/nav_bullet.jpg) 0 0 no-repeat !important;
}

#page {
	top: 170px;
	left: 190px;
	width: 380px;
	height: 329px;
	position: absolute;
}

#footer {
	top: 500px;
	left: 0px;
	width: 910px;
	height: 30px;
	color: #5c747f;
	padding: 10px 0;
	position: absolute;
	font-size: 95%;
}

#footer a {
	color: #5c747f;
	text-decoration: none;
}

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

#footer .contact {
	float: left;
	width: auto;
	/* text-transform: uppercase; */
}

#footer .address {
	float: right;
	width: auto;
	text-align: right;
}


/* HOMEPAGE */

body.homepage #page p,
body.homepage #page h3 {
    font-size: 110%;
    line-height: 110%;
    margin-bottom: 20px;
}

body.homepage #page p {
    margin-bottom: 10px;
}


/* PAGE CONTENT */

#page h1,
#page h2,
#page h3,
#page h4,
#page h5 {
	line-height: 110%;
	margin-bottom: 5px;
}

#page h3 {
        text-transform: uppercase;
}

#page ul,
#page ol {
    margin-bottom: 10px;
}

#page ul li {
    padding-left: 10px;
    margin-bottom: 5px;
    background: transparent url(http://www.motifinteriors.co.uk/media/layout/bullet.gif) 0 5px no-repeat;
}

#page ol li {
    list-style: decimal;
    padding-left: 10px;
    margin-bottom: 5px;
}


/* WHATS NEW */

.news_item_full h3 {
        margin-bottom: 10px;
}

.news_item_full h3 span {
        font-size: 80%; 
}

.news_item_short {
        margin-bottom: 10px; 
}



/* PAGINATION */

.pagination {
    text-align: right;
    margin-bottom: 10px;
}

.pagination a {
    text-decoration: none;
}

.pagination a,
.pagination span {
    padding: 0 1px;
}

.pagination a:hover {
    text-decoration: underline;
}

.pagination .active {
    color: #FFF;
    font-size: 110%;
    font-weight: bold;
}