/* CSS Document */

/*
-----------------------------------------------
Nannette Fader Therapeutic Massage Stylesheet
Author:   Laura Alcaraz
Version:  8.2006

www.luluwebdesign.com

----------------------------------------------- */

body {
/*background: url(images/tile.gif) repeat-x top;*/
background-color: #33CCFF; 
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
text-align: center;
min-width: 0px 15px 0 15px;
}

body {
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}

html>body {
	font-size: #3366CC;
	font-family: Verdana, Tahoma, Helvetica;
}

#header {
background: url(images/header2.gif) no-repeat center top;
width: 700px;
height: 150px;
padding: 0px;
margin-top: 20px;
}

#skip {
display: none;
}


#container {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0 auto;
	margin-top: 40px;
	width: 700px;
	text-align: left;
}

#main-info {
width: 510px;
float: right;
margin: 0 0 0px 0x;
padding: 0 0 20px 0; 
}

#sidebar {
	width:180px;
	margin: 0 0px 0 0;
	padding:0px;
	float:left;
	height: 500px;
}

#content {
width:330px;
padding: 0px 15px 0 15px;
float:left;
border-right: 1px solid #339966;
border-left: 1px solid #339966}

#factoids {
width:130px;
padding: 0px 5px 0;
float:right;
}

/*#smallWindow {
background: url(images/tile.gif) repeat-x repeat-y top;
padding: 0;
margin: 0 auto;
width: 350px;
text-align: left
} */

#babyContainer {
background-color: #FFFFFF;
color: #333333;
margin: 0;
margin-top: 40px; 
padding: 0 25px 20px 25px;
width: 350px;
text-align: left;
border: #6633D1 solid 1px;
}

#babyContainer h2{
font-size: 110%;
font-weight: bold;
}

#babyContainer p {
font-size: 90%;
}

#babyContainer li{
font-size: 90%;
}

#specialContainer {
background-color: #FFFFFF;
color: #333333;
margin: 0;
margin-top: 40px; 
padding: 0 25px 20px 25px;
width: 350px;
text-align: center;
border: 1px solid #996699;
}

#specialContainer h2 {
font-size: 120%;
font-weight: bold;
}

#specialContainer p {
font-size: 90%;
}


/* 
SEPARATORS --------------------- */
.separator {
height: 1px;
background-color: #339966;
clear: both;
margin-bottom: 2em;
margin-top: 2em;
}
.separatorInvisible {
height: 0;
clear: both;
}

/* 
LINKS 

a:link, a:active, a:visited {
font-weight: bold;
color: #999;
padding: 1px 2px 2px;
text-decoration: none;
}
a:hover {
color: #333;
}
a img {
border-width: 0; 
border-style: none;
}--------------------- */


/* 
COMMON 

h2 span, h3 span, h4 span {
display: block;
}
p {
margin: 0; 
padding: 1em 0 0;
line-height: 140%;
}--------------------- */


/*
SIDE NAVIGATION -------------------- */
#navbar {
margin: 0px;
padding: 0 0 20px 10px;
border-bottom: 1 px solid #696:
}
#navbar ul {
list-style: none;
padding-left: 0;
}
#navbar li {
margin: 0;
list-style: none;
padding-left: 0px;
/*background: url(images/bullet4.gif) no-repeat 0 50%;*/
text-transform:capitalize;
font-family: "Trebuchet MS", Verdana, Arial;
font-weight: normal;
}

#navbar a {
line-height: 20px;
font-weight: bold;
margin: 0 0 4px 0;
text-decoration: underline;
color: #3399CC;
}

#navbar a.active, #navbar a:hover {
border-bottom: 1px solid #0cc;
padding-bottom: 1px;
color: #00CCCC;
font-weight: normal;
}

/*
ICON SUB NAVIGATION -------------------- */
#icon-nav {
margin: 0px;
padding: 0 0 20px 10px;
border-bottom: 1 px solid #C9F:
}

#icon-nav ul {
padding: 0px 0px 0px 0px;
margin: 0;
margin-right: 10px;
}
#icon-nav li {
list-style-type: none;
float: left;
margin:0px;
padding: 0;

}
#icon-nav a {
font: bold 10px Arial, Verdana, sans-serif;
text-transform:lowercase;
text-decoration: none;
color: #3399CC;
display: block;
padding: 15px 5px 0px 20px;
height: 15px;
width: 85px;
voice-family: "\"}\"";
voice-family: inherit;
height: 15px;
width:85px;
}
html>icon-nav a {
height: 15px;
width: 70px;
}
#phone {
background: url(images/phone.gif) no-repeat 0px 12px;
}
#email {
background: url(images/email.gif) no-repeat 0px 12px;
}
#form {
background: url(images/info.gif) no-repeat 0px 12px;
}
		
