﻿/* CSS */

/* ___________Colors


__________________*/


/* ___________Globals */

* { margin:0; padding:0; }

a img { border:0; }

a { text-decoration:none;  }
a:hover { color:#fff;  }

.home-copy a:link,a:visited,a:active {
	text-decoration: none;
	color: #163969;
	font-size: 12px;
}

.home-copy a:hover{text-decoration:underline;}

h1{margin:0;font-size:14px;}
h2{margin:0;font-size:12px;}
h3{margin:0;font-size:16px;font-weight:bold;}

#Main {
position:relative;
top:0px;
left:0px;
width:920px;
}

#Header {
width:920px;
height:141px;
display:block;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}

#GlobalNav {
display:block;
text-align:right;
}
#GlobalNav a:visited { color:#163969; }
#GlobalNav a { font:normal normal 11px Helvetica, Verdana, Arial, sans-serif; color:#163969;}

#GlobalNav a:hover { color:#fff; }


#GlobalNav li { display:inline; list-style:none; padding-right:10px; }

#NavBar {
position:relative;
top:0px;
left:0px;
height:23px;
width:188px;
padding: 0;
margin: 0;
display: block;
background: url("../images/nav-bar.jpg") repeat-x 400px;
float:left;
}

#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: right;
background: url("../images/nav-bar.jpg") repeat-x 102px;
font: 11px Helvetica, Verdana, Arial, sans-serif; color:#163969;
text-align: center;
line-height:23px;
height:23px;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 120px;
border-left: 2px solid #fff;
height:23px;
}
#navcontainer a:visited { color: #163969; }
#navcontainer li#active { background: url("../images/nav-bar-over.jpg") repeat-x 102px; }
#navcontainer a:hover { background: url("../images/nav-bar-over.jpg") repeat-x 102px; color: #fff; }

.BoldBlue {
	color:#163969;
	font-weight:bold;
}
.BoldBlue a{color:#163969;}
.BoldBlue a:visited{color:#163969;}
.BoldBlue a:active{color:#163969;}
.BoldBlue a:hover{color:#ffffff;}

.maroon {color:#660000;}
.maroon a{color:#660000;}
.maroon a:visited{color:#660000;}
.maroon a:active{color:#660000;}
.maroon a:hover{color:#660000;}

.white {color:#ffffff;}
.white a{color:#ffffff;}
.white a:visited{color:#ffffff;}
.white a:active{color:#ffffff;}
.white a:hover{color:#ffffff;}


/* Home page */

#HomeMain {
width:920px;
clear:both;
}

#LeftColumn {
float:left;
width:258px;
}

#HomeTestimonials {
position:relative;
top:0px;
left:0px;
width:258px;
height:28px;
display:block;
text-align:center;
background-image:url(../images/testimonial-bar.jpg);
background-repeat:repeat-x;
}

.HomeTestimonialsContent a:visited {
color:#3b2a26;
}

.HomeTestimonialsContent a {
font:normal 14px Helvetica, Verdana, Arial, sans-serif;
color:#3b2a26;
line-height:28px;
vertical-align:middle;
}

.HomeTestimonialsContent a:hover {
color:#6e6f71;
}

#HomePromo {
position:relative;
top:0px;
left:0px;
width:258px;
height:236px;
display:block;
text-align:left;
background-image:url(../images/promo-area.jpg);
background-repeat:repeat-x;
}

#HomeForMen {
position:relative;
top:0px;
left:0px;
width:258px;
height:160px;
display:block;
text-align:left;
/* background-image:url(../images/anniversary-home-image.jpg);
background-repeat:no-repeat; */
}

.HomeForMenContent {
position:absolute;
top:70px;
left:147px;
width:125px;
vertical-align:middle;
text-align:center;
/* for anniversary promo */
font: bold 10px Helvetica, Verdana, Arial, sans-serif;
color:#ffffff;
font-variant: small-caps;
line-height:12px;
/* end for anniversary promo */
}

.HomeForMenContent a{
color:#ffffff;
}

.HomeForMenContent a:visited{
color:#ffffff;
}

.HomeForMenContent a:hover{
color:#ffffff;
}


.MenLargeFont1 {
font: bold 18px Helvetica, Verdana, Arial, sans-serif;
color:#3b2a26;
font-variant: small-caps;
line-height:48px;
vertical-align:middle;
}

.MenLargeFont2 {
font: bold 18px Helvetica, Verdana, Arial, sans-serif;
color:#3b2a26;font-variant: small-caps;
line-height:28px;
vertical-align:middle;
}

.MenSmallFont {
font: bold 11px Helvetica, Verdana, Arial, sans-serif;
color:#3b2a26;font-variant: small-caps;
line-height:18px;
vertical-align:middle;
}


#MiddleBar {
position:relative;
bottom:0px;
left:0px;
width:8px;
height:424px;
display:block;
float:left;
background-image:url('../images/middle-bar.jpg');
background-repeat:repeat-y;
}

#IMGArea {
position:relative;
float:left;
}

/* End Home Page */

/* Back Page */
/* #superContainer
{
    background-image: url('../images/BrownSatin.jpg');
    background-repeat:no-repeat;
    height:840px;
    text-align:center;
    width:1024px;
}
 */
#BackMainContainer {
background-image:url('../images/brown-gradient-920x1.jpg');
background-repeat:repeat-y;
}

#BackMainContainerAnniversary {
background-color:#748597;
}

#BackMain {
position:relative;
width:920px;
min-height:424px;
clear:both;
background-image:url('../images/back-content-bkgd.jpg');
background-repeat:no-repeat;
}
#BackMainLady {
position:relative;
width:920px;
min-height:424px;
clear:both;
background-image:url('../images/section-with-cropped-girl.jpg');
background-repeat:no-repeat;
}
#BackMainServices {
position:relative;
width:920px;
/*min-height:828px;*/
clear:both;
background-image:url('../images/services-bkgrd.jpg');
background-repeat:no-repeat;
}
#BackMainAnniversary {
position:relative;
height:650px;
width:920px;
/*min-height:828px;*/
clear:both;
background-image:url('../images/anniversary_promo_background.jpg');
background-repeat:no-repeat;
}

#BackLeftContent {
position:relative;
top:20px;
left:25px;
width:470px;
min-height:424px;
display:block;
float:left;
text-align:left;
}

