﻿* 
{
    margin: 0px;
    padding: 0px;
}

body 
{
    background: #3c4b62 url('../../images/design/bg_site.png') top left repeat-x;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

p
{
    margin: 10px 0px 10px 0px;
    line-height: 20px;
}

h1
{
    color: #455772;
    font-size: 120%;
}

a
{
color: #308dce;
text-decoration: none;
}

a:hover
{
color: #308dce;
text-decoration: underline;
}

a h1
{
    cursor: pointer;
}

img
{
    border: 0px;
}

ul
{
	margin-left: 30px;
}

.layout 
{
    position: relative;
    width: 930px;
    background: url('../../images/design/bg_page.png') top left repeat-y;
    margin: 0px auto 0px auto;
    padding: 0px 10px 0px 10px;
}

.logo
{
    position: absolute; 
    top: 0px;
    left: 540px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 3;
    display: block;
}

.content
{
    position: relative;
    width: 860px;
    margin: 0px auto 0px auto;
    padding: 20px 30px 20px 30px;
    border: 0px solid #000;
}
.navmenu
{
    position: absolute;
	top: 375px;	
	border: 0px solid #000;
	width: 920px;
}

.navmenu ul
{
    background: #455772;
    padding: 0px;
    width: 874px;
    height: 35px;
    margin: 0px auto 0px auto;
    list-style-type: none;
}

.navmenu ul li
{
    float: left;
    background: #323f52;
    width: auto;
    height: 19px;
    padding: 5px 35px 5px 35px;
    margin: 2px 0px 2px 2px;
    border: 1px solid #889bb7;
    list-style-type: none;
}

.navmenu ul li:hover, #home .navmenu ul li#m1, #about .navmenu ul li#m2, #staff .navmenu ul li#m3, #services .navmenu ul li#m4, #directions .navmenu ul li#m5, #hours .navmenu ul li#m6, #forms .navmenu ul li#m7
{
    float: left;
    background: #455772;
    height: 19px;
    width: auto;
    padding: 5px 35px 5px 35px;
    margin: 2px 0px 2px 2px;
    border: 1px solid #99afce;
    cursor: pointer;
}

.navmenu ul li:hover a
{
    font-family: Georgia, Arial, Helvetica, sans-serif;   
    font-size: 13px;
    color: #eee;
}

.navmenu a, .navmenu a:hover
{
    color: #889bb7;
    text-decoration: none;
    font-family: Georgia, Arial, Helvetica, sans-serif;   
    font-size: 13px;
}

.footer 
{
    position: relative;
    width: 930px;
    height: 50px;
    background: url('../../images/design/bg_footer.png') top left no-repeat;
    margin: 0px auto 0px auto;
    padding: 30px 10px 0px 10px;
}

.footer p
{
    text-align: center;
    font-size: small;
    color: #ddd;
}

.footer a
{
    color: #ddd;
    text-decoration: none;
}

.footer a:hover
{
    text-decoration: none;
}

.leftcol
{
    width: 550px;
    margin-right: 20px;
    min-height: 300px;
}

.rightcol
{
    width: 288px;
    min-height: 200px;
}

.accent
{
    border: 5px solid #fff;
    background: #eee;
}

.accent .section
{
    border-bottom: 5px solid #fff;
    padding: 10px;
}

.clickable:hover
{
    background: #ddd;
}

#boxes .accent, #locations .accent
{
    width: 260px;
    margin: 15px 15px 0px 0px;  
    min-height: 235px;
}

#boxes .accent
{
    min-height: 180px;
}


#boxes .accent .section, #locations .accent .section
{
    border-bottom: 0px solid #fff;
}

#boxes .accent .section:first-child, #locations .accent .section:first-child
{
    border-bottom: 5px solid #fff;
}

.floater
{
    float: left;
}

.slideshow
{
    width: 950px;
	height: 400px;	
	position: relative;
}

.slide
{
    position: absolute;
}

.photogallery
{
    margin: 0px auto 0px auto;
    width: 600px;
}

.clear
{
    clear: both;
}