/* This file is a CSS "stylesheet".  It controls the look and feel of
 * pages, including such things as fonts, colors, padding, and so on.
 */

body {
    background: #82B5F7;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 80%;
}

a {
    text-decoration: none;
}

/* Banner across the top of the page */

table.banner td 
{
    padding-right: 5px;
}
.banner_logo {
    padding-top: 4px;
}

.main td {
    vertical-align: top;
}

/* Navigation on the left side */

.navigationContainer{
    font-size: 110%;
    font-weight: bold;
    margin-top: 10px;
    vertical-align: top;
}
.navigation {
    width: 174px;
    background: #CADFFC;
    text-align: center;
    padding: 8px 0px 8px 0px;
    margin-right: 4px;
}
.navigation a {
    color: #3E4998;
}
.navigation a:hover {
    color: #666666;
}
.navigation_text2 {
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
}
.navigation_subHeader {
    padding-bottom: 5px;
}
.subnavigation {
    font-size: 85%;
}

/* Main body of page (lower-right) */

.content {
    background: #ffffff;
    padding: 10px 5px 10px 5px;
    width: 726px;
}

.indexcontent {
    background: #ffffff;
    padding: 10px 5px 10px 5px;
    margin: 2px 0px 0px 0px;
    width: 726px;
}

.specialhomecontent {
    background: url(salonfloor.jpg) no-repeat;
    padding: 20px 20px 20px 20px;
    width: 736px;
    height: 538px;
	
}

.motherscontent {
    background: url(mothersdayborder.jpg) no-repeat;
    padding: 175px 60px 60px 60px;
    width: 616px;
    height: 538px;
	
}

.controlledHeightContent {
    background: #ffffff;
    padding: 10px 5px 10px 5px;
    width: 726px;
    height: 330px;
}

.servicesContent {
    background: #ffffff;
    padding: 10px 5px 10px 5px;
    width: 726px;
    height: 431px;
}

/* Various headers */

.pageHeading {
    font-size: 200%;
    background: #3E4998;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    margin: 0px;
    padding: 2px 0px 2px 0px;
}
.mothersHeading {
    font-size: 150%;
    padding: 175px 60px 60px 60px;
    width: 616px;
    text-align: center;
    font-weight: normal;
    margin: 0px;
    padding: 2px 0px 2px 0px;
}
h2 {
    font-size: 100%;
    color: #3E4998;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
    padding-left: 25px;
    text-indent: -25px;
}
h3 {
    font-size: 100%;
    color: #3E4998;
    font-weight: normal;
    margin: 0px;
    text-indent: 25px;
}
h4 {
    font-size: 100%;
    color: #3E4998;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}
h5 {
    font-size: 120%;
    color: #3E4998;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
}

h6 {
    font-size: 140%;
    color: #3E4998;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

p {
    margin: 0px;
}

.center {
    text-align: center;
}

.pinkCenter {
    text-align: center;
    color: #ff2199;
}

.centerNoIndent {
    text-align: center;
    text-indent: 0px;
}
.noIndent {
    text-indent: 0px;
}

.bottomPadding {
    padding: 0px 0px 4px 0px;
}

.timeAndPrice {
    font-weight: normal;
}

/* Images within the main body: */

.leftImageMorePad {
    padding: 5px 10px 5px 5px;
}

.leftImage {
    padding: 5px 10px 5px 0px;
}

.rightImage {
    padding: 5px 0px 5px 10px;
}
.servicesRightImage {
    padding: 0px 0px 5px 10px;
}

.contact 
{
    padding: 20px 0px 8px 0px;
    font-size: 90%;
    font-weight: normal;
    background: #CADFFC;
    color: #3E4998;
    text-align: center;
    margin-right: 4px;
}