html, body {
	height: 100%;
	margin: 0px;
	margin-bottom: 1px;
	padding:0px;
	background-image:url(../ImagesDr/bg.gif);
	background-repeat:repeat-x;
	background-color:#d5dfe3;
    color: #797B7A; 
}

h1, h2, h3, h4, h5, h6, p, div, form {
	margin: 0;
	padding: 0;
}

ol {
    list-style:decimal inside;
}

#wrapper {
	width:757px;
	margin:0px auto;
    padding-top:20px;
}

#content {
	margin:0px auto;
    padding:0;
}

#mainHeader {
	height:206px;
	background-image:url(../ImagesDr/header.gif);
	background-repeat:no-repeat;
    padding:0;
    margin:0;
}

#topHeaderLinks {
	height:24px;
    padding:0;
    margin:0;
}

#topHeaderLinks ul {
	list-style-type:none;
	padding:0;
    margin:0;
}

#topHeaderLinks li {
	display:block;
	float:right;
	text-align:center;
	margin-left:5px;
	height:24px;
}

#patientTab {
	background-image:url(../ImagesDR/patientsTab.gif);
	background-repeat:no-repeat;
	width:62px;
}

#refDocTab {
	background-image:url(../ImagesDR/refDocTab.gif);
	background-repeat:no-repeat;
	width:124px;
}

#adminTab {
	background-image:url(../ImagesDR/adminTab.gif);
	background-repeat:no-repeat;
	width:57px;
}

#topHeaderLinks span.current{
	font-family:"Arial","Verdana";
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#f0d5a6;
	display:block;
	margin-top:5px;
}

#topHeaderLinks a{
	font-family:"Arial","Verdana";
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	display:block;
	margin-top:5px;
}

#topHeaderLinks a:hover{
	color:#c9d4d1;
}

#headerTitle {
	font-family:"Trebuchet MS","Arial","Verdana";
	color:#ffffff;
	height: 157px;
}

#headerTitle h3 {
	font-size:28px;
	padding: 0;
	padding-left:20px;
	padding-top:25px;
}

#headerTitle h4 {
	font-size:18px;
	padding: 0;
	padding-left:20px;
}

#divMenuContainer {
    color:#8AB001;
    font-family:Arial,Verdana,Helvitica,sans-serif    
}

.mainMenuHeaderLinks {
    font-size:11px;    
}

.mainMenuHeaderLinks ul {
    list-style:none;
    padding:0;
    margin:0;
}

.mainMenuHeaderLinks a ,.mainMenuHeaderLinks a:visited {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    display:block;
    float:left;
    padding:5px 5px 0 5px;
    height:18px;
	margin-left:5px;
	height:20px;
	background-color:#7d838c;
}

.mainMenuHeaderLinks a:hover {
    color:#c9d4d1;
}

.mainMenuHeaderLinks .mainHeadCurrent {
    display:block;
	float:left;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	margin-left:5px;
	height:20px;
	background-color:#7d838c;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#f0d5a6;
}

#subNavBar { 
    padding:4px 5px 0 10px;
    font-weight:bold;
    font-size:10px;
    height:17px;
    background-color:#fff;
    margin-bottom:1px;
    list-style:none;
}

#subNavBar a, #subNavBar a:visited {
    color:#6c8eb4;
    text-decoration:none;
    font-weight:bold;
    display:block;
    float:left;
    padding-right:10px;
    padding:0 10px 5px 0;
}

#subNavBar a:hover {
    color:#475F77;
}

#subNavBar .mainSubMenuCurrent {
    color:#475F77;
    font-weight:bold;
    display:block;
    float:left;
    padding:0 10px 5px 0;
}

#flashcontent {
    margin-bottom: 20px;
}

#contentArea {
	clear:both;
	padding:25px 20px 10px 20px;
	background-color:#ffffff;
}

#contentArea h1, #contentArea .mainTitle {
	font-family:"Trebuchet MS","Arial","Verdana";
	font-size:18px;
	color:#6c8eb4;
	padding-bottom:5px;
	font-weight:bold;
}

#contentarea table {
    width: 100%;
}

#divHomeCont {
    display:table-cell;
}

#divHomeTestimonialContainer
{
    display:table-cell;
    width:175px;
    padding:0 5px 0 10px;
    border-left:solid 1px #585858;
    vertical-align:top;
}

#divHomeTestimonialContainer #testimonialTitle {
    font-family:"Trebuchet ms","Georgia","Arial","Verdana";
    font-weight:normal;
	font-size:18px;
	color:#6c8eb4;
	padding:0 0 10px 0; 
}

.TextTestimonial, .testimonialContent {
	font-family: MS Trebuchet, Verdana, Arial, helvetica;
	font-size: 11px;
	color:#585858;
}

.divExpand a, .divHide a {
    color: #321cd3;
}

