/* style.css makeupforyourday */

/* Written by Goodtravel Design */

/* ********* Begin XHTML Selectors ********* */

/* Removes Browser Styles */
html, body, h1, h2, h3, p, pre, ul {	
   margin:0px;
   padding:  0px; 
   font-size: 100%;
   font-weight: inherit;
   font-style: inherit;
}

html, body {
font-family: Arial, Helvetica, sans-serif;
}

strong, em, b, i {
font-family: Arial, Helvetica, sans-serif;
}

body {	
margin:0; 
padding:0;
color: inherit;
background-color: #000;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
color: #f58f9b;
background-color: transparent;
}


img {
border: 0px;
}

h1 {
font-size:1.4em;
line-height:1.1em;
padding-bottom:30px;
text-transform:uppercase;
}

h1:first-letter {
color : #a9c063;
}

h2 {
font-size:1.2em;
padding-bottom:20px;
}

h2 a{
font-size:1em;
padding-bottom:20px;
}

h2.contract {
font-size:.8em;
color: #a9c063;
background-color: transparent;
padding-left: 30px;
}


h3 {
font-size:1em;
padding-bottom:10px;
}

h4 {
font-size:0.8em;
}

p {
padding-bottom:15px;
color: #ccc;
background-color: transparent;
line-height: 22px;
font-size:0.9em; 
}


a {
color: #adb664;
text-decoration: underline; 

}

a:hover, a:active {
color:#adb664;
text-decoration: none; 
}

a.top {
color: #f58f9b;
text-decoration: underline; 
font-size:0.9em;
}

a.top:hover, a.top:active {
color:#f58f9b;
text-decoration: none;
font-size:0.9em; 
}

td {
padding-bottom:6px;
color: #ccc;
background-color: transparent;
line-height: 22px;
font-size:0.9em;
}

input, select, textarea 
{
font-family:Arial,Helvetica,sans-serif; 
font-size:.7em;
}

ul {
padding-bottom:30px;
}

ul.contain {
padding-left: 70px;
padding-right: 70px;
}

ul.press {
display:block;
padding-left:  70px;
padding-right: 70px;	
}

.press li {
display:block;
float:left;
padding: 10px;
}

li {
padding-bottom:6px;
color: #cccccc;
background-color: transparent;
line-height: 22px;
font-size:0.9em;
}

form {
display:inline;
}

label {
vertical-align:middle;
}

img {
border: 0px;
}

img.floatleft {
float:left;
margin-right: 20px;
}

img.floatright {
float:right;
margin-left: 20px;
}

hr {
clear:both;
margin: 25px 0 35px 0;	
}

.clear {
clear:both;	
}

/* Begin Captcha  */
.-fstyle
{
display: none;
}
/* End Captcha  */

/* Begin PNG Support Hack */
img { 
behavior: url('ie/iepngfix.htc'); 
}
/* End PNG Support Hack */


/* ********* End XHTML Selectors ********* */
/* ********* Begin Class Selectors ********* */

.floatRight {
float:right;
}

.floatLeft {
float:right;
}

.floatCenter {
text-align: center;
}


/*------------
  LIST IMAGES
-------------*/

.checkmark {
list-style-image: url(img/checkmark.gif);
margin-left: 20px;
text-indent: 10px;
}

.bullet {
list-style-image: url(img/bullet.png);
margin-left: 20px;
}

.bullet li {
padding-bottom: 15px;
}

.faq li {
list-style-image: url(img/bullet.png);
margin-left: 20px;
padding-bottom: 40px;	
}

/*------------
  BLOG
-------------*/

.item {
color:#ccc;
background-color:transparent;
}

.blogContain {
padding-left: 70px;
padding-right: 70px;
}

#viewBlog a {
float:right;
color: #f58f9b;
text-decoration: none; 
font-size:0.8em;
}

#viewBlog a:hover, #viewBlog a:active {
float:right;
color:#f58f9b;
text-decoration: underline;
font-size:0.8em; 
}

/*-------------------------
  TESTIMONIALS
-------------------------*/

