/* Styles set and developed by Sam Saunders, Circleline Design 2008 */

/* Global */
html
{ 	font-size: 100%;
	
}

body 
{ 
	background:#231f20;
	font-size: 62.5%;
	text-align:center;
}

img 
{
	border:none;
	border-style: none;
}
a:link
{	
	
	background-color: #583100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #97BBAE;
	font-weight: 600;
	vertical-align:top;
	
}

a:hover
{
	text-decoration:underline;
	color: #97BBAE;
}


a:visited
{

	color: #97BBAE;
}

/* Structure */

#wrapper
{
	width:80em;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
/* Content Wapper */
#contentWrapper
{
	margin-top: 2em;
	width: 80em;
	text-align: left;
	top: 120px;
	position:absolute;
}

/* HEADER*/
#logo
{
	top:0px;
	left:0em;
	float:left;
}
#menu, #menu:link, #menu:hover, #menu:visited
{
	float: right;
	top: 100px;
	left: 25%;
	height:19px;
	position:absolute;
	width: 100%;
	display:inline;
}
#header
{ 	
	width: 80em;
	margin:auto;
	position: relative;
	clear:both;
	}
	
/* END OF HEADER*/

/* FOOTER*/
#footerImg
{
	float: right;
	clear: both;
	left: 50%;
	top:55em;
	margin-bottom: 0px;
	margin-top: 1em;
	position: absolute;
}

#footerImglatest
{
	clear: both;
	left: 50%;
	top:2em;
	margin-bottom: 0px;
	margin-top: 1em;
	position: relative;
}


/* END OF FOOTER*/

/* END OF Structure */

/* FONTS and TEXT */

.HistoryBack
{ background:left center  no-repeat url(../images/images/History_1.jpg);}

.ContactBack
{ background:left center  no-repeat url(../images/images/Contact_3.jpg);}

.BespokeBack
{ background:right center  no-repeat url(../images/images/Bespoke.jpg);}

/* This is the Transparent Box */
#transbox1col {
width: 20.0 em;
height: 34.7em;
vertical-align: top;
background-color: #583100;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

#transboxHalfcol {
width: 9.0 em;
height: 34.7em;
vertical-align: top;
background-color: #583100;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

.divCopyTRANS
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFCC;
	line-height: 1.6em;
	padding: 1em;
	vertical-align:top;
}
/*End of Transparent Box*/



.divCopy
{
	background-color: #583100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFCC;
	line-height: 1.6em;
	padding: 1em;
	vertical-align:top;
}

.divCopyBOLD
{
	background-color: #583100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	color: #FFFFCC;
	vertical-align:top;
}

.copy .copyBold
{
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding: 1em;
}

.copyBold
{
	font-weight: 600;
}

.contactToContact 	{font-size:0.94em;
					 line-height:1.2em;}


/* This is the css for the hover over boxes for the Bespoke Page */

div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }