/*
-----------------------------------------------
Diversity style sheet
version:  10 December 2007
Author: Lori Dolby
----------------------------------------------- */

html {
   padding: 0;
   margin: 0;
}

body {
	padding: 0;
	margin: 0;
	background: #fff url(../images/bg.gif);
	border-top: 5px solid #9C6C3A;
}

#page-wrapper {
	width: 762px;
	padding: 0;
	margin: 15px auto 0 auto;
	
}

#leftCol_wrapper {
	float: left;
	width: 243px;
	margin: 0;
	padding: 0;
}

#homePhoto {
	margin: 0;
	padding: 0;
	height: 421px;
	background-repeat:no-repeat;
}
#hmmainshot {
  background-repeat:no-repeat;
	float:right;
	width: 530px;  
	 padding: 0 0 0 0;
	margin: 0;
  } 
.aboutbg {
	background: transparent url(../images/aboutbg.jpg) no-repeat;
	height: 450px;
	background-color:#D0D2D3;
}
.servicesbg {
	background: transparent url(../images/servicesbg.jpg) no-repeat;
	height: 450px;
	background-color:#D0D2D3;
}
.servicesbg2 {
	background: transparent url(../images/servicesbg2.jpg) no-repeat;
	height: 450px;
	background-color:#e7c69d;
}
.servicesbg3 {
	background: transparent url(../images/servicesbg3.jpg) no-repeat;
	height: 450px;
	background-color:#8d601f;
}
.servicesbg4 {
	background: transparent url(../images/servicesbg4.jpg) no-repeat;
	height: 450px;
	background-color:#8d601f;
}
.productsbg {
	background: transparent url(../images/productsbg.jpg) no-repeat;
	height: 450px;
	background-color:#D0D2D3;
}
.contactbg {
	background: transparent url(../images/contactbg.jpg) no-repeat;
	height: 450px;
	background-color:#8f722f;
}
#rightCol_wrapper {
	float: left;
	width: 473px;
	margin: 0 0 0 2px;
	padding: 20px;
	background: transparent url(../images/bg_bodyTop.gif) no-repeat;
}

	#rightCol_wrapper ul li {

	background: url(../images/leftarrow.gif) no-repeat;
	padding-left: 10px;
		font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		color: #333;
		line-height: 1.5em;
	}

	#col1 {
		padding-top: 10px;
		width: 229px;
		float: left;
	}
	
	#col2 {
		padding-top: 10px;width: 229px;
		margin-left: 15px;
		float: left;
	}

#contentWrapper_about {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/aboutbgcolor.gif) repeat-y;
}

#contentWrapper_services {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/servicesbgcolor.gif) repeat-y;
}
#contentWrapper_services2 {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/servicesbgcolor2.gif) repeat-y;
}
#contentWrapper_services3 {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/servicesbgcolor3.gif) repeat-y;
}
#contentWrapper_services4 {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/servicesbgcolor4.gif) repeat-y;
}

#contentWrapper_products {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/productsbgcolor.gif) repeat-y;
}

#contentWrapper_contact {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/contactbgcolor.gif) repeat-y;
}

#contentWrapper_advocacy {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/bgColor_advocacy.gif) repeat-y;
}

#contentWrapper_links {
	margin: 0;
	padding: 0 2px 0 2px;
	background: transparent url(../images/bgColor_links.gif) repeat-y;
}

/* TEXT PARAMETERS
----------------------------------------------- */

p {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
}

a:link, a:visited {
	font-size: 9pt;
	color: #333;
	text-decoration: underline;
}

a:hover, a:focus {
	font-size: 9pt;
	color: #666;
	text-decoration: none;
}

a.boxLink:link, a.boxLink:visited {
	border: 1px solid #ccc;
	background: #e5e5e5;
	padding: 2px 5px 2px 5px;
	line-height: 2em;
	text-decoration: none;
	color: #000;
}