#BackLeftContentAnniversary {
position:relative;
top:0;
left:0;
width:620px;
/*min-height:524px;*/
display:block;
float:left;
text-align:left;
}


#BackRightContent {
top:0px;
left:0px;
display:block;
min-height:424px;
}

.BackHead {
font:bold 14px Helvetica, Verdana, Arial, sans-serif;
color:#fff;
text-align:left;
display:block;
padding-bottom:10px;	
}

.BackSubHead {
font:bold 12px Helvetica, Verdana, Arial, sans-serif;
color:#3b2a26;
text-align:left;
display:block;	
padding-top:10px;
}

.BackSubHead a{
color:#3b2a26;
}

.BackSubHead a:visited{
color:#3b2a26;
}

.BackSubHead a:hover{
color:#163969;
}

.BackCopy {
font:bold 11px Helvetica, Verdana, Arial, sans-serif;
color:#fff;
text-align:left;
display:block;
padding-bottom:10px;		
}

.BackCopy a, visited, active {font:bold 11px Helvetica, Verdana, Arial, sans-serif;}
.BackCopy a:hover{color:#fff;}
/* End Back Page */

#BottomBar {
position:relative;
bottom:0px;
left:0px;
width:920px;
height:6px;
display:block;
text-align:left;
background-image:url('../images/bottom-bar.jpg');
clear:both;
font-size:1px;
}

#ContentBar {
position:relative;
bottom:0px;
left:0px;
width:920px;
height:72px;
background-image:url('../images/content-bar.jpg');
background-repeat:no-repeat;
}

#ContentBar-Home {
position:relative;
bottom:0px;
left:0px;
width:920px;
height:125px;
background-image:url('../images/content-bar-home.jpg');
background-repeat:no-repeat;
}

.ContentBarContent {
position:relative;
font:normal 14px Helvetica, Verdana, Arial, sans-serif;
color:#3b2a26;
text-align:center;
height:72px;
display:block;
}

.ContentBarContent-Home {
position:relative;
font:normal 14px Helvetica, Verdana, Arial, sans-serif;
color:#3b2a26;
text-align:center;
height:125px;
display:block;
}

#ServicesBar {
position:relative;
font:bold 10px Helvetica, Verdana, Arial, sans-serif;
color:#6e6f71;
bottom:0px;
left:0px;
width:920px;
height:17px;
display:block;
text-align:center;
background-image:url('../images/copy-bar.jpg');
}

#ServicesBar li { display:inline; list-style:none; padding:0px 29px 0px 29px; line-height:17px; vertical-align:middle;}

#ServicesBar a, visited, active, hover {color:#6e6f71;font:bold 10px Helvetica, Verdana, Arial, sans-serif;}


#Footer {
position:relative;
font:normal normal 10px Helvetica, Verdana, Arial, sans-serif;
color:#fff;
bottom:0px;
left:0px;
width:920px;
height:auto;
display:block;
text-align:right;
padding:5px 0px 0px 0px;
}

#Footer a:visited { color:#fff; }

#Footer a { font:normal normal 9px Helvetica, Verdana, Arial, sans-serif; color:#fff; margin:0px 0px 0px 0px;} 

#Footer a:hover { color:#163969; }

#Footer li { display:inline; list-style:none; padding-left:10px; }

/* Begin: area for pop promo ads */
#promoPop
{
    z-index: 100;
    width: 100%;
    height:100%;
    left: 0px;
    position: absolute;
    top: 0px;
    background-color: transparent;
    background-image: url( '../images/transGifSmall4.gif' );
}

#promoImage
{
	position:relative;
    top: 140px;
}


#promoClose {
	position:relative;
	top:18px;
	left:176px;
	cursor:pointer;
}

#promoClick {
	cursor:pointer;
	position:absolute;
	left:10px;
	top:223px;
	font:normal normal 9px Helvetica, Verdana, Arial, sans-serif;
	color:#163969;
	z-index:10;
}


#promoClick a{
color:#3b2a26;
font:normal normal 9px Helvetica, Verdana, Arial, sans-serif;
}

#promoClick a:visited{
color:#3b2a26;
font:normal normal 9px Helvetica, Verdana, Arial, sans-serif;
}

#promoClick a:hover{
color:#163969;
font:normal normal 9px Helvetica, Verdana, Arial, sans-serif;
}

#promoClick a:active{
color:#3b2a26;
font:normal normal 9px Helvetica, Verdana, Arial, sans-serif;
}

.transparenttext{
 background-color:transparent;border-color:#000000;border-style:solid;border-width:1px;color:#ffffff;
}


/* End: area for pop promo ads */
