@font-face {
  font-family: 'FontAwesome';
  src: url('../Images/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('../Images/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../Images/Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../Images/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../Images/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../Images/Fonts/FontAwesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#mainHeader {
    padding-top: 0px; 
}

#divTopBar, .topNav1stLevelFixed {
 background-image:none;
 background-color:#78b0df;
 background-color:rgb(99, 167, 224);
 background-color:rgb(51, 38, 2);
background-color: rgb(14 14 13);
 height:171px; 
 z-index:2000;
}

#divTopHeadAddr, #divTopHeadPhone {
	display:none;
}

#divCustTopHeaderTitle {
	font-size:26px;
	text-align:center;
	padding:20px 0;
	color:#c4c2c2;
	text-transform:uppercase;
}

.topNav1stLevelFixed {
	height:99px;
}

.topNav1stLevelFixed .mainMenuHeaderLinks {
	border:none;
	margin-top:1px;
}

#topHeaderLinks {
	display:none;
}

#topHeaderLinks li a {
 background-color:#146367;
 color:#fff;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

#topHeaderLinks li a:hover {
 background-color:#0e474a;
	background-color:#339999;
 color:#fff;
}

#divBG {
 position:relative;
 z-index:1100;
}

#divRotatorContainersliderHeader {
	position:relative;
}

#divRotatorContainersliderHeader #sliderHeader { 
 width:100%;
} 

#logo {
	display:none;
	width:530px;
	margin:auto;
	padding-bottom:20px;
	background-image:url(https://sitefiles.tdo4endo.com/Files/WebId0131/ImagesDR/logoNewRs2.png);
	background-repeat:no-repeat;
	background-position:15px 90px;
	background-color:rgba(187, 180, 153, 0.6);
	position:absolute;
	top:96px;
	left:0;
	height:701px;
	z-index:1000;
}

#logo img {
  display:none;
}

#divMenuContainer {
	width:100%;
	text-align:center;
	margin:0;
 	z-index:2000;
}

.mainMenuHeaderLinks ul {
	width:100%;
 z-index:2000;
}

.mainMenuHeaderLinks ul {
 background-color: transparent;
 display:block;
 float:none;
 height:49px;
 z-index:2000;
}

.mainMenuHeaderLinks ul li {
	float:none;
	display:inline-block;
	text-align:left;
 z-index:2000;
}

.mainMenuHeaderLinks .liLoginLink ul {
 left:-210px;
}

.mainMenuHeaderLinks .liLoginLink ul a {
 text-align:right;
 padding-right:10px;
 width:248px;
}

.mainMenuHeaderLinks ul li a, .topNavHilite {
 	color:#fff;
    padding: 16px 6px 0 6px;
    height:33px;
    font-size:16px;
}

.mainMenuHeaderLinks ul li span, .mainMenuHeaderLinks ul li a:hover, .topNav1stLevel .mainHeadCurrent {  
	background-color:#1c6e3b;
	background-color:#175830;
	background-color: #c88d32;
	color:#fff;
}

.mainMenuHeaderLinks ul ul {
    background-color: rgb(10, 51, 53);
	background-color:#1c6e3b;
	background-color: #c88d32;
	z-index:1500;
}

.mainMenuHeaderLinks ul ul li a {
 background-color:#78b0df;
 background-color:#3e2f06;
 background-color:#0e0e0d;
 color:#fff;
}

.mainMenuHeaderLinks ul ul li:hover > a, .mainMenuHeaderLinks ul ul li:hover > a span, 
.mainMenuHeaderLinks ul ul li a:active, .mainMenuHeaderLinks ul ul li a:hover, 
.menu ul ul li a:active span, .mainMenuHeaderLinks ul ul li .curPage {
	color:#fff;
	background: #1d848a;
	background-color:#2f5454;
	background-color:#1c6e3b;
	background-color:#524113;
	background-color:#434340;
}

#divCustHeadLoginLinkCont {
 background-image:url(https://sitefiles.tdo4endo.com/Files/WebId0131/ImagesDR/bgSandStone.jpg);
background-attachment: fixed;
 padding:30px;
}

#divCustHeadLoginLink {
	max-width:1070px;
	margin:auto;
	text-align:center;
}

