/* Site Colours  - darkest brown #8b1d04  mid brown #9e4a4a light brown #a65854 grey #d8d9db*/

/* Typography */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #fff;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #666;
	background-color: #fff;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 1.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
i {font-style:normal;}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
/* end of typography */


body{margin:0em;padding:0em;
		height:100%;width:100%;
		background-color: #FFF;
			}
h1 {
			color: #003470;
			background-color:#fff;
			padding-left:10px;
		 }
h2 {
			color: #8b1d04;
			background-color:#fff;			
		 }
h3 {width:100%;
		 }

a:link {color:#8b1d04;background-color:#fff;text-decoration:none;}
#bgarea{
				background-color:#fff;
				color:#8b1d04;padding:0px 0px 30px 0px;
				}
#bgpagearea{
				background-color:#fff;
				color:#8b1d04;padding:0px 0px 30px 0px;
				}
#banner {width:100%;height:550px;
				 background:#fff; color:#8b1d04;
				 background-position: left bottom;
				 background-repeat: no-repeat;
				 background-attachment: scroll;
				 background-image: url(bglayers/bgnobirds_Layer9crop16.gif);}
#banner a:link {color:#8b1d04;background-color:#fff;text-decoration:none;}
h1 {color:#8b1d04;background-color:#fff;}
/* imagemap menu */						
#menu a {
   position: absolute;
   height: 48px;
   width: 48px;
   top: 28px; 
   text-decoration: none;
	 color:#8b1d04;background-color:#fff;
   }
#menu a i { position:relative;left:40px;top:40px;
						color:#666; background-color:#fff;
						}
#menu a:hover i 				{ color:#8b1d04;background:#fff;text-decoration:underline;}
a#homeactive i 					{ color:#8b1d04;background:#fff;text-decoration:underline;}
a#salonactive i 				{ color:#8b1d04;background:#fff;text-decoration:underline;}
a#productsactive i 			{ color:#8b1d04;background:#fff;text-decoration:underline;}
a#servicesactive i 			{ color:#8b1d04;background:#fff;text-decoration:underline;}
a#galleryactive i 			{ color:#8b1d04;background:#fff;text-decoration:underline;}
a#contactactive i 			{ color:#8b1d04;background:#fff;text-decoration:underline;}

a#home 		 { left: 615px; top:230px; color:#666; background-image: url(images/imagemapmenu/home.jpg);    background-color:#fff; background-repeat: no-repeat; }
a#salon  	 { left: 685px; top:145px; color:#666; background-image: url(images/imagemapmenu/salon.jpg); 	 background-color:#fff; background-repeat: no-repeat; }
a#products { left: 535px; top:164px; color:#666; background-image: url(images/imagemapmenu/products.jpg);background-color:#fff; background-repeat: no-repeat; }
a#services { left: 509px; top:101px; color:#666; background-image: url(images/imagemapmenu/services.jpg);background-color:#fff; background-repeat: no-repeat; }
a#gallery  { left: 530px; top:359px; color:#666; background-image: url(images/imagemapmenu/gallery.jpg); background-color:#fff; background-repeat: no-repeat; }
a#contact  { left: 631px; top:329px; color:#666; background-image: url(images/imagemapmenu/contact.jpg); background-color:#fff; background-repeat: no-repeat; }

a#home:hover  		 		{ color:#8b1d04; background-image: url(images/imagemapmenu/homehover.jpg);			background-color:#fff; background-repeat: no-repeat; }
a#salon:hover 		 		{ color:#8b1d04; background-image: url(images/imagemapmenu/salonhover.jpg);		background-color:#fff; background-repeat: no-repeat; }
a#products:hover 	 		{ color:#8b1d04; background-image: url(images/imagemapmenu/productshover.jpg);	background-color:#fff; background-repeat: no-repeat; }
a#services:hover 	 		{ color:#8b1d04; background-image: url(images/imagemapmenu/serviceshover.jpg);	background-color:#fff; background-repeat: no-repeat; }
a#gallery:hover 	 		{ color:#8b1d04; background-image: url(images/imagemapmenu/galleryhover.jpg);	background-color:#fff; background-repeat: no-repeat; }
a#contact:hover 	 		{ color:#8b1d04; background-image: url(images/imagemapmenu/contacthover.jpg);	background-color:#fff; background-repeat: no-repeat; }