.testimonialBlock {	
   	position:relative; 
	padding-bottom:15px;
	color: #ccc;
	background-color: transparent;
	line-height: 22px;
	font-size:0.9em;
	margin:40px 50px 75px 50px;
	text-align:justify;
	
}

.testimonialLeft {
	position: absolute;
	width:40px;
	height:32px;	
    top:-10px;
	left:-50px;
	filter:alpha(opacity=25);
	opacity: 0.25;
	-moz-opacity:0.25;
}

.testimonialRight {
	position: absolute;
	width:40px;
	height:32px;	
    bottom:-10px;
	right:-50px;
	filter:alpha(opacity=25);
	opacity: 0.25;
	-moz-opacity:0.25;
}


/* ********* End Class Selectors ********* */

/* ********* Begin ID Selectors ********* */

/*------------
  HEADER
-------------*/

#headerWrapper {
position: relative; 
width: 960px; 
top:0px;
margin: 0 auto; 
text-align: left; 
padding-bottom:30px;
} 

#header {
width: 680px;
height: 160px;
padding-top: 15px
}

/*------------
  BREADCRUMBS
-------------*/

ul#crumbs, #crumbs li {
list-style-type:none;
padding:0;
margin:0;
}

#crumbs {
height:3.5em;
}

#crumbs li {
float:left;
line-height:3.5em;
padding-right:.75em;
font-size:0.7em;
}

#crumbs li a {
display:block;
padding:0;
}



/*------------
  NAVIGATION
-------------*/

#navContainer { 
position:absolute;
right: 0px;
top:50px;
}


#navigation { 
display:block; 
width:594px; 
height:37px; 
background:#000 url("img/navBack.jpg") repeat-y; position:relative; 
}

#navigation li, #navigation li a { 
display:block; 
width:auto; 
height:37px; 
float:left; }

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

#navigation li a {
font-size:.7em; 
padding:0 18px; 
line-height:37px; 
color:#ddd; 
text-transform:uppercase;
text-decoration:none; 
}

#navigation li a:link, #navigation li a:visited { 
background-position:0 0; 
}
		
#navigation li.active-trail a:link, #navigation li.active-trail a:visited,
		#navigation li a:hover, #navigation li a:active { 
background-position:0 -37px; 
background:#000 url("img/navBackHover.jpg") left top repeat-x; position:relative; 
}

#navigation li ul { 
display:none; 
position:absolute; 
top:37px; 
left:0; 
width:100%; 
}


#navigation li:hover ul { 
display:block; 
z-index:5;
background:#000 url("img/subnavBack-hover.jpg") repeat-y; 
}

#navigation li.active-trail ul { 
display:block; 
z-index:1;
}

/*
#navigation li.not-active-trail:hover ul  {
display:none;
z-index:11;
}
*/

/* Properties for all subnav blocks */
#navigation li li, #navigation li li a { 
display:block; 
width:auto; 
height:18px; 
float:left; 
}

/* Properties for all subnav text */
#navigation li li a { 
font-size:.7em; 
padding:0 15px; 
line-height:18px; 
text-decoration:none; 
}

/* Colors text for subnav */
#navigation li.active-trail li a:link, #navigation li.active-trail li a:visited, #navigation li li a:link, #navigation li li a:visited { 
color:#2a2a2a;
background:transparent; 
font-weight:bold;
}

/* Colors of hover and active text for subnav */
#navigation li.active-trail li a:hover, #navigation li.active-trail li a:active, #navigation li li a:hover, #navigation li li a:active, #navigation li.active-trail li a.active-subtrail, #navigation li li a.active-subtrail { 
color:#adb664; 
background:transparent; 
font-weight:bold;
}

#subNavigation { 
width:594px;
height:18px; 
background:#f48e9a url("img/subnavBack.jpg") repeat-y; 
}

/*-------------------------
  1 COL 100
-------------------------*/

#wrapperCol {
position: relative; 
width: 960px; 
top:0px;
margin: 0 auto; 
text-align: left; 
}

#mainCol {
float:left;
width: 960px;
margin-bottom:35px;
}


