/* CSS Document */

/* html { text-align: center; } */

body {
background-color: #5DC4B8;
margin:0px;
font-size: 10pt;
font-family: georgia, verdana, arial, helvetica;
color: #441700;
}

a {
text-decoration: none;
color:#441700;
outline: none;
}

a img{
border:0;
}

div#container_a {
width:870px;
margin: 1px auto;
border-top: 0px solid #DECEB2;
border-bottom: 1px solid #987356;
border-left: 1px solid #000;
border-right:0px solid #000;
background-color:#e9d3ac;
text-align: left;
overflow: hidden;
}

div#logo_a {
position:relative;
float:left;
width:870px;
height:80px;
margin:0px;
padding:0px;
border-bottom: 1px solid #673A16;
background: #441700 url(../images/logocopy_b.png) bottom left no-repeat;
z-index:2;
}

div#logo_a .newclient {
margin-top:12px;
float:right;
border:0;
z-index:1;
}

div#navigation {
position:relative;
width:870px;
height:25px;
margin-left:12px;
background-color:#fff;
padding: 0px;
float:left;
border:0px solid #888;
}

body a	{
color: #441700;
text-decoration:none;
}

body a:hover	{
text-decoration:underline;
}

.content p,#center .content ul{
font-size:12px;
color:#364656;
margin-top:0;
line-height:15px; 
}

a.dual:link			{font-family: Tahoma; font-size: 11px; text-decoration: none; color: #CBCACA;}
a.dual:visited		{font-family: Tahoma; font-size: 11px; text-decoration: none; color: #CBCACA;}
a.dual:active		{font-family: Tahoma; font-size: 11px; text-decoration: none; color: #CBCACA;}
a.dual:hover		{font-family: Tahoma; font-size: 11px; text-decoration: none; color: #CBCACA;}

.copy{
font-family:georgia, verdana, arial;
font-size:11px;
color:#CBCACA;
text-decoration:none
}

a:hover{text-decoration:underline;}

div#brochure_a p.subtitle {
font-family:georgia,verdana,arial;
text-align:center;
font-size:12pt;
font-weight:bold;
color:#53c9c0;
}

div#container_a #mid_menu {
position:relative;
margin-top:81px;
margin-left:0px;
background-color:#fff;
border-top:2px solid #5ec2b6;
padding:0px;
width:870px;
height: 32px;
z-index:1;
}

#mid_menu table{
margin-right:0px;
}

#mid_menu table td {
}

#mid_menu table td a{
color:#00aea4;
/* color:#5ec2b6; */
font-family:georgia, verdana, arial;
text-decoration:none;
font-size:10pt;
font-weight:bold;
text-align:left;
white-space:nowrap;
padding-top:5pt;
padding-bottom:5pt;
padding-right:7pt;
padding-left:10pt;
display:block;
}

#mid_menu table td a:hover,#mid_menu table td.hover1{
background-color:#FFFFFF;
color:#441700;
}

#mid_menu table  a{
color:#53c9c0;
}

#mid_menu table td div.submenu {
display:none;
position:absolute;
background-color:#FFFFFF;
width:170px;
}

#mid_menu table td .submenu a{
display:block;
text-align:left;
color:#00aea4;
font-size:12px;
padding:4px 5px 4px 18px;
}

#mid_menu table td .submenu a:hover{
color:#441700;
background-image:url(../images/menu_arrow.gif);
background-position:left;
background-repeat:no-repeat;
border-bottom:1px dashed #e9d3ac;
}

.suber {
font-weight:bold;
text-decoration:underline;
}

div#footer {
position:relative;
width:870px;
height:60px;
margin:0px auto;
margin-bottom:0px;
background-color:#441700;
padding: 0px;
float:left;
border-top:2px solid #5ec2b6;
}

div#footer p.footercopy  {
position:absolute;
margin-left:210px;
text-align:center;
font-size:11px;
line-height:16px;
color:#fff;
padding:0px;
z-index:2;
}

#footer div#socials {
position:relative;
float:left;
margin-left:0px;
background:transparent;
width:120px;
height:20px;
border:0px solid #fff;
z-index:1;
}

#footer div#yelp {
position:relative;
float:right;
margin:0px;
padding:0;
background:transparent;
width:120px;
height:20px;
border:0px solid #fff;
z-index:1;
}

