/* Misc */
* {
	margin:0;
    padding:0; }
    
	html, body {
	height:100%;
    margin:0 0 1px;
    padding:0; }  /* Forces vertical scrollbars */

:-moz-any-link:focus {
  outline: none;
}

.clear {
    clear:both; }

h1 {
	text-indent:-9999em;
	font-weight:normal;
	color:#f7939b; }

h1.heading {
	padding:0 0 12px 0;
	font-size:1.5em;
	text-indent:0; }

h1.sub-heading {
	font-size:1.25em;
	padding:7px 0 0 0;
	text-indent:36px;}

h1.splash {
	font-size:1.3em; }

strong {
    color:#f6eaf6;
	font-weight:normal; }

h1 strong {
    color:#f7939b;
	font-weight:normal; }
	
p {
	font-size:1.2em;
    padding:0 36px 13px 36px; }

a {
	color:#c779e9;
	text-decoration:none;
    outline:none; }
    
a:hover {
	color:#ff4040; }

.float-left {
    float:left; }

.float-right {
    float:right; }

.float-center {
    float:none;
	margin:0 auto 0 auto; }
	
.clear {
    clear:both; }	

.inline {
    display:inline; }	
	
.block {
    display:block; }	

.no-padding {
    padding:0; }	
	
.branded-hr {
    width:798px;
	height:27px;
	margin-bottom:10px;
	background:#1d1d1d url(../images/branded-hr.jpg) no-repeat; }	


    
/* Layout */    
body {
   	font:1em arial,sans-serif;
    color:#ebdceb;
    margin:-275px 0 0 0;
    background:#1d1d1d url(../images/viewport-bg-repeat.jpg) repeat-x; }

.wrapper {
	width:882px;
	font-size:0.9em;
	margin:0 auto;
	text-align:left; }
    
.header {
	height:296px;
    width:882px;
    background:transparent url(../images/header-bg.jpg) no-repeat bottom; }
    
.menu-div {
	height:215px;
    width:882px;
    background:url(../images/menu-buttons.jpg) no-repeat left; }

.main-content {
    position:relative;
	padding:70px 34px 57px 50px;
    min-height:50px; }    

.main-content-about {
	padding-top:36px; }

.main-content-index p { line-height:1.2em; padding:6px 0 10px 0; } 	
.main-content-index h1 { padding-bottom:22px; } 	
	
.french-pedicure-about-fatma {
    background:url(../images/french-manicure-pedicure/about-fatma.jpg) no-repeat top right;
	width:157px;
	height:338px;
	float:right;
	margin:68px 35px 12px 12px;}
	
.contact-header {
    padding-top:90px; }
    
.footer {
	position:relative;
	font:0.8em arial,sans-serif;
	margin:0 33px 30px 50px;
	text-align:center;
	background:url(../images/footer-line.jpg) no-repeat top; }
    

	
/* Footer content & Secondary menu/navigation */ 
.footer a {
    padding:0 2px 0 2px; }       
    
.footer p,
.footer-text-left,
.footer-text-right {
    font-size:1em;
    padding:8px 0 16px 0; }     
    
.footer-text-left {
    position:absolute;
    color:#ccc;
    top:0;
    left:0; }
    
.footer-text-right {
    position:absolute;
    top:0;
    right:0; }

p.footer-copyright-address {
	color:#aaa;
	padding-top:35px; }

    
  
/* Main menu / navigation */  
.menu {  
    float:left;
    list-style:none;  
    position:relative; }
    
.menu li {  
    display:block;  
    overflow:hidden;  
    cursor:pointer;  
    float:left;  
    width:187px;  
    height:215px;
    margin-right:8px;  
    background:url(../images/menu-buttons.jpg) no-repeat; }      
    
.menu a {
    display:block;  
    height:215px;  
    text-indent:-9999px;  
    outline:none; }      

#menu1 { width:238px; margin-right:32px; background-position:0px 0px; }
#menu2 { background-position:-270px 0px; }    
#menu3 { background-position:-465px 0px; }
#menu4 { background-position:-660px 0px; }

#menu1:hover, #menu1.active { background-position:-882px 0; }
#menu2:hover, #menu2.active { background-position:-1152px 0; }
#menu3:hover, #menu3.active { background-position:-1347px 0; }
#menu4:hover, #menu4.active { background-position:-1542px 0; }



/* Services menu */
.services-menu {
	position:absolute;
	display:block;
	right:10px;
	top:0;
	background:transparent;
	list-style:none;
	padding:0;
}
	
.services-menu li {
	float:left;
	margin:0;
	padding:0; }
	
.services-menu a {
	display:block;
	float:left;
	margin:0;
	padding:4px 18px;
	text-decoration:none;
	border-right:1px #444 solid; }
	
.services-menu a:hover,
.services-menu a.current {
	background:url(../images/menu-arrow.jpg) bottom center no-repeat;
	color:#ff2121; }
	
.services-menu a.current {
    cursor:default; }	

.services-menu a.last {
    border:none; }	

.list-circle {
	position:relative;
	right:0;
	left:110px;
	list-style:circle;
	padding:0 0 20px 0; }

.list-circle a:hover,
.list-circle a.current {
	background:none;
	color:#ff2121; }

.list-circle a {
	float:none;
	margin:0;
	padding:1px 10px;
	text-decoration:none;
	border:none;}

.list-circle li {
	float:none;
	margin:0;
	padding:0; }
	
.services-menu-bottom {
    position:relative;
	right:0;
	margin:-5px auto -15px auto;
	width:720px; }

.services-menu-bottom li {
    background:#1a1a1a; }
	
.services-menu-bottom a {
    padding:10px 31px; }	

	
/* Pictures */  
a.picture {
    display:inline-block;
    background-position:0 0;
    height:234px;
    width:350px;
	text-align:center;
	color:#ddd;
	font-size:.8em;
	background:no-repeat;
	margin:6px 24px 14px 24px; }

a.picture-left {
    margin:6px 14px 14px 34px;
	float:left; }
	
a.picture-right {
    margin:6px 32px 14px 16px;
	float:right; }	
	
a.picture-center {
    margin-left:224px; }
	
a.picture:hover {
    background-position:-350px 0; }

a.picture span {
    display:block;
	padding-top:211px; }
    
a.callus-removal-01 { background:url(../images/calluses-corns/callus-removal-01-sm.jpg) no-repeat; }
a.cuticle-removal-01 { background:url(../images/cuticle-removal/cuticle-cutting-trimming-01-sm.jpg) no-repeat; }
a.cuticle-removal-02 { background:url(../images/cuticle-removal/cuticle-cutting-trimming-02-sm.jpg) no-repeat; }
a.french-manicure-pedicure-01 { background:url(../images/french-manicure-pedicure/fatma-manicuring-services-01-sm.jpg) no-repeat; }
a.french-manicure-pedicure-02 { background:url(../images/french-manicure-pedicure/fatma-manicuring-services-02-sm.jpg) no-repeat; }
a.manicure-massage-01 { background:url(../images/manicure-massage/manicure-hand-massage-01-sm.jpg) no-repeat; }
a.manicure-massage-02 { background:url(../images/manicure-massage/manicure-hand-massage-02-sm.jpg) no-repeat; }
a.manicure-massage-03 { background:url(../images/manicure-massage/manicure-foot-massage-03-sm.jpg) no-repeat; }
a.manicure-massage-04 { background:url(../images/manicure-massage/manicure-foot-massage-04-sm.jpg) no-repeat; }
a.manicure-massage-05 { background:url(../images/manicure-massage/manicure-foot-massage-05-sm.jpg) no-repeat; }
a.parafin-wax-therapy-01 { background:url(../images/parafin-wax-therapy/parafin-wax-therapy-foot-01-sm.jpg) no-repeat; }
a.parafin-wax-therapy-02 { background:url(../images/parafin-wax-therapy/parafin-wax-therapy-foot-02-sm.jpg) no-repeat; }
a.parafin-wax-therapy-03 { background:url(../images/parafin-wax-therapy/parafin-wax-therapy-hand-03-sm.jpg) no-repeat; }
a.parafin-wax-therapy-04 { background:url(../images/parafin-wax-therapy/parafin-wax-therapy-hand-foot-gloves-04-sm.jpg) no-repeat; }

.index-manicures-pedicures {
    display:block;
	float:left;
	width:150px;
	height:137px;
	background:url(../images/french-manicure-pedicure/manicures-pedicures-denver-colorado.jpg) top left;
	margin:0 22px 36px 54px;
	border:2px solid #c779e9; }	
	
.index-manicures-pedicures:hover,
.index-manicures-pedicures.active {
    border:2px solid #ff4040; }
	
	
/* Contact form */
#contact-form {
    width:565px;
	display:block;
	float:right; }

#contact-area {
	float:right;
	width:565px;
	margin:14px -6px 0 0;
	padding-right:0;}

#contact-area input,
#contact-area textarea {
	float:left;
	padding:3px;
	width:482px;
	margin:0 0 16px 3px;
	background-color:#f4f4f4;
	border:3px solid #fff;
	color:#680f8f; }
	
#contact-area textarea {
	height:100px;
    font-family:Arial, "Gill Sans MT", sans-serif;
	font-size:90%; }

#contact-area textarea:focus,
#contact-area input:focus {
	border: 3px solid #fd2f2f; }
	
#contact-area input.submit-button {
	width:100px;
	float:right; 
	margin:4px 10px 10px 0;
	border:5px solid #934fb1; }

label {
	float:left;
	text-align:right;
	padding:0;
	width:60px;
	margin:5px 0 0 0; }

input#Email  {
    width:263px; }	
	
input#Phone {
    width:144px; }

input#Phone,
label#label-Phone {
    float:left; }	

label#label-Phone span,
label#label-Name span {
	color:#ff383f;
}

select {
    display:block; 
	margin:0 0 26px 74px;
	background-color:#f4f4f4;
	border:2px solid #ddd; }	
	
option.blue {
    background-color:#e0edff; }

option.gray {
    background-color:#ddd; }	

option.white {
    background-color:#fff;
	margin-bottom:3px; }	
	
.contact-text {
	text-align:center;
	padding:0 0 3px 63px;
	width:495px; 
	font-size:1em; }

.contact-title {
    float:right;
	width:505px;
	padding:0;
	margin:0 -6px 0 0;
	line-height:1.25em; }

.contact-title span.required-star {
	text-align:center;
}

span.required-star {
	color:#ff383f;
	font-style:italic;
}

span.required-star b {
	font-size:1.5em;
}

p.contact-title span {
	display:block;
}

.contact-info {
	display:block;
	top:0;
	left:36px;
	background:transparent url(../images/contact-contage.jpg) no-repeat bottom;
    float:left;
	width:227px;
	height:162px;
	font-size:1em;
	margin:-80px 0 0 -2px;}
	
.google-map {
    float:left;
	margin:14px 0 20px -1px; }
	
#google-map-hover {
	display:block;
	width:221px;
	height:219px;
	border:2px solid #c779e9; }	

#google-map-hover:hover,
#google-map-hover.active {
    border:2px solid #ff4040; }
	
.google-map-text {
    text-align:center;
	width:229px;
	display:block;
	padding-top:4px; }

.center {
    text-align:center; }	
	
.contact-link {
    margin:42px 0 10px 0;
	padding:0; 
	text-align:center;
	font-size:1em;
	font-style:italic; }		
	
.contact-link-index-hr {
    margin-bottom:-45px; }	
	
p.thank-you-text {
	float:right;
	width:505px;
	padding:0;
	margin:0;
	text-align:center;
	color:#978397;
	display:block;
	font-size:1em;
	font-style:italic; }

p.thank-you-text strong {
	font-size:2em;
	font-style:normal; }

/* Captcha */
#captcha, #captcha-input, #captcha-reload {
	display:block;
}

#captcha {
	margin-top:26px;
}

#captcha-input input {
	width:88px;
	float:right;
	margin:0 10px 10px 10px;
}

#captcha-input span {
	display:block;
	text-align:center;
	font-size:.85em;
	margin:20px 7px 2px 0;
}

#captcha-reload {
	font-size:.8em;
	margin:3px 0 10px 0;
	width:200px;
	text-align:center;
}

.captcha-right, .captcha-left {
	float:right;
}