/*-------------------------
  2 COL TEXT-IMAGE  70/30
-------------------------*/

#wrapperCol-A {
position: relative; 
width: 960px; 
top:0px;
margin: 0 auto; 
text-align: left; 
}

#leftCol-A {
float:left;
width: 650px;
margin-bottom:35px;
}

#rightCol-A {
float:right;
right:0px;
top:0px;
width: 310px;
margin-bottom:35px;
}

#leftCol-A p, #mainCol p, #calendar {
padding-left: 70px;
padding-right: 70px;
}


/*-------------------------
  2 COL TEXT-IMAGE  50/50
-------------------------*/

#wrapperCol-B {
position: relative; 
width: 960px; 
top:0px;
margin: 0 auto; 
text-align: left; 
}

#leftCol-B {
float:left;
width: 480px;
margin-bottom:35px;
}

#rightCol-B {
float:right;
right:0px;
top:0px;
width: 480px;
margin-bottom:35px;
}

#leftCol-B p {
padding-left: 30px;
padding-right: 30px;
}

/*------------
  EXPERIENCES BACKGROUND
-------------*/

#experiencesBack {
position:absolute;
width:960px;
height:2400px;
background-color: transparent;
background-image: url("img/photo-experiences.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
filter:alpha(opacity=25);
opacity: 0.25;
-moz-opacity:0.25;
background-position: center 180px;

}



/*------------
  FOOTER
-------------*/

#footer {
clear: both;
width: 100%;
height: 50px;
color: #9c9c9c;
background-color: #191919;
border-top: 1px solid #2e2e2e; 
border-bottom: 1px solid #2e2e2e;
margin-bottom: 35px;
}

#footerWrapper {
position: relative;
width: 960px; 
top:0px;
margin: 0 auto; 
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: .6em;
}

#footerLeft {
position: absolute;
padding-top: 20px;
top: 0px;
left: 0px;
}

#footerRight {
position: absolute;
padding-top: 10px;
top:0px;
right: 0px;
}


#icons { 
display:block; 
width:148px;
height:30px;
}

#icons li, #icons li a { 
display:block; 
width:auto; 
height:30px;
float:right; 
}

#icons li { 
padding:0; 
margin:0 0px 0 7px; 
}

/* ********* End ID Selectors ********* */


/***** PACKAGES SECTION *****/
h3 .cost-text {
	font-weight: normal;
	font-size: 8pt;
}

.disabled-service tr td, .disabled-service li table tr td, .disabled-service .service-description ul li {
	color: #555;
	font-style: italic;
	font-weight: bold;
}

.disabled-service tr td input {
	color: #333;
	background-color: #777;
}

.package-group {
	border: 1px solid #f58f9b; /*#d81575;*/
	margin: 10px auto;
	padding: 5px;
	width: 500px;
}

.package-group ul {
	margin-left: 30px;
	margin-right: 5px;
}

#a-la-carte li {
	font-weight: bold;
}

#a-la-carte li table tr td {
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px;
	vertical-align: top;
	/*font-weight: normal;*/
}

#error {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 90%;
	border: 1px solid #c00;
	padding: 5px;
	background-color: #eee;
	font-size: 12pt;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	color: #c00;
}

#triangle_services {
	margin: 0px 5px 3px 20px;
	border: none;
}

#triangle_services li {
	font-weight: bold;
}

#triangle_services tr td {
	margin: 0px;
	padding: 3px;
	vertical-align: top;
}
/***************************/


/****** LOGIN SECTION ******/
#login-form {
	width: 250px;
	margin: 0 auto;
	margin-bottom: 40px;
}
#login-form p {
	text-align: right;
}
#login-form p input {
	margin-left: 3px;
	width: 150px;
}
#login-form p.login-submit {
	/*text-align: center;*/
}
#login-form p.login-submit input {
	width: 60px;
	margin-right: 90px;
}
#login-error {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	color: #d00;
	margin-bottom: 20px;
}

/***************************/

