@charset "utf-8";
/* CSS Document */

body { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.625em; /* The font size is now 0.625 x 16px = 10px */
	line-height:1.8em; /* The line height is now 18 pixels. */
	color:#322419;
	background-color:#000000;
	width:100%;
	margin:0;
	}
	
a:link { font-size: 1.1em;  text-decoration:none; color:#b6275e; outline: none; }
a:hover { font-size: 1.1em; text-decoration:underline; color:#b6275e; outline: none; }
a:active { font-size: 1.1em;  text-decoration:underline; color:#b6275e; outline: none; }
a:visited { font-size: 1.1em;  text-decoration:none; color:#b6275e; outline: none; }

p 		{ font-size: 1.2em; /* 12px */ }
span 	{ font-size: 1.2em; /* 12px */ }
.designs { color:#826c5b; }
ul 	{ font-size: 1.2em; /* 12px */ }
li	{ font-size:1.2em; }
ol li { font-size:1.2em; margin-bottom:10px; }
h1 	{ font-size: 2.4em; font-weight:lighter; line-height:1em; /* 36px */ }
h2 	{ font-size: 2.4em; font-weight:lighter; /* 24px */ }
h3 	{ font-size: 1.8em; font-weight:lighter; /* 18px */ }
h4 	{ font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-variant:small-caps; letter-spacing:3pt; font-weight:lighter; color:#826c5b; line-height:1em /* 15px */  }
.onblack { color:#dccfba; }
h5 	{ font-size: 1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-variant:small-caps; letter-spacing:3pt; font-weight:lighter; color:#826c5b; line-height:1em; border-bottom:solid 1px #ece4d8; padding-bottom:10px; margin-bottom:10px; /* 12px */ }
h6 	{ font-size: 1.6em; font-weight:lighter; /* 16px */ }
blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; line-height:1.6em; color:#826c5b;  /* 12px */ }
.inquote	{ font-size: 1em; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#826c5b; line-height:1.2em; padding:0px; /* 12px */ }
.breadcrumbs a:link { font-size:1.4em; color:#757575; text-decoration:none; padding:0 10px 0 10px; vertical-align:middle; }
.breadcrumbs a:hover { font-size:1.4em; color:#757575; text-decoration:underline;  padding:0 10px 0 10px; vertical-align:middle; }
.breadcrumbs a:active { font-size:1.4em; color:#757575; text-decoration:none;  padding:0 10px 0 10px; vertical-align:middle;}
.breadcrumbs a:visited { font-size:1.4em; color:#172983; text-decoration:none;  padding:0 10px 0 10px; vertical-align:middle;}

/* Structure */

#wrapper 	{ width:100%; }
#header 	{ width:100%; margin:auto; border-bottom:solid 1px #463525; background-color:#322419; }
.container	{ width:900px; margin:auto; }
#logo		{ width:252px; margin:auto; }
#sectionblack 	{ width:100%; background-color:#000000; padding:0px;  }
.container	{ width:900px; margin:auto; }
#sectionwhite 	{ width:100%; margin:auto; background-color:#ffffff; padding:10px 0 20px 0; }
#sectiondesign	{ width:100%; margin:auto; background-color:#ffffff; }
#subscribe	{ width:728px; height:90px; background-color:#eaf2cf; }
#footer 	{ width:100%; border-top:solid 1px #25180b; background-color:#010100; background-image:url(/images/footer_gradient.jpg); background-repeat:repeat-x; height:160px;  padding:0px 0 20px 0px; }
#footershort 	{ width:100%; border-top:solid 1px #25180b; background-color:#010100; background-image:url(/images/footer_gradient.jpg); background-repeat:repeat-x; padding:20px 0 20px 0px; height:90px;  }
#blurb		{ width:100%; margin:auto; color:#725b4a; font-size:1.2em; margin-top:20px; margin-bottom:10px; }
#menu		{ width:100%; height:25px; margin:auto; }
#menu2		{ width:100%; height:25px; margin:auto; }
#emailsignup{ width:100%; height:28px; margin-top:20px; margin-bottom:20px;  }
#socialmedia { width:100%; height:20px; margin:auto; color:#322419; }
#copyright	{ width:100%; padding-top:10px; padding-bottom:0px; color:#322419; }

/* Dynamic Menus */

.nav		{ font-size:1em; color:#a18c7c; cursor:hand; cursor:pointer; text-align:left; }
.navover	{ font-size:1em; color:#dccfc4; cursor:hand; cursor:pointer; text-align:left; }
.signup	a		{ font-size:.625em; color:#b6275e; cursor:hand; cursor:pointer; text-decoration:none; }
.signupover a	{ font-size:.625em; color:#b6275e; cursor:hand; cursor:pointer; text-decoration:none;}

.sub		{ color:#a18c7c; cursor:hand; cursor:pointer; padding:0px 10px 0px 10px; background-color:#322419; text-align:left; }
.subover	{ color:#dccfc4; cursor:hand; cursor:pointer; padding:0px 10px 0px 10px; background-color:#322419; text-align:left;  }

.design 	{ font-size: 1em; text-decoration:none; color:#b6275e; border-bottom:dotted 1px #ffffff; padding:2px 0 0 0; cursor:hand; cursor:pointer; }
.designover	{ font-size: 1em; text-decoration:none; color:#b6275e; border-bottom:dotted 1px #b6275e; padding:2px 0 0 0; cursor:hand; cursor:pointer; }

.footer		{ font-size:1.2em; background-position:left; cursor:hand; cursor:pointer; text-decoration:none; padding-left:15px; vertical-align:middle; }
.footerover	{ font-size:1.2em; cursor:hand; cursor:pointer; text-decoration:none; padding-left:15px; vertical-align:middle;  }
#footer #copyright a	{ font-size:1em; color:#382615; }
#footer #copyright a:hover	{ font-size:1em; color:#b6275e; }
#footershort #copyright a	{ font-size:1em; color:#382615; text-decoration:none; }
#footershort #copyright a:hover	{ font-size:1em; color:#b6275e; }

.fb			{  font-size:1em; color:#382615; cursor:hand; cursor:pointer; background-image:url(/images/facebook.png); background-repeat:no-repeat; background-position:left; padding-left:20px; vertical-align:middle; }
.fbover		{  font-size:1em; color:#dccfc4; cursor:hand; cursor:pointer; background-image:url(/images/facebookover.png); background-repeat:no-repeat; background-position:left; padding-left:20px;  vertical-align:middle; }

.twitter	{  font-size:1em; color:#382615; cursor:hand; cursor:pointer; background-image:url(/images/twitter.png); background-repeat:no-repeat;background-position:left; padding-left:20px; vertical-align:middle; }
.twitterover{  font-size:1em; color:#dccfc4; cursor:hand; cursor:pointer; background-image:url(/images/twitterover.png); background-repeat:no-repeat;background-position:left; padding-left:20px; vertical-align:middle; }


/* Page Divs */

#seperator	{ width:100%; height:10px; border-bottom:solid 1px #ece4d8; } 
#signup		{ width:500px; border:solid 1px #ece4d8; padding:30px; background-color:#00FF00; }
#pagespacer	{ width:100%; padding:20px 0 20px 0;}
#achievements	{ width:100%; border-bottom:solid 1px #ece4d8; }
#topline	{ border-bottom:solid 2px #ece4d8; width:100% }

#main-bespoke	{ width:585px; height:440px; background-image:url(/images/main_bespoke.jpg); background-repeat:no-repeat; }
#main-colours	{ width:585px; height:440px; background-image:url(/images/main_colours.jpg); background-repeat:no-repeat; }
#main-engagement{ width:585px; height:440px; background-image:url(/images/main_engagement.jpg); background-repeat:no-repeat; }
#main-pearls	{ width:585px; height:440px; background-image:url(/images/main_pearls.jpg); background-repeat:no-repeat; }
#main-designs	{ width:585px; height:440px; background-image:url(/images/main_designs.jpg); background-repeat:no-repeat; }
#main-signup	{ width:585px; height:440px; background-image:url(/images/main_signup.jpg); background-repeat:no-repeat; }
#main-awards	{ width:585px; height:440px; background-image:url(/images/awards.jpg); background-repeat:no-repeat; }

#awards-cuff	{ width:585px; height:440px; background-image:url(/images/awards_cuff.jpg); background-repeat:no-repeat; }
#awards-truth	{ width:585px; height:440px; background-image:url(/images/awards_truth.jpg); background-repeat:no-repeat; }
#awards-liquid	{ width:585px; height:440px; background-image:url(/images/awards_liquid.jpg); background-repeat:no-repeat; }
#awards-rock	{ width:585px; height:440px; background-image:url(/images/awards_rock.jpg); background-repeat:no-repeat; }
#awards-autumn	{ width:585px; height:440px; background-image:url(/images/awards_autumn.jpg); background-repeat:no-repeat; }
#awards-moon	{ width:585px; height:440px; background-image:url(/images/awards_moon.jpg); background-repeat:no-repeat; }

#yellow-orange	{ width:540px; height:440px; background-image:url(/colours/colours_yellow.jpg); background-repeat:no-repeat; }
#pink-red		{ width:540px; height:440px; background-image:url(/colours/colours_pink.jpg); background-repeat:no-repeat; }
#blue-green		{ width:540px; height:440px; background-image:url(/colours/colours_blue.jpg); background-repeat:no-repeat; }
#champagne-cognac	{ width:540px; height:440px; background-image:url(/colours/colours_champagne.jpg); background-repeat:no-repeat; }

/* Colours Gallery Div Images */

#yellow1	{ width:540px; height:440px; background-image:url(/colours/yellow1.jpg); background-repeat:no-repeat; }
#yellow2	{ width:540px; height:440px; background-image:url(/colours/yellow2.jpg); background-repeat:no-repeat; }
#pink1		{ width:540px; height:440px; background-image:url(/colours/pink1.jpg); background-repeat:no-repeat; }
#pink2		{ width:540px; height:440px; background-image:url(/colours/pink2.jpg); background-repeat:no-repeat; }
#pink3		{ width:540px; height:440px; background-image:url(/colours/pink3.jpg); background-repeat:no-repeat; }
#blue1		{ width:540px; height:440px; background-image:url(/colours/blue1.jpg); background-repeat:no-repeat; }
#champagne1	{ width:540px; height:440px; background-image:url(/colours/champagne1.jpg); background-repeat:no-repeat; }
#champagne2	{ width:540px; height:440px; background-image:url(/colours/champagne2.jpg); background-repeat:no-repeat; }
#champagne3	{ width:540px; height:440px; background-image:url(/colours/champagne3.jpg); background-repeat:no-repeat; }


/* Buttons */

#greenbutton { width:249px; height:49px; padding:15px 0 0 15px; }
#greenbutton:hover { width:249px; height:49px; padding:15px 0 0 15px; }
.buttontext { font-size: 1.8em; /* 18px */ color:#FFFFFF; }

p.viewmore a { font-size: 1.1em; text-decoration:none; color:#b6275e; padding-bottom:1px; }
p.viewmore a:hover	{ font-size: 1.1em; text-decoration:none; color:#b6275e; border-bottom:dotted 1px #b6275e; padding-bottom:1px; }

p.designs a { font-size:.8em; color:#322419; text-decoration:none; font-weight:bold; padding-bottom:1px; }
p.designs a:hover	{ font-size:.8em; font-weight:bold; color:#322419; text-decoration:none; border-bottom:dotted 1px #322419; padding-bottom:1px; }


/* HOVER DIV */

.gallery { width:900px; min-height:440px; background-color:#fff; padding:0 20px 0 20px; margin:auto; }
.color-thumbnail{cursor:pointer;}
.gallery-wrap {display:none; width:100%; padding:50px 0 100px;}
/*.gallery{border:1px solid #ccc;}*/
/*div.color-thumbnail:hover .gallery-wrap{display:block; position:absolute; top:0px; left:0px; z-index:9000; }*/