.testimonialName {
    padding-top: 5px;
    color:#3ebde7;
    font-size:11px;
}

.testimonialContentInner, .testimonialContentInner p {
    padding: 0;
    margin: 0;
}

#divTestViewAll {
    padding-bottom:20px;
}

#divTestViewAll a {
    color:#321cd3;
    font-weight:bold;
    font-size:12px;
}

#divContactContent td {
    padding: 0;
}
 
#divPageContainer {
	font-family:"Trebuchet MS","Arial","Verdana";
	font-size:12px;
	color:#585858;
}
  
#divPageContainer #testimonialTitle, #contactTitle, .faqTitle {
    font-family:"Trebuchet MS"; 
    font-size:22px; 
    color:#6c8eb4; 
    font-weight:normal; 
    text-decoration:none;
    margin-bottom:10px;
}
  
#divPageContainer .testimonialContent {
    font-family:"Trebuchet MS"; 
    font-size:12px;
    font-style:italic;
    font-weight:normal; 
    text-decoration:none;
}

.divOfficeHours, #divWriteTestCont {
    margin-bottom: 10px;
}

.divContactInfo {
    padding-right: 10px;
}

.mainContent, .mainContent p {
	font-family:"Trebuchet MS","Arial","Verdana";
	font-size:14px;
    line-height:21px;
	color:#585858;
	font-weight:normal;
	text-decoration:none;
	padding-bottom: 20px;
}

.divContactInfo .practiceAddress {
    padding-right: 10px;
}

#contentArea a:hover {
	text-decoration:underline;
}

#divMapCustContent img {
    padding: 10px;
}

.inputFormButton {
	cursor: pointer;
	background-color: #f3f0f0;
	color: #585858;
	border: 1px;
	border-style: outset;
}

.confirmation { 
	font-size:14px;
	font-weight:bold;
	color:#6c8eb4;
}

#bottomAddr {
    clear:both;
    background-color:#6c8eb4; 
    padding:0 10px 5px 0;
}

#bottomAddr #bottomIEBugFix {
    height:10px;
    padding:0;
    margin:0;
}

#bottomAddr table {
    width:100%;
    text-align:right;
}

#bottomAddr td div {
    font-size: 11px;
    font-family: Trebuchet MS, Arial, Verdana;
    font-weight: normal;
    color: #fff;
    line-height: 16px;
    padding:0 0 2px 0;
}

#divBottomTDO {
    text-align: right;
}

#divBottomTDO a {
    text-decoration:none;
    color:#fff;
    font-size:11px;
    font-family: Trebuchet MS, Arial, Verdana;
}

#divBlogPageContainer {
    padding:10px;
}

#divBlogPageContainer 
{
    margin:10px 10px 0 10px;
    padding:15px;
    background-color:#aaa;
    border: 1px solid #000;
}

.divBlogEntryContainer
{
    background-color:#fff;
    padding:15px;
    margin-bottom:20px;
    border: 1px solid #000;
}

.blogTitle
{
    font-size:15px;
    font-weight:bold;
    color:#6c8eb4;
}

.divBlogPosted 
{
    font-size:10px;
}

.blogText
{
    
}

.blogImages
{
        
}

.blogImages .blogImage
{
    float:left;
    margin:10px 10px 0 0;
    cursor:pointer;
}  

.left {
    float:left;
}
  
.right {
    float:right;
}
  
.clear {
    clear:both;
}

.green { color:Green; }

.nodisplay { display:none; }
  
.phoneError {
    padding-top: 3px;
}

.contCol1 {
    width:260px;
}
  
.contCol2 {
    width:180px;
}

.divGoogleMap {
    width:550px; 
    height:400px; 
    margin:10px 0 10px 0; 
}

.divOffDirectionsAddr {
    padding:0 0 20px 10px;
}

.divOffDirectionsAddr div {
    line-height:18px;
    padding-left:1px;
}

.divOffDirectionsAddr div.divAddrTitle {
    font-weight:bold;
    font-size:16px;
    line-height:26px;
    padding-left:0;
}

#divBtmMobileMenu {
    display:none;
}

.divSocialMediaContClass img {
    vertical-align:bottom;
}

#divSocialMediaCont2 {
    clear: both;
}

#divSocialMediaCont3 {
    background-color:#fff;
}