a.boxLink:hover, a.boxLink:active {
	border: 1px solid #999;
	background: #ccc;
	padding: 2px 5px 2px 5px;
	line-height: 2em;
	text-decoration: none;
	color: #000;
}

h1 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #993333;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1px;
	font-size: 20pt;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0;
	margin: 0;
}

h2 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #724719;
	font-size: 14pt;
	font-weight: normal;
	text-transform: normal;
}

h3 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11pt;
	font-weight: normal;
}
h4 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: -10px;
	margin-top: 4px;
}


.invHdr {
	display: none;
	position: fixed; top: -500px; left: -500px;
	color: #333;
	font-weight: bold;
	padding: 0;
	margin: 0px 0px 5px 0px;
}

.navDiv {
	display: none;
	color: #000;
	font-size: 75%;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
}

li {
	padding: 0 0 7px 15px;
	margin: 0;
	
}



/* MISC COMPONENTS
----------------------------------------------- */



hr {
	border-left:0px none; 
	border-right:0px none; 
	border-bottom:0px none; 
	border-top: 1px dotted #ccc; 
	width: 100%;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}

/* FOOTER & COPYRIGHT
----------------------------------------------- */


#footer {
	background-color:#993333;
	font-size: 8pt;
	font-weight: normal;
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:756px;
	position:relative;
	top:0px;
	left:0px;
	padding: 10px 0 10px 0;
margin: 0;

border:3px solid #fff;
}

#footer a:link, a:visited{
	
	color: #f5c67f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: underline;
border:0px ;
padding: 0;
margin: 0;
}
/* CLEAR FIX
----------------------------------------------- */

.clear-fix: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 */
}

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

* html .clear-fix {   
	height: 1%;      /* fix for Guillotine bug in IE6 */
}

.clear-fix {
	display: block;
}





/* BASIC PARAMETERS
----------------------------------------------- */



#mainNavBG {
	background: transparent url(../images/logo.gif) no-repeat;
	height: 102px;
	padding: 0;
	margin: 0;
}

#homeButton {
	height: 102px;
	width: 247px;
	float: left;
	padding: 0;
	margin: 0;
}

#mainNav {
	height: 87px;
	float: right;
	padding: 0;
	margin: 15px 0 0 0;
}




/* MAIN NAV LINKS
----------------------------------------------- */

/* home logo */
#homeButton li a:link.linkHomeBig, #homeButton li a.linkHomeBig:visited, #homeButton li a.linkHomeBig:hover {
display:block;
width: 247px;
height: 102px;
padding: 0;
background: transparent url("../images/logo2.gif") 0 0 no-repeat;
text-decoration: none;
}	

/* home */
#mainNav li a:link.linkhome, #mainNav li a.linkhome:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/homebtn.gif") 0 0 no-repeat;
text-decoration: none;
}
#mainNav li a:link.linkhomeon, #mainNav li a.linkhomeon:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/homebtn.gif") 0 -87px no-repeat;
text-decoration: none;
}

	#mainNav li a.linkhome:hover { 
	background: transparent url("../images/homebtn.gif") 0 -87px no-repeat;
	}

/* about */
#mainNav li a:link.linkabout, #mainNav li a.linkabout:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/aboutbtn.gif") 0 0 no-repeat;
text-decoration: none;
}
#mainNav li a:link.linkabouton, #mainNav li a.linkabouton:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/aboutbtn.gif") 0 -87px no-repeat;
text-decoration: none;
}

	#mainNav li a.linkabout:hover { 
	background: transparent url("../images/aboutbtn.gif") 0 -87px no-repeat;
	}

/* services */
#mainNav li a:link.linkservices, #mainNav li a.linkservices:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/servicesbtn.gif") 0 0 no-repeat;
text-decoration: none;
}
#mainNav li a:link.linkserviceson, #mainNav li a.linkserviceson:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/servicesbtn.gif") 0 -87px no-repeat;
text-decoration: none;
}
	#mainNav li a.linkservices:hover { 
	background: transparent url("../images/servicesbtn.gif") 0 -87px no-repeat;
	}
	
	/* products */