#clear {
clear:both;
}

/* ======== ROY COUPON PAGE ========= */

#block_coupon {
position:relative;
float:left;
margin-top:0px;
margin-right:0px;
width:870px;
border: 0px solid #666;
background: transparent;
}

div#block_coupon table.coupon {
margin:10px auto;
margin-top:10px;
width:700px;
border-style: dashed;
border-color: #00aea4;
border-spacing: 4px;
border-width: 2px;
}

form #button1 {
	width: 135px;
	height: 30px;
	background: url(../images/submitcoupon.gif) no-repeat center;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

/* ======== ROY EMPLOYMENT PAGE ========= */

#blockemployment {
position:relative;
float:left;
margin-top:0px;
margin-left:25px;
width:310px;
height:310px;
border: 0px solid #666;
background: transparent;
}

form#employment {background:#eee2c5; width:440px; padding:10px; border:1px solid #441700; margin-left:350px;margin-top:40px;}

form#employment legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:1px solid #00aea4; margin-bottom:5px; padding:3px; background:#fff;}

form#employment label {clear:left; display:block; float:left; width:120px; text-align:right; padding-right:0px; color:#59595C; margin-bottom:0.5em;}

form#employment input {width:250px; float:left; text-align:left; border:1px solid #fff; background:#fff;  margin-bottom:0.6em; margin-left: 0.5em; padding-left: 0.5em;}

form#employment #button1, form#employment #button2 {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold;background:#00aea4; color:#fff; border:1px solid #441700; padding-left:0.5em; cursor:pointer; width:140px; margin-top:12px; margin-left:12em;}

form#employment #button1:hover, form#employment #button2:hover {background-position:center left; color:#cc0000;}

/* ======== ROY ABOUT ROY PAGE ========= */

#rightside_aboutroy {
position:relative;
background: transparent;
float:right;
width:550px;
margin-right:15px;
padding:0px;
border:0px solid #666;
}

#blocka_aboutroy {
position:relative;
float:right;
margin-top:20px;
margin-right:15px;
width:530px;
border: 0px solid #666;
background: transparent;
}

#blockb_aboutroy {
position:fixed;
float:left;
margin-top:0px;
margin-left:25px;
width:230px;
border: 0px solid #666;
background: transparent;
}

/* ======== ROY SALON MAKEUP AND WEDDING PAGE ========= */

#blocka_makeup {
position:relative;
float:right;
margin-top:20px;
margin-right:20px;
width:480px;
border: 0px solid #666;
background: transparent url(images/makeup.jpg) top right no-repeat;
}

div#blocka_makeup table.hair {
width:300px;
margin-left:0px;
border:0px solid #666;
line-height:15px;
padding-bottom:0px;
}

div#blocka_makeup table.hair td.content2 {
width:300px;
font-weight:bold;
padding-bottom:6px;
line-height:15px;
}

div#blocka_makeup #title {
width:360px;
font-size:14pt;
font-variant:small-caps;
color:#00aea4;
font-weight:bold;
margin-bottom:0px;
}

#blockb_makeup {
position:relative;
float:left;
margin-top:50px;
margin-left:40px;
margin-right:0px;
width:250px;
border: 0px solid #666;
background: transparent;
}

p.bold {
font-weight:bold;
}

/* ======== ROY MASSAGE PAGE ========= */

#blocka_massage {
position:relative;
float:right;
margin-top:20px;
margin-right:15px;
width:550px;
border: 0px solid #666;
background: transparent;
}

#blockb_massage {
position:fixed;
float:left;
margin-top:20px;
margin-left:20px;
margin-right:15px;
width:200px;
height:390px;
border: 0px solid #666;
background: transparent;
}

div#blocka_massage #heading {
width:360px;
font-weight:bold;
margin-bottom:0px;
}

/* ======== ROY FACIAL PAGE ========= */

#blocka_facial {
position:relative;
float:right;
margin-top:20px;
margin-right:15px;
width:550px;
border: 0px solid #666;
background: transparent;
}

#blockb_facial {
position:fixed;
float:left;
margin-top:20px;
margin-left:20px;
margin-right:15px;
width:200px;
height:390px;
border: 0px solid #666;
background: transparent;
}

