﻿html, body
{
    height: 100%;
}
body, form
{
    margin: 0;
    padding: 0;
    height: 100%;
}
body
{
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 10pt;
    background-color: #382a10;
    color: #efefef;
}
a
{
    color: #8cc63f;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
h1
{
    color: #8cc63f;
    font-size: 16pt;
}
h2
{
    color: #8cc63f;
    font-size: 14pt;
}
h3
{
    color: #b7e5fa;
    font-size: 12pt;
}
img
{
    border: none;
}
div.content
{
    padding: 20px;
}
div.divider
{
    padding: 10px 0 5px 0;
}
div.divider div
{
    height: 2px;
    border-bottom: dotted 1px white;
}
table.topAlign td
{
    vertical-align: top;
}
table.middleAlign td
{
    vertical-align: middle;
}
table.fullWidth
{
    width: 100%;
}
img.paragraph
{
    width: 60px;
    height: 60px;
    float: left;
    padding: 0 10px 0 0;
}
img.bullet
{
    width: 20px;
    height: 20px;
    float: left;
}
div.seo
{
    height: 0;
    overflow: hidden;
}
span.details
{
    color: #b7e5fa;
    text-transform: uppercase;
    font-weight: bold;
}

/* Master */
#page
{
    background-image: url(/images/backgrounds/pagefade.gif);
    background-repeat: repeat-x;
}
#logo
{
    width: 500px;
    height: 100px;
    background-repeat: no-repeat;
}
html > body #logo
{
    background-image: url(/images/backgrounds/logo.png);
}
#pageTop
{
    width: 910px;
    height: 20px;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-image: url(/images/backgrounds/box1200top.gif);
}
#pageMid
{
    width: 910px;
    margin: 0 auto 0 auto;
    background-repeat: repeat-y;
    background-image: url(/images/backgrounds/box1200mid.gif);
}
#pageBot
{
    width: 910px;
    height: 20px;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-image: url(/images/backgrounds/box1200bot.gif);
}
#pageShadow
{
    width: 910px;
    height: 75px;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-image: url(/images/backgrounds/shadow.gif);
}
div.centeredContent
{
    width: 900px;
    margin: 0 auto 0 auto;
}
#topNavTable td
{
    font-size: 14pt;
    color: #8cc63f;
}
#botNavTable
{
    float: right;
    color: #8cc63f;
}
#topNavContainer
{
    padding: 10px 20px 0 20px;
}
#botNavContainer
{
    padding: 0 20px 10px 20px;
}
span.siteMap
{
    padding: 90px 10px 0 0;
    float: right;
}
img.nav
{
    width: 150px;
    height: 40px;
}
div.collapsible
{
    height: 0px;
    overflow: hidden;
}
#noSilverlight
{
    padding: 20px;
}
#silverlightControlHost
{
    height: 100%;
    text-align: center;
}
div.socialLinksTab
{
    width: 85px;
    height: 45px;
    background: url(/images/backgrounds/sociallinkstab.png) no-repeat;
}
div.socialLinksTab table
{
    padding-right: 5px;
    width: 100%;
}
div.socialLinksTab table td
{
    text-align: center;
}
#scheduleTab
{
    width: 200px;
    height: 55px;
}
img.sectionHead
{
    width: 450px;
    height: 70px;
    padding: 20px 0 0 0;
    position: relative;
    left: -50px;
}

/* Box 400 */
div.box400Top
{
    width: 370px;
    height: 23px;
    background-image: url(/images/backgrounds/box400top.gif);
    background-repeat: no-repeat;
    padding: 7px 15px 0 15px;
}
div.box400Mid
{
    width: 360px;
    background-image: url(/images/backgrounds/box400mid.gif);
    background-repeat: repeat-y;
    padding: 10px 20px 10px 20px;
}
div.box400Bot
{
    width: 400px;
    height: 15px;
    background-image: url(/images/backgrounds/box400bot.gif);
    background-repeat: no-repeat;
}
div.box400Top table
{
    height: 23px;
}
div.box400Top table td
{
    color: #574319;
    vertical-align: middle;
    font-weight: bold;
}

/* default.aspx */
#introBackground
{
    height: 100%;
    background: url(/images/backgrounds/intro.gif) no-repeat center;
}

/* home.aspx */
#change
{
    width: 400px;
    height: 100px;
}
#article
{
    width: 400px;
    height: 125px;
}
#fusionAd
{
    width: 860px;
    height: 200px;
    padding: 15px 0 0 0;
}
a.buzzLinks
{
    font-size: 12pt;
}
#deals
{
    width: 400px;
    height: 175px;
    margin: 10px 0 10px 0;
}
#videoContainer
{
    width: 860px;
    height: 370px;
    background: url(/images/backgrounds/videoback.jpg) no-repeat;
}
#videoContainer div
{
    padding: 40px 20px 40px 20px;
}

/* deals.aspx */
#dealsHead
{
    width: 860px;
    height: 200px;
}
#lash-xform
{
    width: 138px;
    height: 96px;
    float: left;
    margin-right: 10px;
}

/* services.aspx */
#serviceHeader
{
    width: 860px;
    height: 200px;
    margin-bottom: 20px;
}
td.serviceName
{
    font-weight: bolder;
}
img.service
{
    width: 450px;
    height: 70px;
    margin: 10px 0 10px 0;
    position: relative;
    left: -50px;
}
div.beforeAfterContainer
{
    background: #685124;
    margin-top: 10px;
}
div.beforeAfterContent
{
    padding: 5px 5px 10px 5px;
    text-align: center;
}
div.beforeAfterHeader
{
    background: #5d491f;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}
img.bathumb
{
    height: 75px;
}
img.kthumb
{
    height: 55px;
}
div.serviceText p
{
    line-height: 1.4em;
}
img.lines
{
    width: 350px;
    height: 60px;
    margin-bottom: 15px;
}

/* gallery.aspx */
#galleryHead
{
    width: 860px;
    height: 200px;
    margin-bottom: 20px;
}

/* faqs.aspx */
img.faqsImage
{
    padding: 0 0 10px 10px;
}
#faqs
{
    width: 860px;
    height: 200px;
    margin-bottom: 20px;
}
div.question
{
    font-size: larger;
    padding: 5px 0 5px 0;
}
div.question a
{
    cursor: pointer;
}
div.answer
{
    line-height: 20px;
}
img.number
{
    width: 50px;
    height: 50px;
    float: left;
    margin: 5px 10px 0 0;
}

/* party.aspx */
#fusion
{
    width: 860px;
    height: 200px;
}
#fusionInviteDiv
{
    width: 860px;
    height: 125px;
}
#fusionInvite
{
    width: 400px;
    height: 125px;
    float: right;
}

/* camp.aspx */
#campHeader
{
    width: 860px;
    height: 200px;
}
#campSched
{
    width: 300px;
    height: 75px;
    margin: 0 auto 0 auto;
    display: block;
}
#campTable
{
    margin: 0 auto 0 auto;
    display: block;
    font-size: large;
}
#releaseDiv
{
    width: 860px;
    height: 125px;
}
#modelRelease
{
    width: 400px;
    height: 125px;
    float: right;
}

/* team.aspx */
#mygallery
{
    border: solid 5px #685124;
}
#teamText
{
    width: 800px;
    height: 65px;
    margin-bottom: 10px;
}
#teamHead
{
    width: 860px;
    height: 200px;
    margin-bottom: 20px;
}
#teamList
{
    width: 100%;
    margin-bottom: 20px;
}
#teamList td
{
    vertical-align: top;
}
#teamList li
{
    font-size: large;
}
img.teamImage
{
    width: 128px;
    height: 175px;
    float: left;
    margin: 5px 10px 5px 10px;
}
span.teamName
{
    font-size: xx-large;
    color: #b7e5fa;
}
span.teamPosition
{
    font-size: x-large;
    font-style: italic;
}
table.teamTable
{
    width: 100%;
}
table.teamMember
{
    margin: 10px 10px 0 0;
}
table.teamMember th
{
    color: #8cc63f;
    text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    vertical-align: top;
    padding: 5px;
    text-decoration: underline;
}
table.teamMember td
{
    width: 50%;
    vertical-align: top;
    padding: 5px 5px 20px 5px;
}
img.teamNav
{
    width: 30px;
    height: 250px;
}
#teamLeft
{
    background: url(/images/teamleft.gif) no-repeat;
}
#teamLeft:hover
{
    background: url(/images/teamleft.gif) no-repeat 0 -250px;
}
#teamRight
{
    background: url(/images/teamright.gif) no-repeat;
}
#teamRight:hover
{
    background: url(/images/teamright.gif) no-repeat 0 -250px;
}
.stepcarousel
{
    background: url(/images/backgrounds/teamback.gif) no-repeat;
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 800px; /*Width of Carousel Viewer itself*/
    height: 550px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt
{
    position: absolute;
    left: 0;
    top: 0;
}
.stepcarousel .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    width: 800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    height: 550px;
    padding: 0 3px 0 3px;
}