#mainNav li a:link.linkproducts, #mainNav li a.linkproducts:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/productsbtn.gif") 0 0 no-repeat;
text-decoration: none;
}
#mainNav li a:link.linkproductson, #mainNav li a.linkproductson:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/productsbtn.gif") 0 -87px no-repeat;
text-decoration: none;
}
	#mainNav li a.linkproducts:hover { 
	background: transparent url("../images/productsbtn.gif") 0 -87px no-repeat;
	}
	
/* contact */
#mainNav li a:link.linkcontact, #mainNav li a.linkcontact:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/contactbtn.gif") 0 0 no-repeat;
text-decoration: none;
}

#mainNav li a:link.linkcontacton, #mainNav li a.linkcontacton:visited {
display:block;
width: 103px;
height: 87px;
padding: 0;
background: transparent url("../images/contactbtn.gif") 0 -87px no-repeat;
text-decoration: none;
}

	#mainNav li a.linkcontact:hover { 
	background: transparent url("../images/contactbtn.gif") 0 -87px no-repeat;
	}








/* BASIC PARAMETERS
----------------------------------------------- */

#topBar {
	background: transparent url(../images/bg_top.gif) repeat-x;
}

#topNavBG {
	width: 762px;
	margin: 0 auto 0 auto;
}

#topNav {
	list-style: none;
	float: right;
	padding: 0 0 0 19px;
	height: 25px;
	width: 184px;
	background: transparent url(../images/bg_topNav.gif) no-repeat;
}

#mainNavBG {
	background: transparent url(../images/logo.gif) no-repeat;
	height: 102px;
	padding: 0;
	margin: 0;
}

#homeButton {
	height: 102px;
	width: 247px;
	float: left;
	padding: 0;
	margin: 0;
}

#mainNav {
	height: 87px;
	float: right;
	padding: 0;
	margin: 15px 0 0 0;
}

#subNav {
	padding: 0;
	float: right;
	width: 139px;
	margin: 22px 0 0 0;
}