#divCustHeadLoginLink a {
	color:#402f06;
	color:#191201;
	display:inline-block;
	border:solid 2px #402f06;
	border:solid 3px #251d07;
	margin:0 20px 0 20px;
	padding:20px;
	font-size:20px;
	font-weight:500;
 border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; 
}
#divCustHeadLoginLink a:hover {
	color:#4e3803;
	border:solid 3px #675115;
}

#divCustHeadLoginLinkCont {
	border-top:1px solid #73573f;
}

#divContentPageContainer {
	background-color:#fff;
}

#contentarea h1, .mainTitle {
    color: #0e4447;
    line-height:28px;
}

.smallTitleTxt {
    color: #0b595d;
    font-size:18px;
    line-height:38px;
}

.divVideoCont2 {
 text-align:center;
}

.divPerioVideo {
	display:inline-block;
	width:520px;	
	height:300px;
}

#divHomeContent .mainTitle, h1#LocationTitle {
    color: #1c6e3b;
    color: #c88d32;
}

#divHomeContent .pageContent3 {
    border-top: 5px solid #804c14;
}

#divHomeContent .mainContent {
 color:#000;
    font-size:16px;
    line-height:22px;
}

#divHomeLogos {
 text-align:center;
}

#divHomeLogos img {
 display:inline-block;
 padding:5px;
}

#divRtHomeTopCont {
    height:360px;
}

#divRtHomeTop {
 border:none;
}

#divHomeLocationInfo {
 color:#000;
}

#divTopPageTitleArrow {
 display:none;
}

#divTopPageTitle {
    clear:both;
    margin:0;
    padding:5px 0px 30px 0px;
    height:42px;
    background-image:none;
    background-color:#fff;
}

#divTopPageTitle span {
    color: #584506;
    font-size: 32px;
    border-bottom:2px solid #867c6a;
    padding:10px 0 10px 0;
    margin:0;
    display:block;
    max-width:1100px;
    margin:auto;
}

#divHomeSliderArrow {
 	display:none;
}

.pageContent3, .pageContentSingle {
    width:100%;
    max-width:initial;
    padding:0;
    margin:0;
}

.pageContent3 .divMainContentBlock {
	background-color:#fff;
        padding:20px;
 margin:0;
}

#divOfficeContent, #divContactContent {
	background-color:#fff;
	max-width:100%;
}

#divOfficeContent > div, #divContactContent > div, #divContactContent > table {
	max-width:1070px;
	margin:auto;
}

#tdContactInfo table {
	max-width:620px;
}

#tdAddrEntry1 {
	padding-right:20px;
}

#tdContactInfo table #tdAddrEntry1, #tdContactInfo table #tdAddrEntry2 {
	display:inline-block;
	padding-bottom:20px;
	font-size:18px;
	line-height:26px;
}

#tdContactInfo .divOfficeAddrName {
	font-weight:bold;
	color:#214a4b;
}

#divContactSocialMedia {
	padding-left:20px;
}

#divContactSocialMedia a, #divContactSocialMedia div {
	display:inline-block;
	vertical-align:top;
	padding:0 0 30px 0;
}

#divContactSocialMedia a {
	width:290px;
}

#divContactSocialMedia img {
	width:250px;
}

#divContactSocialMedia div {
	width:300px;
	font-size:22px;
	line-height:px;
}
	

.pageContent3 .divMainContentBlock .divMainContentBlockInner {
	max-width:1100px;
	margin:auto; 
}

#divPageContainer {
	background-color:#fff;
}

.mainContent, #divTestimonialCont, #divFaqCont {
    color: #000;
    font-size:16px;
    line-height:22px;
}

.cycle-overlay {
    position: static;
    z-index: 600;
    background-color:transparent;
    color: #a9651a;
    padding: 60px 0 10px 0;
    margin:auto;
    font-size:24px;
    text-align:center;
    width:80%!important;
    
}

.cycle-overlay div {
    padding: 0 10px 0 10px;
}

@-webkit-keyframes zoomIn { from { transform:scale(1.0,1.0); } to { transform:scale(1.5,1.5); } }
@-moz-keyframes zoomIn { from { transform:scale(1.0,1.0); } to { transform:scale(1.5,1.5); } }
@keyframes zoomIn { from { transform:scale(1.0,1.0); } to { transform:scale(1.5,1.5); } }

@-webkit-keyframes zoomOut { from { transform:scale(1.5,1.5); } to { transform:scale(1.0,1.0); } }
@-moz-keyframes zoomOut { from { transform:scale(1.5,1.5); } to { transform:scale(1.0,1.0); } }
@keyframes zoomOut { from { transform:scale(1.5,1.5); } to { transform:scale(1.0,1.0); } }

