﻿/* Reset
***************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol2, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* Remember focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol2, ul { list-style: none; }

/* Tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* HTML 5 elements as block */  
header, footer, aside, nav, article { display: block; }

html, body, form {
	height: 100%;
}

body { 
  font-size: 13px;
  color: #000; 
  background:#f1ebd9 url('images/bg.gif') repeat-x;
  margin-top:0px;
  font-family: "Trebuchet MS", sans-serif;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px auto; /* the bottom margin is the negative value of the footer's height */
}

.inner
{
    width:940px;
    margin:auto;    
}

.push
{
    height:100px;
}

#footer 
{
    background-color:#6b0305;
    color:#d43e40;
	height: 100px; /* .push must be the same height as .footer */
}


#footer .inner
{
    padding-top:30px;
    text-align:center;
}

#footer a
{
    color:#fff;
    text-decoration:none;
    margin:0px 8px;
}

#footer a:hover
{
    text-decoration:underline;
}

#footer p
{
    color:#fff;
    text-align:center;
    font-size:10px;
    margin-top:8px;
}

#wrapper .inner
{
    padding-top:40px;
}

#header
{
    
}

#logo
{
    text-indent:-20000px;
    display:block;
    width:203px;
    height:92px;
    float:left;
    background:transparent url('images/logo.png') no-repeat;
}

#content
{
    clear:both;
}

.clear
{
    clear:both;
    height:0px;
}

.content-box
{
    background:#eee5d4; /*background:#f6f0e5;*/
    padding:20px;
    box-shadow: 0px 0px 10px 0px #aa9888;
    border-radius:10px;
    margin-bottom:16px;
}

#nav
{
    float:right;
    /*margin-top:42px;*/
    margin-right:25px;
}

#nav li
{
    float:left;
    margin-right:2px;
    text-align:left;
}

#nav li a
{
    display:block;
    width:90px;
    height:65px;
    background-image:url('/images/nav.png');
    background-repeat: no-repeat;
    text-indent:-20000px;
}

.lnkHome a {background-position:0px -65px;}
.lnkHome a:hover {background-position:0px -130px;}
.lnkHome a.on {background-position:0px 0px;}

.lnkServices a {background-position:-90px -65px;}
.lnkServices a:hover {background-position:-90px -130px;}
.lnkServices a.on {background-position:-90px 0px;}

.lnkDentists a {background-position:-180px -65px;}
.lnkDentists a:hover {background-position:-180px -130px;}
.lnkDentists a.on {background-position:-180px 0px;}

.lnkStaff a {background-position:-270px -65px;}
.lnkStaff a:hover {background-position:-270px -130px;}
.lnkStaff a.on {background-position:-270px 0px;}

.lnkLocation a {background-position:-360px -65px;}
.lnkLocation a:hover {background-position:-360px -130px;}
.lnkLocation a.on {background-position:-360px 0px;}

.lnkContact a {background-position:-450px -65px;}
.lnkContact a:hover {background-position:-450px -130px;}
.lnkContact a.on {background-position:-450px 0px;}

h1
{
    font-size:32px;
    color:#6b0305;
    font-weight:normal;
    font-family: 'Cabin', sans-serif;
    margin-bottom:12px;
}

h2
{
    color:#740406;
    font-size:28px;
    margin-bottom:8px;
}

h3
{
    font-size:18px;
    font-weight:normal;
}

h4
{
    font-size:14px;
    font-weight:normal;
}

h5
{
    font-size:20px;
    font-weight:normal;
    margin-bottom:6px;
}

.needed
{
    font-style:italic;
    color:#ff0000;
    border-radius:5px;
    padding:4px;
}

#mapinfo
{
    height:60px !important;
}

#mapinfo h5
{
    color:#000;
    font-size:16px;
    font-weight:bold;
}

.btn {
padding: 8px 22px;
font-family: Arial;
font-size: 16px;
text-decoration: none;
display:block;
color: #ffffff;
text-align:center;
text-shadow: -1px -1px 2px #618926; /*6b0305*/
background-color:#6b0305;
background: -moz-linear-gradient(#6b0305, #8c070a 35%, #570607);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6b0305),color-stop(.35, #8c070a),color-stop(1, #570607));
border: 1px solid #570607;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor:pointer;
}
.btn:active, .btn:hover {
text-shadow: -1px -1px 2px #465f97;
background-color:#6b0305;
background: -moz-linear-gradient(#6b0305, #8c070a 55%, #570607);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6b0305),color-stop(.55, #8c070a),color-stop(1, #570607));
border: 1px solid #570607;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.btn[disabled]
{
    text-shadow: -1px -1px 2px #465f97;
    background-color:#ccc;
    background: -moz-linear-gradient(#ccc, #ddd 75%, #ccc);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ccc),color-stop(.75, #ddd),color-stop(1, #ccc));
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

p
{
    margin-bottom:10px;
    line-height:140%;
}

#sList
{
    margin-top:24px;
}

#sList li
{
    font-size:15px;
    margin-bottom:18px;
}

#sList li strong
{
    font-weight:bold !important;
    display:block;
    margin-bottom:2px;
    font-size:18px;
}
