/* CSS Document */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

div#container {
	width:930px;
	margin-left:auto; 	
	margin-right:auto;
	font-size: 0.9em;
	margin: 0 auto;
	text-align:left;
}


div#contentarea {
	float:left;
	width:930px;
	}
div#contentarea2 {
	float:left;
	width:930px;
	}

/***	Everything above here centres the content on the page *******************************************/

div#header{
	width:100%;
	height:28px;
	padding-top: 20px;
	text-align:right;
	padding-left:8px;
	padding-right:8px;
	padding-bottom: 5px;
}
div#body{
	width:100%;
	height:387px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:8px;
	position:relative;
}
div#body div#caption{	
	float:left;
	height:300px;
	width:300px;
	vertical-align:bottom;
}
div.thumbnails{	
	position:absolute;
	left: 8px;
}
/* Hide Thumbnail when not in use ***/
body.news div.thumbnails{	
	display:none;
}
/* Hide Thumbnail2 for now ***/
div.thumbnails.row2{	
	display:none;
}

div.row1{	
	top:338px;
}
div.row2{	
	top:273px;
}
div.thumbnails img{	
	padding:0;
	margin:0;
	height:55px;
	float:left;
	margin-right:4px;
}
div#body img.product{	
	float:right;
	height:385px;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
}
div#footer{
	width:100%;
	height:48px;
	padding-bottom: 20px;
}

div#copyright{display:none;}
body.home div#copyright{
	width:100%;
	display:block;
	font-size:0.7em;
	color:#333333;
	text-align:right;
	padding-left:10px;
	}

/***	menu  ***********************************************/
div.menu {
	float:left;
	width:130px;
	padding-left:8px;
}

body.home div.menu {
	display:none;
}
body.home div.level1{
	display:block;
}

/*** Place Settings ****************************************************/
body.placesetting div#body #caption{
	width:550px;
}

/*** Contact Form ****************************************************/
body.contactform div#body #caption{
	width:640px;
}

iframe.contactframe{
	border:0;
	height:390px;	
	width:100%;
}

/* Hide Everything then just display what we want */
div.menu  li{display:none;}
div.level1 li{display:block;}

body.projects div.menu li.art{display:block;}
body.projects div.menu li.architecture{display:block;}
body.projects div.menu li.design{display:block;}

body.art div.menu li.benotweary{display:block;}
body.art div.menu li.chasingshadows{display:block;}
body.art div.menu li.placesetting{display:block;}

body.architecture div.menu li.nationaltrust{display:block;}
body.architecture div.menu li.cabbagerose{display:block;}

body.design div.menu li.elycathedral{display:block;}
body.design div.menu li.margarethowell{display:block;}
body.design div.menu li.christianlacroix{display:block;}

body.products div.menu li.blankets{display:block;}
body.products div.menu li.cushions{display:block;}

body.blankets div.menu li.scallop{display:block;}
body.blankets div.menu li.optic{display:block;}
body.blankets div.menu li.quailsegg{display:block;}
body.blankets div.menu li.squarepeg{display:block;}
body.blankets div.menu li.lines{display:block;}
body.blankets div.menu li.shingle{display:block;}
body.blankets div.menu li.blanketuniformstripe{display:block;}

body.cushions div.menu li.cushionuniformstripe{display:block;}
body.cushions div.menu li.sawtooth{display:block;}
body.cushions div.menu li.ripple{display:block;}

body.blanketuniformstripe div.menu li.BlanketsUniformstripeDuckegg{display:block;}
body.blanketuniformstripe div.menu li.BlanketsUniformstripeBurntorange{display:block;}
body.blanketuniformstripe div.menu li.BlanketsUniformstripeBitterchocolate{display:block;}
body.blanketuniformstripe div.menu li.BlanketsUniformstripeInk{display:block;}

body.scallop div.menu li.BlanketsScallopMandarin{display:block;}
body.scallop div.menu li.BlanketsScallopSpruce{display:block;}
body.scallop div.menu li.BlanketsScallopViolet{display:block;}

body.shingle div.menu li.BlanketsShingleChesil{display:block;}
body.shingle div.menu li.BlanketsShingleClimping{display:block;}
body.shingle div.menu li.BlanketsShingleLyme{display:block;}

body.cushionuniformstripe div.menu li.CushionsUniformstripeDuckegg{display:block;}
body.cushionuniformstripe div.menu li.CushionsUniformstripeBurntorange{display:block;}
body.cushionuniformstripe div.menu li.CushionsUniformstripeBitterchocolate{display:block;}
body.cushionuniformstripe div.menu li.CushionsUniformstripeInk{display:block;}

body.lines div.menu li.line405{display:block;}
body.lines div.menu li.line625{display:block;}


/* Highlight relevant links*/
body.projects div.menu li.projects a{color:#262626;}
body.products div.menu li.products a{color:#262626;}
body.art div.menu li.art a{color:#262626;}
body.architecture div.menu li.architecture a{color:#262626;}
body.design div.menu li.design a{color:#262626;}
body.blankets div.menu li.blankets a{color:#262626;}
body.cushions div.menu li.cushions a{color:#262626;}
body.benotweary div.menu li.benotweary a{color:#262626;}
body.nationaltrust div.menu li.nationaltrust a{color:#262626;}
body.cabbagerose div.menu li.cabbagerose a{color:#262626;}
body.elycathedral div.menu li.elycathedral a{color:#262626;}
body.margarethowell div.menu li.margarethowell a{color:#262626;}
body.christianlacroix div.menu li.christianlacroix a{color:#262626;}
body.scallop div.menu li.scallop a{color:#262626;}
body.optic div.menu li.optic a{color:#262626;}
body.quailsegg div.menu li.quailsegg a{color:#262626;}
body.squarepeg div.menu li.squarepeg a{color:#262626;}
body.lines div.menu li.lines a{color:#262626;}
body.shingle div.menu li.shingle a{color:#262626;}
body.blanketuniformstripe div.menu li.uniformstripe a{color:#262626;}
body.405line div.menu li.405line a{color:#262626;}
body.625line div.menu li.625line a{color:#262626;}
body.scallopmandarin div.menu li.scallopmandarin a{color:#262626;}
body.scallopspruce div.menu li.scallopspruce a{color:#262626;}
body.scallopviolet div.menu li.scallopviolet a{color:#262626;}
body.CushionsUniformstripeDuckegg div.menu li.CushionsUniformstripeDuckegg a{color:#262626;}
body.CushionsUniformstripeBurntorange div.menu li.CushionsUniformstripeBurntorange a{color:#262626;}
body.CushionsUniformstripeBitterchocolate div.menu li.CushionsUniformstripeBitterchocolate a{color:#262626;}
body.CushionsUniformstripeInk div.menu li.CushionsUniformstripeInk a{color:#262626;}
body.cushionuniformstripe div.menu li.cushionuniformstripe a{color:#262626;}
body.chasingshadows div.menu li.chasingshadows a{color:#262626;}
body.placesetting div.menu li.placesetting a{color:#262626;}


/*** Preload ****************************************************/
#PreLoad{ display:none;}

/***	Test ******************************************

div#container {background-color:#FF0000}
div#contentarea {background-color:#00FF00}
div#contentarea2 {	background-color:#0000FF}
div#content {background-color:#FF0000}
#header {background-color:#00FF00}
#caption {background-color:#00FFFF}
H1 {background-color:#FFFF00}
*/