#divRotatorContainersliderHeader .cycle-slide .disabled {
	-webkit-animation:zoomOut ease-in 1;   
	-moz-animation:zoomOut ease-in 1;
	animation:zoomOut ease-in 1;
 
	-webkit-animation-fill-mode:forwards;   
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:7.5s;
	-moz-animation-duration:7.5s;
	animation-duration:7.5s;
	width:100%;
}

#divRotatorContainersliderHeader .cycle-slide.cycle-slide-active .disabled {
	-webkit-animation:zoomIn ease-in 1;    
	-moz-animation:zoomIn ease-in 1;
	animation:zoomIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;   
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:7.5s;
	-moz-animation-duration:7.5s;
	animation-duration:7.5s;
	width:100%;
}

#divRotatorContainersliderHeader .cycle-slide, #divRotatorContainersliderHeader .cycle-slide.cycle-slide-active {
	width:100%;
}

#sliderHeader {
	overflow:hidden;
}

#divWriteTestCont{
	max-width:1070px;
	margin:auto;	
}

#divHomeTestimonialsBottom {
	margin-top:40px;
	background-color:#776d61;
	background-color:#fff;
}

#divHomeTestimonialsBottom #divTestTextTitle {
    color:#1f1a17;
    color:#f3efea;
    color:#042527;
}

#divHomeTestimonialsBottom #divHomeTestimonialsInner {
    color:#de9a50;
    color:#0c5356;
}

#divHomeTestimonialsBottom #divTestImgRight {
}

#pHomeMaps {
	text-align:center;
	padding:50px 0 50px 0;
}

#pHomeMaps .ifGoogleMap1 {
	width:510px;
	padding-right:30px;
}

#pHomeMaps .ifGoogleMap2 {
	width:510px;
	padding-left:30px;
}

.pPdfInstrLinks {
	text-align:center;
}

.pPdfInstrLinks a {
	display:inline-block;
	color:#fff;
	background-color:#c48744;
	border:1px solid #9c6c38;
	padding:5px;
	margin:10px;
	border-radius:5px;
	font-size:18px;	
}

#contentarea .pPdfInstrLinks a:hover {
	text-decoration:none;
	background-color:#dc9d59;
}

#bottomCont {
	background-image:none;
	background-color:rgb(120, 176, 223);
	background-color:rgb(99, 167, 224);
	background-color:#c88d32;
    color: #fff;
    border-top:5px #804c15 solid;
    min-height:150px;

}

#bottomCont td div {
    color: #1f1a17;
    color:#fff;
    font-size:14px;
}

#bottomCont #tdAddrEntry1, #bottomCont #tdAddrEntry2 {
	display:block;
	padding-right:0;
}

#bottomAddrText {
	float:right;
	width:215px;
}

#bottomCont a {
	color:#146367;
	color:#fff;
}

#divTopDocsNames {
	padding-top:50px
}

#email {
	float:right;
	clear:both;
	padding-bottom: 10px
}

#imgMainBtmLogo {
	float:left;
}

#aFooterAdminLogin {
	float:left;
	display:block;
	margin:20px 0 0 0;
}

#divBtmLogos {
	text-align:center;
	width:610px;
	margin:auto;
	padding:10px 0 0 0;
}

#divBtmLogos a {
	display:inline-block;
	padding:10px;
	vertical-align:middle;	
}

#aBtmAAE img {
	width:150px;
}

#divBottomTDO {
	clear:both;
}

.inputFormButton {
	background-color:#925e25;
	padding:10px;
}

#divBtmSocial, #divTopSocial {
	display:block;
	clear:left;
	text-align:center;
}

#divBtmSocial {
	text-align:left;
	padding-top:20px;
}

#divBtmSocial a span, #divTopSocial a span {
	font-family:FontAwesome;
	color:#fff;
	font-size:40px;
	display:inline-block;
	padding:5px;
}

#divTopSocial a span {
	font-size:30px;
}

#divBtmSocial .aTwitter span:before, #divTopSocial .aTwitter span:before {
 	content: "\f081";
}

.aInstagram span:before {
 	content: "\f16d";
}

.aFacebook span:before {
 	content: "\f082";
}

.aLinkedin span:before {
 	content: "\f08c";
}

