body
{
    font: 62.5% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdana, helvetica, arial, sans-serif;
    color: #333;
    background-color: #fff;
    margin: 0px;
    text-align: center;
}

/* adjusts text size in iPhones when orientation changes */
html, body {-webkit-text-size-adjust: 100%;}

/* link styles */
a:link, a:visited
{
    color: #00a9d9;
    text-decoration: none;
}

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

/* image styles */
img
{
    border: 0px;
}

/* clear style */
.clear
{
    clear: both;
}

/* container styles */
#container
{
    text-align: left;
}

/* header styles */
#header
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #003f5e;
}

#header h1
{
    margin: 0px;
}

#header h1 a
{
    display: block;
    width: 250px;
    height: 120px;
    margin: 0px auto;
    outline: none;
    background: url("../img/rupert_health_centre_header.png") no-repeat;
    text-indent: -9999px;
}

/* content styles */
#content
{
    padding-bottom: 2em;
    margin: 0px 15px;
}

#content h2
{
    font-size: 2.6em;
    font-weight: normal;
    margin-top: 0.7em;
    color: #003f5e;
}

#content h3
{
    font-size: 2em;
    font-weight: normal;
    color: #003f5e;
}

#content p, #content li
{
    font-size: 1.5em;
    line-height: 1.5em;
}

/* sidebartop styles */
#sidebartop
{
    padding-top: 2em;
    text-align: center;
}

#sidebartop p
{
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

/* sidebarbottom styles */
#sidebarbottom
{
    border-top: 1px solid #d6d6d6;
    background-color: #f6f6f6;
    text-align: center;
}

#sidebarbottom h3
{
    font-size: 1.6em;
    font-weight: normal;
    color: #003f5e;
}

/* navigation styles */
#navigation
{
    display: none;
}

#navigation ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
    
#navigation ul li
{
    margin: 0px;
}
    
#navigation ul li a
{
    display: block;
    font-size: 1.6em;
    color: #fff;
    background: #00a9d9;
    border-top: 1px solid #fff;
    padding: 10px 15px;
    text-decoration: none;
}

#navtoggle a
{
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    background: transparent url("../img/nav_icon.png") no-repeat scroll 97% center;
    background-color: #00a9d9;
}

/* footer styles */
#footer
{
    clear: both;
    font-family: helvetica, arial, sans-serif;
    text-align: center;
    color: #fff;
    background-color: #00293b;
}

#footer h4
{
    font-size: 1.4em;
    margin-top: 0px;
    margin-bottom: 0.7em;
    padding-top: 20px;
}

#footer p
{
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 20px;
}

/* social medial and app image/logo styles */
.socialimgitem
{
    width: 33%;
    float: left;
    padding-bottom: 1em;
}

#twitterfeed
{
    display: none;
}

.appimgitem
{
    width: 50%;
    float: left;
    padding-bottom: 1em;
}

/* index/home page styles */
#indexslidecontainer
{
    width: 100%;
    margin-top: 2em;
}

.indexslide img
{
    width: 100%;
    height: auto;
}

#content h3.indexitembordertop, #content h3.indexitembordertop2
{
    padding-top: 0.5em;
    border-top: 1px solid #e3e3e3;
}

/* team page styles */
#educationlist li
{
    margin-bottom: 1em;
}

.teamlogos1
{
    display: none;
}
    
.teamlogos2
{
    display: none;
}

#content h3.teambordertop, #content p.teambordertop
{
    padding-top: 0.5em;
    border-top: 1px solid #e3e3e3;
}

#content h3.teamheading
{
    font-size: 1.4em;
}

#content h3.teamheading a
{
    display: block;
    color: #003f5e;
}

.teamtogglesign
{
    font-family: courier, "Courier New";
    font-weight: bold;
    color: #00a9d9;
    float: right;
}

#team1, #team2, #team3, #team4, #team5, #team6
{
    display: none;
}

#content p.teamtop
{
    padding-top: 0px;
    margin-top: 0px;
}

/* appointments page styles */
.appttable
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em;
}

.appttable th
{
    font-size: 1.3em;
    padding: 5px 0px;
}

.appttable td
{
    font-size: 1.3em;
    padding: 5px 0px;
    vertical-align: top;
}

th.apptname
{
    font-weight: normal;
    color: #003f5e;
    border-top: 1px solid #e3e3e3;
}

td.apptday
{
    width: 50%;
}

td.appthours
{
    width: 50%;
}

/* services page styles */
#content h3.servicebordertop, #content p.servicebordertop
{
    padding-top: 0.5em;
    border-top: 1px solid #e3e3e3;
}

#content h3.serviceheading
{
    font-size: 1.4em;
}

#content h3.serviceheading a
{
    display: block;
    color: #003f5e;
}

.servicetogglesign
{
    font-family: courier, "Courier New";
    font-weight: bold;
    color: #00a9d9;
    float: right;
}

#service1, #service2, #service3, #service4, #service5, #service6, #service7
{
    display: none;
}

.serviceimg
{
    width: 100%;
}

.serviceimg img
{
    width: 100%;
    height: auto;
}

#massagelist li
{
    margin-bottom: 1em;
}

#insurancelist
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;  
}

/* products page styles */
#productgallery
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

#productgallery li
{
    display: inline;
    padding: 0px;
    margin-bottom: 10px;
}

.productitem1, .productitem3, .productitem5, .productitem7, .productitem9, .productitem11, .productitem13
{
    width: 48%;
    margin-right: 4%;
    float: left;
}

.productitem2, .productitem4, .productitem6, .productitem8, .productitem10, .productitem12
{
    width: 48%;
    float: left;
}

#productgallery img
{
    max-width: 100%;
    height: auto;
    /* width: auto\9; /* ie8 */
}

/* resources page styles */
.resourcelist
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;  
}

/* research page styles */
.researchlist
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.researchlist li
{
    margin-bottom: 1em;
}

.researchlist li a:link, .researchlist li a:visited
{
    color: #003f5e;
}

.researchlist li a:hover, .researchlist li a:active
{
    color: #00a9d9;
}

/* contact page styles */
#contact fieldset
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

#contact label
{
    display: block;
}

#contact .labelrequired
{
    color: #d92900;
    font-size: 80%;
}

input[type='text'], input[type='email'], textarea
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdana, helvetica, arial, sans-serif;
    width: 95%;
    padding: 5px;
    border: 1px solid #cecece;
    border-radius: 5px;
    -webkit-appearance: none;
}

#contact #buttons
{
    text-align: center;
}

#contact #submit, #contact #reset
{
    border: 0px;
    padding: 5px;
    font: bold 1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdana, helvetica, arial, sans-serif;
    color: #fff;
    background-color: #00a9d9;
    border-radius: 5px;
    -webkit-appearance: none;
}

input[type='text'].focus, input[type='email'].focus, textarea.focus
{
    border-color: #000 !important;
}

input[type='text'].invalid, input[type='email'].invalid, textarea.invalid
{
    border-color: #d92900;
}

#mapbox
{
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 75%;
}

#mapframe
{
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}