a#homeactive 		 	 	 	{ color:#8b1d04;left: 615px; top:230px;  background-image: url(images/imagemapmenu/homehover.jpg);  		background-color:#fff; background-repeat: no-repeat; }
a#salonactive  		 		{ color:#8b1d04;left: 685px; top:145px;  background-image: url(images/imagemapmenu/salonhover.jpg); 		background-color:#fff; background-repeat: no-repeat; }
a#productsactive 	 		{ color:#8b1d04;left: 535px; top:164px;  background-image: url(images/imagemapmenu/productshover.jpg);	background-color:#fff; background-repeat: no-repeat; }
a#servicesactive 	 		{ color:#8b1d04;left: 509px; top:101px;  background-image: url(images/imagemapmenu/serviceshover.jpg);  background-color:#fff; background-repeat: no-repeat; }
a#galleryactive  	 		{ color:#8b1d04;left: 530px; top:369px;  background-image: url(images/imagemapmenu/galleryhover.jpg);   background-color:#fff; background-repeat: no-repeat; }
a#contactactive  	 		{ color:#8b1d04;left: 631px; top:329px;  background-image: url(images/imagemapmenu/contacthover.jpg); 	background-color:#fff; background-repeat: no-repeat; }
a#homeactive:link  		{ color:#8b1d04;background-image: url(images/imagemapmenu/homehover.jpg);			background-color:#fff; background-repeat: no-repeat; }
a#salonactive:link 		{ color:#8b1d04;background-image: url(images/imagemapmenu/salonhover.jpg);		background-color:#fff; background-repeat: no-repeat; }
a#productsactive:link { color:#8b1d04;background-image: url(images/imagemapmenu/productshover.jpg);	background-color:#fff; background-repeat: no-repeat; }
a#servicesactive:link { color:#8b1d04;background-image: url(images/imagemapmenu/serviceshover.jpg); background-color:#fff; background-repeat: no-repeat; }
a#galleryactive:link 	{ color:#8b1d04;background-image: url(images/imagemapmenu/galleryhover.jpg);  background-color:#fff; background-repeat: no-repeat; }
a#contactactive:link 	{ color:#8b1d04;background-image: url(images/imagemapmenu/contacthover.jpg);  background-color:#fff; background-repeat: no-repeat; }

a#home:hover,
a#salon:hover, 
a#products:hover, 
a#services:hover,
a#gallery:hover,
a#contact:hover { border: none;} 

#contactform {position:absolute;top:70px;left:60px;
  width:420px;
	padding:10px 0px 10px 0px;
	margin:0px;
	background-color:#fff;color:#8b1d04;
	border:2px solid #8b1d04;
	opacity:.92;filter: alpha(opacity=92); -moz-opacity: 0.92;
	}
	
*clearfix start */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*clearfix end */

div.thumbnails   {position:absolute;top:95px;left:40px;display:hidden;width:460px;
								  background-color:transparent;}
div.thumbnailrow {float:left; width:100%;margin-bottom:10px;
								  border:2px solid #8b1d04; padding:5px;
									background-color:#fff; opacity:.92;filter: alpha(opacity=92); -moz-opacity: 0.92;}
div.thumbnailrow img {border:1px solid #8b1d04;margin:0px 0px 2px 6px;padding:0px;/*float:left;*/}
div.products {left:20px;}
/* Lightbox site specific settings */
#imageData #caption{ color:#8b1d04;background-color:#fff;}
#imageData #numberDisplay{ display:none;}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	color:#fff;
	background-color: #8b1d04;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
/* end of Lightbox site specific settings */	


div.Footer {
					  background-color:#fff;color:#9e4a4a;
					  border-top:1px solid #9e4a4a;border:none;
						text-align:center;
						padding:0px 5px;
					 }
div.Footer a {border:none;color:#9e4a4a;background-color:#fff;}
div.Footer img {border:none;color:#9e4a4a;background-color:#fff;}
div.interiordesign {float:left;width:7em;margin-top:-2em;text-align:center;}
div.interiordesign img {margin:0px auto;}
div.interiordesign a {color:#777;background-color:#fff;text-decoration:none;padding:0px 0px 5px 0px;}
#Copyright {float:left;width:550px;color:#777;background-color:#fff;text-align:center;}
#idFrontOnLink {float:left;width:7em;margin-top:-1.0em;}
#idFrontOnLink a {color:#777;background-color:#fff;text-decoration:none;padding:0px 0px 5px 0px;}
div.textarea {background-color:#fff; opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
						  color:#9e4a4a;color:#8b1d04;
							position:absolute;top:55px;left:15px;width:480px;
							border:2px solid #8b1d04; padding:10px;
							line-height:150%;
						 }
div.interiordesigntext {opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;}
div.textarea p {margin:0px 0px 5px 5px;}
div.textarea img {float:right;margin:5px;border:2px solid #8b1d04;opacity:1.0;}
div.textarea a img {border:2px solid #8b1d04;}

.textarea .previousnext {width:100%;float:left;height:80px;padding-bottom:4px;}
.previousnext .previous img {float:left;border:none;}
.previousnext .next img {float:right;border:none;}

.interiordesigntext .previousnext {width:100%;float:left;height:40px;padding-bottom:4px;}
.interiordesigntext.previousnext .previous img {float:left;border:none;}
.interiordesigntext.previousnext .next img {float:right;border:none;}

div.textarea ul {float:left;height:2em;}
div.textarea ul li {display:inline;padding-right:5px;}
div.textarea a {color:#770900;background-color:#fff;}
/*.pullquote {
	width: 25%;
	float:right;
	font-size:125%;font-weight:bold;
	line-height:140%;
	margin:10px;
	background-image: url(images/closequote.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding:0px 25px 5px 0px;
}
.pullquote:first-letter {
	background-image: url(images/openquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 2px 10px 35px;
}*/
div.pullquote { float:right;width:150px;}
div.pullquote img { border:none;}
div.floatleft {float:left;}
div.textareatitle {width:400px;text-align:center;margin:0px auto;}
div.textareatitle img {float:none;margin:0px;border:none;}
div.textareatitle a {text-decoration:none;}
div.signature {width:100%;text-align:right;font-style:italic;margin-bottom:10px;}