@media all and (max-width:768px) {
    #wrapper {
        width: auto!important;
        margin:0;
        padding:0;
        background-color:#fff;
    }
    
    #pageHeaderRotator, #divHomeTestimonialContainer {
        display: none;
    }

    #mainHeader, #pageHeader, #pageHeaderTitle {
        width: auto!important;
        margin:0;
        padding:0;
    }

    #pageHeaderTitle {
        padding-top: 10px;
    }

    #logo {
        width: auto;
        float: none;
    }
    #topHeaderLinks, #topHeaderLinks ul {
        clear: both;
        padding:0;
        margin:0;
        display:none;
    }

    #sidemenu, .topNav1stLevel, #subNavBar, #divMenuContainer #subNavBar2 {
        display:none;
    }

    #logo h1 {
        font-size: 20px;
    }

    #logo img {
        max-width: 100%;
    }

    #contentArea {
        float: none;
        width: auto;
        padding:10px;
    }

    #divBlogPageContainer {
        margin:0px;
        padding:5px;
    }
        
    #divBtmMobileMenu {
        display:block;
    }

    #divBtmMobileMenu .mainMenuHeaderLinks {
        height:auto;
    }

    #divBtmMobileMenu .topNav1stLevel {
        display:block;
        height:auto;
    }

    #divBtmMobileMenu .mainMenuHeaderLinks a, #divBtmMobileMenu .mainHeadCurrent {
        clear:both;
        float:none;
        border:1px solid #777;
        margin:5px 2px 5px 2px;
        padding:2px;
        width:auto;
        display:block;
    }

    #divBtmMobileMenu .mainMenuHeaderLinks ul, #divBtmMobileMenu .mainMenuHeaderLinks {
        background:none;
        float:none;
        height:auto;
    }
    
    #divBtmMobileMenu .mainMenuHeaderLinks ul li, .mainMenuHeaderLinks ul ul, .mainMenuHeaderLinks ul ul li a span {
        clear:both;
        float:none;        
    }
    
    #divBtmMobileMenu .mainMenuHeaderLinks ul li .mainHeadLink a, #divBtmMobileMenu .mainMenuHeaderLinks ul li ul li a {
        width:auto;
    }

    #divBtmMobileMenu .mainMenuHeaderLinks ul ul {
        margin-left:10px;
    }

    #divBtmMobileMenu .curPage, .mainMenuHeaderLinks .mainHeadCurrent, .mainMenuHeaderLinks a:hover {
        color:#f0d5a6;
        font-weight:bold;
    }

    #divSubNavEndBorder, #divHeadNavEndBorder, .divHeadNavEndBorder {
        display:none;
    }
    
    #divMainContentContainer img {
        margin:auto;
        display:block;
    }

    #tdContactImage img {
        display:none;
    }

    #divSecQuest input {
        width:60px;
    }

    .contCol1, .contCol2 {
        width:auto;
    }

    textarea, input[type=text] {
        -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 100%;
    }

    #divWriteTestBtns {
        clear:both;
    }

    #divMapCustContent td {
        display: block;
    }

    #tblHeaderTitle img {
        display:none;
    }

    .left { float:none; }
    .right { float:none; }
}

@media all and (max-width:590px) {
    #flashcontent {
        display: none;
    }

    #topTitle {
        font-size: 18px;
    }
    #lowerTitle {
        font-size: 14px;
    }
    #mainHeader {
        width: 70%;
        height: 70%;
    } 

    .tdoSiteVideo {
        position: relative;
	    padding-bottom: 56.25%;
	    height: 0;
	    overflow: hidden;
    }

    .tdoSiteVideo iframe, .tdoSiteVideo object, .tdoSiteVideo embed {
        display:block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
    }
}

@media all and (min-width:601px) and (max-width:768px)
{
    .mainContent img, .divGoogleMap {
        max-width:520px;
    }
    
    .blogImages .blogImage img {
        height:auto!important;
        width:auto!important;
        max-width:480px!important;
    }

    .nivoSlider {
        max-width: 520px!important;
    }
}

@media all and (min-width:481px) and (max-width:600px)
{
    .mainContent img, .divGoogleMap {
        max-width:400px;
    }  

    .nivoSlider {
        max-width: 400px!important;
    }

    #DOMWindow {
        width:400px!important;
    }
    
    .blogImages .blogImage img {
        height:auto!important;
        width:auto!important;
        max-width:360px!important;
    }
}

@media all and (min-width:321px) and (max-width:480px)
{
    .mainContent img, .divGoogleMap {
        max-width:240px;
    }

    .nivoSlider {
        max-width: 240px!important;
    }

    .divGoogleMap {
        height:240px;
    }

    #DOMWindow {
        width:240px!important;
    }
    
    .blogImages .blogImage img {
        height:auto!important;
        width:auto!important;
        max-width:200px!important;
    }
}
    
@media all and (max-width:320px)
{
    .mainContent img, .divGoogleMap {
        max-width:200px;
    }

    .divGoogleMap {
        height:200px;
    }

    .nivoSlider {
        max-width: 200px!important;
    }

    #DOMWindow {
        width:200px!important;
    }
    
    .blogImages .blogImage img {
        height:auto!important;
        width:auto!important;
        max-width:180px!important;
    }
}