/* 
CONTENT --------------------- */	

#content p {
font-size: 90%;
line-height: 1.8em;
margin: 0 0 10px 5px;
padding: 0 0 2px 0;
}

#content h1, h2 {
color: #3399CC;
font-weight: normal;
font-family: Verdana, Tahoma, Helvetica;
margin: 10px 0 5px 0px;
padding: 0 0 0px;
}
#content h1 {
	font-size: 150%;
	font-weight: bold;
	color: #3366CC;
}
#content h2 {
	font-size: 105%;
	font-weight: bold;
}
#content h3 {
margin: 0 0 5px 0;
font-size: 90%;
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 1.35em;
}

#content a:link {
color: #3399CC;
text-decoration: none;
}

#content a:visited {
color: #339966;
}

#content a:hover {
color:#3366CC;
border-bottom: #36C dotted 1px;
}

#content a:active {
color: #66FFFF;
}

/* 
FACTOIDS --------------------- */	
#factoids p {
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 90%;
margin: 0px 0px 0px 5px;
color: #636;
}

#factoids h2 {
color:#3366CC;
font-size: 95%;
font-family: "Trebuchet MS", Verdana, Arial;
}

#factoids a:link {
color: #339966;
}

#factoids a:visited {
color: #00CCFF;
}

#factoids a:hover {
color:#3366CC;
}

#factoids a:active {
color: #339999;
}

#factoids img {
	border: 1px solid #339966;
	padding: 2px;
	margin: 5px 0;
	text-decoration: none;
}

#factoids img.hands {
padding: 5px 10px;
border: none;
}

/* 
TABLES --------------------- */	

/*price tables
*/

table {
color: #333333;
font-weight: normal;
font-family: Verdana, Tahoma, Helvetica;
margin: 10px;
padding: 0;
font-size: 90%;
text-align: left;
}

/* package table */	
#package_table {
	width: 300px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0 0 0 0px;
		}
#package_table table {
		border-top: 1px solid #333333;
		border-left: 1px solid #333333;
		border-collapse: collapse;
		}
	
	#package_table caption {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #3366CC;
	padding: 10px;
	text-align: center;
	font-weight: bold;
		}
	
	#package_table th, #package_table td {
		padding: 10px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		font-family:Verdana, Arial, sans-serif;
		font-size: 10px;
		}	
	
	#mackage_table th {
		font-family: Verdana, sans-serif;
		font-size: 10px;
		background: url(file:///Macintosh HD/Users/alaura/Documents/lulu_web_design/nannette_2/img/th_stripe.gif);
		text-align: left;
		}
	
a.listhead {
text-transform: lowercase;
display: block;
float: left;
color: #0099FF;
}



/* 
FOOTER --------------------- */	
#footer {
clear: both;
padding-top: 10px;
border-top: 1px solid #339966;
margin: 0 auto; 
width: 700px;
height: 60px;
text-align: left;
background: #FFFFFF;
}

#footer p {
padding: 5px 0 0 10px;
font: normal 9px Arial, Helvetica, sans-serif;
}

#footer ul {
clear: both;
list-style-type: none;
padding: 10px 0 0 0;
margin: 0;
}
#footer li {
float: left;
margin: 0px;
padding: 0px;
display: inline;
border-right: 1px solid #339966;
}
#footer a {
font: bold 9px Arial, Helvetica, sans-serif;
text-transform: lowercase;
text-decoration: none;
color: #339966;
padding: 0px 10px 0px 10px;
height: 20px;
width: 70px;
voice-family: "\"}\"";
voice-family: inherit;
height: 20px;
width: 70px;
}
html>footer a {
height: 20px;
width: 70px;
}

#footer a:hover {
color: #339966;
text-decoration:underline;
}
#navbar a:active {
color: #66FFFF;
font-weight: bold;
text-decoration:underline;

}
#container #sidebar #subscribe h3 {
	font: 95% Verdana, Tahoma, Helvetica;
	color: #339966;
	padding-right: 5px;
}
#container #sidebar #subscribe {
	float: left;
	padding-left: 10px;
	display: block;
	padding-top: 15px;
	width: 170px;
}
#container #sidebar #subscribe p {
	font: 85% Verdana, Tahoma, Helvetica;
	color: #339966;
}
#container #sidebar #subscribe a {
	color: #0099FF;
}

.email {
	font-size: 80%;
	font-style: italic;
}
#container #main-info #content img {
	border: 1px solid #339966;
}