/* CSS Document */

/*colour

*/

/* TOC 
	1 = html (tags)
	2 =	structure
	3 = navigation  
	4 = text 
	5 = forms 
	6 = hacks 
*/

/* 1 html */
body {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	background: #5f080d url(../images/background/pageBack.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #5f080d;
}
a img {
	border: 0;
}
/* 1 html - end */

/* 2 structure*/
div.content {
	width: 830px;
	margin: 42px auto 0 auto; 
	height: 580px;
	display: block; 
	background: #f4edd8;
	overflow: hidden;
}
div.imageholder {
	width: 386px;
	height: 580px;
	display: block;
	overflow: hidden;
	float: left;
	background: #fff;
}
div.rightcol, div.rightcolitem {
	width: 230px;
	float: left;
	margin: 50px 0;
}
div.rightcolitem {
	margin: 30px 0 0 0;
	background: url(../images/background/ctaBackTop.png) left top no-repeat;
}
div.rightcolitem img.colourchip {
	border: 1px solid #CCC;
	float: right;
}
div.rightcolitem span.colourchip {
	float: left;
}
div.rightcolitem img.printchip {
	border: 1px solid #CCC;
	float: right;
	margin: 0 3px 3px 0;
}
div.rightcol ul {
	padding: 0;
	list-style: none;
	/*margin: 100px 0;	*/
}
div.rightcol ul li.top {
	background: url(../images/background/ctaBackTop.png) left top no-repeat;
}
div.rightcol ul li.middle {
	background: url(../images/background/ctaBackMiddle.png) left top no-repeat;
}
div.rightcol ul li.bottom {
	background: url(../images/background/ctaBackBtm.png) right top no-repeat;
}
div.footer {
	width: 830px;
	margin: 10px auto 0 auto;
}
div.footerleft {
	width: 210px;
	float: left;
}
div.footermiddle{
	width: 386px;
	float: left;
}
div.footerright{
	width: 230px;
	float: left;
}
div.imagefader {
	float: left;
	width: 386px;
	height: 580px; 
	display: block;
	overflow: hidden;
}	
#slide-images {
	display:block;
	margin:0px;
	padding:0px;
	width:386px;
	height:580px;
	right:0;
	top:0;
}
#slide-images li {
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#slide-images li img {
	display:block;
	border: 0;
}
/* 2 structure - end */

/* 3 navigation */
div.navigation {
	width: 210px;
	background: url(../images/background/navBack.png) top left no-repeat;
	display: block;
	height: 100%;
	color: #5f080d;
	float: left;
}

div.navigation ul {
	list-style: none;
	padding: 75px 0 0 15px;
	margin: 0;
}
div.navigation ul li {
	line-height: 2em;
	font-size: 110%;
	text-indent: 5px;
	background: url(../images/background/navLiBack.png) left bottom no-repeat;
}
div.navigation ul  li a:hover, div.navigation ul li a.on {
	background: url(../images/background/navLiBackHover.png) left bottom no-repeat;
	display: block;
	text-indent: 5px;
}
div.rightcol ul.cta a:hover p  {
	background: url(../images/background/navLiBackHover.png) repeat-y left;
}
/* 3 navigation - end */

/* 4 text */
div.rightcol ul.cta {
	margin: 0;
	padding: 0;
}
div.rightcol ul.cta h1, div.rightcolitem h1 {
	font-size: 135%;
	color: #88817b;
	margin: 0 10px;
	padding: 5px 0 0 0;
	font-weight: normal;
}
h1.contact  {
	font-size: 160%;
	color: #88817b;
	margin: 15px;
	padding: 0;
	font-weight: normal;
}
div.rightcolitem h2 {
	font-size: 120%;
	margin: 0 10px;
	padding: 0;
	color: #d7bb85;
	font-weight: bold;
}
div.rightcolitem p.colour {
	padding: 15px 0;
}
div.rightcol ul.cta p, div.rightcolitem p{
	font-size: 120%;
	color: #5f080d;
	margin: 0 10px;
	padding: 0 3px 15px 3px;
	/*background: url(../images/background/rightColCtaPBack.gif) bottom repeat-x;*/
	border-top: 1px dotted #d7bb85;
}
div.contact p {
	font-size: 120%;
	color: #d7bb85;
	margin: 10px 0;
	padding: 0;
}
div.rightcolitem p {
	padding: 15px 0 15px 0;
}
div.rightcolitem p.paging {
	padding: 15px 0 15px 0;
	background: url(../images/background/pagingBack.png) center no-repeat;
	font-size: 120%;
	font-weight: bold;
	line-height: 2em;
	text-align: center;
}
div.rightcolitem p.paging a {
	color: #5f080d !IMPORTANT;
}
div.rightcolitem p.paging a:hover {
	color: #d7bb85 !IMPORTANT;
}
div.rightcolitem p.paging span.numbers {
	color: #999;
	font-size: 130%;
	vertical-align: middle;	
}
div.rightcol ul.cta a, div.rightcolitem a {
	color: #d7bb85;
}
div.footer p {
	color: #d7bb85;
	margin: 0 15px;
	font-size: 80%;
}
div.footer a {
	color: #d7bb85;
}
#errors ul {
	color: #5f080d;
	list-style: none;
}
/* 4 text - end */

/* forms */
form {
	margin:0;
	padding: 0;
}
label {
	width:200px;
	display:block;
	float:left;
	color: #d7bb85;
	font-size: 150%;
}
input.text, textarea.text {
	padding: 5px;
}
input.button {
	background: #5f080d;
	color: #d7bb85;
	border: 0;
	font-size: 140%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	margin: 15px 0;
}
form.contact {
	display:block;
	margin:15px !IMPORTANT;
	padding: 15px !IMPORTANT;
	position: relative;
	left: 15px;
}
div.formrow {
		
}
/* forms - end */

/* 6 hacks */
.clearfix:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


div.clear {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;	
}
/* 6 hacks - end */