#subNav li {
	padding: 0; 
	margin: 0;
}

	#subNav li a:link.hairnav, #subNav li a.hairnav:visited, #subNav li a.hairnav:hover {
	display:block;
	width: 140px;
	height: 29px;
	background: transparent url("../images/hairnav.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.nailnav, #subNav li a.nailnav:visited, #subNav li a.nailnav:hover {
	display:block;
	width: 140px;
	height: 23px;
	background: transparent url("../images/nailnav.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.skinnav, #subNav li a.skinnav:visited, #subNav li a.skinnav:hover {
	display:block;
	width: 140px;
	height: 24px;
	background: transparent url("../images/skinnav.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.bridalnav, #subNav li a.bridalnav:visited, #subNav li a.bridalnav:hover {
	display:block;
	width: 140px;
	height: 35px;
	background: transparent url("../images/bridalnav.gif") 0 0 no-repeat;
	text-decoration: none;
	}

#subNav li a:link.hairnav2, #subNav li a.hairnav2:visited, #subNav li a.hairnav2:hover {
	display:block;
	width: 140px;
	height: 29px;
	background: transparent url("../images/hairnav2.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.nailnav2, #subNav li a.nailnav2:visited, #subNav li a.nailnav2:hover {
	display:block;
	width: 140px;
	height: 23px;
	background: transparent url("../images/nailnav2.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.skinnav2, #subNav li a.skinnav2:visited, #subNav li a.skinnav2:hover {
	display:block;
	width: 140px;
	height: 24px;
	background: transparent url("../images/skinnav2.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.bridalnav2, #subNav li a.bridalnav2:visited, #subNav li a.bridalnav2:hover {
	display:block;
	width: 140px;
	height: 35px;
	background: transparent url("../images/bridalnav2.gif") 0 0 no-repeat;
	text-decoration: none;
	}

#subNav li a:link.hairnav3, #subNav li a.hairnav3:visited, #subNav li a.hairnav3:hover {
	display:block;
	width: 140px;
	height: 29px;
	background: transparent url("../images/hairnav3.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.nailnav3, #subNav li a.nailnav3:visited, #subNav li a.nailnav3:hover {
	display:block;
	width: 140px;
	height: 23px;
	background: transparent url("../images/nailnav3.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.skinnav3, #subNav li a.skinnav3:visited, #subNav li a.skinnav3:hover {
	display:block;
	width: 140px;
	height: 24px;
	background: transparent url("../images/skinnav3.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.bridalnav3, #subNav li a.bridalnav3:visited, #subNav li a.bridalnav3:hover {
	display:block;
	width: 140px;
	height: 35px;
	background: transparent url("../images/bridalnav3.gif") 0 0 no-repeat;
	text-decoration: none;
	}

#subNav li a:link.hairnav4, #subNav li a.hairnav4:visited, #subNav li a.hairnav4:hover {
	display:block;
	width: 140px;
	height: 29px;
	background: transparent url("../images/hairnav4.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.nailnav4, #subNav li a.nailnav4:visited, #subNav li a.nailnav4:hover {
	display:block;
	width: 140px;
	height: 23px;
	background: transparent url("../images/nailnav4.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.skinnav4, #subNav li a.skinnav4:visited, #subNav li a.skinnav4:hover {
	display:block;
	width: 140px;
	height: 24px;
	background: transparent url("../images/skinnav4.gif") 0 0 no-repeat;
	text-decoration: none;
	}
	
	#subNav li a:link.bridalnav4, #subNav li a.bridalnav4:visited, #subNav li a.bridalnav4:hover {
	display:block;
	width: 140px;
	height: 35px;
	background: transparent url("../images/bridalnav4.gif") 0 0 no-repeat;
	text-decoration: none;
	}
#topNav li, #mainNav li, #homeButton li, #subNav li {
	float: left; 
	padding: 0; 
	margin: 0;
}


.invLink {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #F5DEB3;
	visibility: hidden;
}
.facebook { float:right; margin:0 0px 5px 0px; background-color:#fafafa; border:1px solid #D7DAC5; text-align:left;padding:5px;}
.photoright { float:right; margin:10px 0px 5px 0px; background-color:#fafafa; border:1px solid #D7DAC5; text-align:left;padding:5px;}
.photoleft { float:left;  margin:10px 10px 5px 0px; background-color:#fafafa; border:1px solid #e5e5da; text-align:left;padding:5px;}
.photocenter { margin:10px 0px 5px 0px; background-color:#fafafa; border:1px solid #e5e5da; text-align:left;padding:5px;}
.footerimage {float:left; margin:0px 5px 10px 10px; padding:0 0 0 0; border:0;}

#gallery	 {
margin: 18px 0 0 0;
}
.galleryborder1 { border: 1px solid #D7DAC5; margin: 0 0 10px 5px; }
.galleryborder { border: 1px solid #D7DAC5; margin: 0 0 10px 0px; }
.galleryfill { border: 1px solid #FFFFFF; background-color: #F4F4ED; padding: 10px; }
.thumb { border: 1px solid #D7DAC5; width: 125px; background-color: #FFFFFF; padding: 1px; }
.nail { text-align: center; padding-top: 5px; font-size: 11px;}
.detailborder { border: 1px solid #D7DAC5; margin: 10px 0 10px 0px; width: 475px; }
.detail { border: 1px solid #D7DAC5; width: 450px; background-color: #FFFFFF; padding: 1px; }

span.caption {

	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	padding-top: 3px;
	font-size: 9px;
	color: #333;
	text-align:left;
}