.aSnapchat span:before {
 	content: "\f2ad";
}

@media all and (max-width:1180px) {
  #logo {
  	width:400px;
    background-position:15px 65px;
  	background-size:90%;
  }
}

@media all and (max-width:980px) {
  .mainMenuHeaderLinks ul li a, .topNavHilite {
    padding: 17px 6px 0 6px;
    font-size:12px;
  }

 .mainContentBigText {
   font-size:38px;
 }
}

@media all and (max-width:980px) {
  #logo {
  	width:350px;
    background-position:15px 35px;
    background-size:80%;
  }
}

@media all and (max-width:768px) {
  #logo {
    width:100%;
    background-position:15px 15px;
    background-size:45%;
    top:40px;
  }  

  #divTopBar, .topNav1stLevelFixed {
   height:42px; 
  }

  #sliderHeader {
    display:block!important;
   }

  #contentarea #sliderHeader img {
    max-width:100%;
  }

  #divHomeCont .divRotatorContainer #divLogoWhiteOverlay img {
    display:inline;
    width:250px;
  }

  .divContDispPageId22 .divMainContentBlockInner .mainContentImgDiv {
    width:100%;
  }

 .mainContentBigText {
   font-size:32px;
 }

  .divContDispPageId22 .divMainContentBlockInner .mainContent {
    width:100%;
  }

  .mainMenuHeaderLinks ul {
    text-align:left;
  }

  .mainMenuHeaderLinks ul li {
    display:block;
  }

  #divMobileMenuCont, .divMobileMenuContFixed #divMobileMenuBtn, #divMobileMenuCont #divMobileMenu, 
  #divMobileMenuCont .mainMenuHeaderLinks ul li, #divMobileMenuCont .mainMenuHeaderLinks ul {
    z-index:4000;
    background-color:#402f06;
  }
  
  .divMobileMenuContFixed #divMobileMenuBtn {
    z-index:5000;
  }
  
  #divMobileMenu, #divMobileMenuCont {
    padding:0;
  }

  #divMobileMenu .mainMenuHeaderLinks ul li a, #divMobileMenu .topNavHilite, #divMobileMenu .mainSubMenuCurrent {
    border-top:1px solid #1c6e3b;
  }

  #divMobileMenu .mainMenuHeaderLinks ul ul {
    border:none;
    margin:0 0 0 10px;
  }

  .mainMenuHeaderLinks ul li a, .topNavHilite {
    padding: 12px 6px 0 6px;
    height:26px;
  }

  .divContDispId23961, .divContDispId24054, .divContDispId23912 {
    display:none;
  }

  iframe {
    max-width:100%;
  }

  .divContDispPageId22 .divMainContentBlockInner > div, 
  .divContDispPageId21 .divMainContentBlockInner > div {
    display:inline-block;
  }

  .divContDispPageId22 .divMainContentBlockInner .mainContentImgDiv, 
  .divContDispPageId21 .divMainContentBlockInner .mainContentImgDiv {
    width:100%;
  }

  .divContDispPageId22 .divMainContentBlockInner .mainContent,
  .divContDispPageId21 .divMainContentBlockInner .mainContent {
    width:100%;
  }

  .divContDispId23630 .divMainContentBlockInner .mainContent,
  .divContDispId23629 .divMainContentBlockInner .mainContent {
    width:100%;
  }

 .divContDispId24350 .divMainContentBlockInner,.divContDispId24351 .divMainContentBlockInner,.divContDispId24352 .divMainContentBlockInner {
   padding:0!important;
  }
 
  .pMobilePic {
   display:block;
  }

 .pMobilePic img {
  width:100%;
  max-width:100%!important;
 }

 #divHomeCont {
   background-image:url(https://sitefiles.tdo4endo.com/Files/WebId0029/ImagesDR/DanaPointSm.jpg);
 }

 #divCustMapImages img {
   max-width:90%!important;
 }
}


@media all and (max-width:568px) {
 .mainContentBigText {
   font-size:24px;
 }
  #divTopPageTitle span {
  font-size:24px;
 }
 
}

@media all and (max-width:468px) {
  #divTopPageTitle span {
  font-size:20px;

 }

 #divHomeCont .divRotatorContainer #divLogoWhiteOverlay img {
    display:inline;
    width:150px;
  }
}

@media all and (max-width:368px) {
  #divTopPageTitle span {
  font-size:18px;
 }
}
}