/****** LOGOUT SECTION *****/
#logout {
	position: absolute;
	top: 7px;
	right: 20px;
	width: 100%;
	text-align: right;
	z-index: 20;
}
#logout a {
	font-size: 8pt;
	color: #e91270;
	text-decoration: none;
}
#logout a:hover {
	text-decoration: underline;
}
/***************************/

/**** CONTRACT SECTION *****/
.contract-field {
	font-weight: bold;
	font-size: 12pt;
}
/***************************/

/* CONSULTATION DATE SECTION */
.consult-choice-priority {
	margin-left: 4px;
}
.consult-choice-priority a {
	color: #f77;
	font-weight: bold;
	text-decoration: none;
}
.consult-choice-clear {
	margin-left: 4px;
}
.consult-choice-clear a {
	color: #f00;
	font-weight: bold;
	text-decoration: none;
}
/*****************************/

/**** CALENDAR SECTION *****/
#calendar {
	float: left;
	margin-bottom: 20px;
}
#calendar table {
	margin-left: -10px;
	border: none;
	border-collapse: collapse;
}
#calendar table tr th {
	text-align: center;
	border: none;
	background-image: none;
	font-size: 10pt;
	color: #f58f9b;
	font-weight: bold;
	margin: 0px;
	padding: 8px 12px;
	padding-bottom: 20px;
}
#calendar table tr td {
	text-align: center;
	border: 1px solid transparent;
	background-image: none;
	font-size: 10pt;
	margin: 0px;
	padding: 8px 12px;
}
#calendar table tr td .consult-am-pm {
	color: #555;
	width: 50%;
	text-align: center;
	font-size: 6pt;
	font-weight: normal;
	padding: 3px;
}
#calendar table tr td a {
	color: #ccc;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	font-size: 10pt;
}
#calendar table tr td a:hover {
	color: #c06;
}
#calendar table tr td .consult-am-pm a {
	color: #fff;
	font-size: 6pt;
	font-weight: normal;
}
#calendar table tr td .consult-am-pm a:hover {
	text-decoration: underline;
}
#cal-month {
	float: left;
	display: inline-block;
	/*width: 135px;*/
	padding: 0px 30px;
	font-weight: bold;
	font-size: 14pt;
}
#cal-year {
	float: right;
	display: inline-block;
	/*width: 135px;*/
	padding: 0px 30px;
	font-weight: bold;
	font-size: 14pt;
}
#cal-month p {
	text-align: center;
	padding: 0px 2px;
	color: #c06;
}
#cal-year p {
	text-align: center;
	padding: 0px 2px;
	color: #c06;
}
/***************************/

/*** OTHER RANDOM STYLES ***/
.small-link-text {
	font-size: 7pt;
}
/***************************/

/*------------
  FORM
-------------*/

input, textarea, select, option {
color: #9c9c9c;
background-color: #191919;
border: 1px solid #2e2e2e; 
font-size: .9em;
padding: 3px 3px 0px 3px;
}

.button input, .submit {
	font-size: .8em;
	padding: 5px;
	height:30px;
	color: #f58f9b;
	background-color: #2e2e2e;
	border: 1px solid #5a5a5a;
}

input {
	height:20px;
}

label {
	padding-right: 10px;
}


#selected-dates {
	float:right;
	padding: 5px 35px 0 0;
}

#submit-date {
	text-align:center;
	padding-top:25px;
}

#facechart .label {
	padding-bottom:0px;
}

/*------------
  TABLE
-------------*/

#mytable {
	width:900px;
	padding: 0 30px 30px 30px;
	margin: 0;
}


th.header {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: #d60e64;
	padding: 6px 6px 6px 12px;
}


td {
	border-bottom: 1px solid #2e2e2e;
	border-right: 1px solid #2e2e2e;
	background-color:#191919;
	padding: 2px 6px 2px 12px;
	color: #a9c063;
	font-size:.7em;
}


th.field {
	width:300px;
	padding: 2px 6px 2px 12px;
	border-bottom: 1px solid #2e2e2e;
	border-left: 1px solid #2e2e2e;
	border-right: 1px solid #2e2e2e;
	border-top: 0;
	background-color:#191919;
	color: #999;
	font-size:.7em;
}