div#blocka_facial #heading {
width:350px;
font-weight:bold;
margin-bottom:0px;
border:0px solid #666;
}

/* ======== ROY SALON PRODUCTS PAGE ========= */
#blocka_products {
position:relative;
float:right;
margin-top:20px;
margin-right:20px;
width:650px;
border: 0px solid #666;
background: transparent;
}

#blockb_products {
position:fixed;
float:left;
margin-top:20px;
margin-left:20px;
margin-right:15px;
width:200px;
height:390px;
border: 0px solid #666;
background: transparent;
}

div#blocka_products #heading {
width:450px;
font-weight:bold;
font-size:12pt;
margin-bottom:5px;
border:0px solid #666;
}

/* ======== ROY MANICURE/PEDICURE PAGE ========= */

#blocka_manicures {
position:relative;
float:right;
margin-left:0px;
margin-top:0px;
margin-right:15px;
width:550px;
height:420px;
border: 0px solid #666;
background: transparent;
}

div#blocka_manicures table.hair {
width:530px;
padding-right:40px;
border:0px solid #666;
line-height:13pt;
padding:0;
}

div#blocka_manicures table.hair td.content2 {
width:400px;
font-weight:bold;
padding:0px;
}

div#blocka_manicures table.hair td.contentright {
width:150px;
font-weight:bold;
padding:0px;
}

div#blocka_manicures table.hair td.content {
padding-bottom:8px;
}

#blockb_manicures {
position:relative;
float:left;
margin-top:15px;
margin-left:20px;
margin-right:15px;
width:380px;
border: 0px solid #666;
background: transparent;
}

/* ======== ROY WAXING PAGE ========= */

#blocka_waxing {
position:relative;
float:right;
margin-top:20px;
margin-right:15px;
width:290px;
height:310px;
border: 0px solid #666;
background: transparent;
}

div#blocka_waxing table.hair {
width:270px;
margin-left:20px;
border:0px solid #666;
line-height:15px;
padding:0;
}

div#blocka_waxing table.hair td.content2 {
width:200px;
font-weight:bold;
padding:0px;
line-height:15px;
}

#blockb_waxing {
position:relative;
float:left;
margin-top:20px;
margin-left:20px;
margin-right:15px;
width:350px;
border: 0px solid #666;
background: transparent;
}

div#blockb_waxing table.hair {
width:300px;
margin-left:20px;
border:0px solid #666;
line-height:15px;
padding:0;
}

div#blockb_waxing table.hair td.content2 {
width:250px;
font-weight:bold;
padding:0px;
line-height:15px;
}

div#blockb_waxing table.hair td.content {
padding:0px;
line-height:15px;
}

/* ======== ROY HAIR PAGE ========= */

#blocka_hair {
position:relative;
float:right;
margin-top:20px;
margin-right:15px;
width:350px;
border: 0px solid #666;
background: transparent;
}

div#blocka_hair table.hair {
width:300px;
margin-left:20px;
border:0px solid #666;
line-height:15px;
padding:0;
}

div#blocka_hair table.hair td.content2 {
width:250px;
font-weight:bold;
padding:0px;
line-height:15px;
}

#blockb_hair {
position:relative;
float:left;
margin-top:20px;
margin-left:20px;
margin-right:15px;
width:350px;
border: 0px solid #666;
background: transparent;
}

div#blockb_hair table.hair {
width:300px;
margin-left:20px;
border:0px solid #666;
line-height:15px;
padding:0;
}

div#blockb_hair table.hair td.content2 {
width:250px;
font-weight:bold;
padding:0px;
line-height:15px;
}

div#blockb_hair table.hair td.content {
padding:0px;
line-height:15px;
}

/* ======== ROY WHATS NEW PAGE ========= */

#blocka_whatsnew {
position:relative;
float:right;
margin-top:20px;
margin-left:0px;
margin-right:20px;
width:550px;
height:390px;
border: 0px solid #666;
background: transparent;

}

div#blocka_whatsnew p {
font-size:9pt;
margin-right:20px;
margin-bottom:10px;
}

#blockb_whatsnew {
position:fixed;
float:left;
margin-top:60px;
margin-left:25px;
width:230px;
border: 0px solid #666;
background: transparent;
overflow:hidden;
}

.eyebrow {
float:right;
padding-left:15px;
margin-top:0px;
}