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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ border:0;outline:0;font-size:100%;vertical-align:baseline;
background:transparent;padding:0;margin:0;}
ol,ul{list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{text-decoration:none; }
del{text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

body {
  font-family: Segoe UI,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background: #394b61 url(../img/body-bgr.jpg) repeat-x;
}

a {
  color: #0088cc;
  text-decoration: none;
}



.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}



.wraper {max-width:850px; margin:0 auto; overflow:hidden; }
.header{ height:72px; padding:36px 0 32px 0;}
.logo{ width:80%; height:100%;margin:0px 0px 0px 33px;}
.logo a , .logo a img,#banner img{ width:100%; height:auto; display: block;}
#banner{ width:100%; height:auto; position:relative; 
}
#banner a.dr-daved{ display:block; width:256px; height:157px; position:absolute; bottom:92px; right:28px;}
.banner-btm{ width:100%; min-height:; background:url(../img/banner-btm.png) repeat-x; height:65px; position:absolute; bottom:0; z-index:100; }
.banner-btm a{ width:53px; height:53px; display:block; }
.banner-btm a img{ display:block;}
.banner-btm .home{ position:absolute; left:26px;top:6px;  display:block;}
.banner-btm .nav-btn{display:block; position:absolute;top:6px; right:63px;}
#content{ padding:41px 95px 0 48px; background:#394b61;}
#content p{color:#cdd9e3;font-size:23px;font-weight:100; line-height:40px; letter-spacing:3px; word-spacing:5px; padding-bottom:50px;}
.iner-cont{ overflow:hidden; }	
.iner-cont p{ float: left; width:320px;font-size:23px;font-weight:100;  line-height:40px;}.iner-cont .ri-flt{ float:right;}
#footer{ width:100%; background:#1b1d2a; overflow:hidden; padding:62px 0 40px 0; position:relative; z-index:20;}
#footer-wrap{ max-width:787px; padding:0 28px 0 33px; margin:0 auto;}
#footer-wrap p{font-family: Segoe UI,Arial, Helvetica, sans-serif; float:left; font-size:20px; line-height:26px; color:#fff;}
#footer-wrap p.right-flt{ float:right; padding-top:22px;}#footer-wrap p.right-flt a{color:#fff;}
.banner-btm h2{ font-size:30px; color:#fff; text-align:center; line-height:63px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
#nav-body{ position:relative; max-width:849px; margin:0 auto;}
.menu{ width:100%; background: url(../img/menu-bgr.html) repeat-y center ;  width:849px; margin:0 auto; overflow:hidden; padding-bottom:6px; position:absolute;  }
.menu ul li{ float:left;width:300px !important;}
.menu ul li a{width:300px !important; height:87px;display:block; -webkit-background-size: cover;-moz-background-size: cover; 
-o-background-size: cover; background-size: cover;}
.menu ul li.call{ }
.menu ul li.call a {background:  url(../img/btn1.jpg) no-repeat center center;  } 
.menu ul li.call a:hover ,.menu ul li.call a.active{ background: url(../img/btn1h.jpg) no-repeat center center }
.menu ul li.mail,.menu ul li.hours,.menu ul li.servies{ float:right;}
.menu ul li.mail a{ background:url(../img/btn2.jpg) no-repeat center center;}
.menu ul li.mail a:hover,.menu ul li.mail a.active{  background:url(../img/btn2h.jpg) no-repeat center center;}
.menu ul li.map a{ background:url(../img/btn3.jpg) no-repeat center center;}
.menu ul li.map a:hover ,.menu ul li.map a.active{ background:url(../img/btn3h.jpg) no-repeat center center; }

.menu ul li.hours a{ background:url(../img/btn4.jpg) no-repeat center center; }
.menu ul li.hours a:hover ,.menu ul li.hours a.active {background: url(../img/btn-4h.jpg) no-repeat center center;}
.menu ul li.meet a{ background:url(../img/btn5.jpg) no-repeat center center;}
.menu ul li.meet a:hover ,.menu ul li.meet a.active{ background:url(../img/btn5h.jpg) no-repeat center center;}
.menu ul li.servies a{ background:url(../img/btn6.jpg) no-repeat center center; height:89px; }
.menu ul li.servies a:hover ,.menu ul li.servies a.active{ background:url(../img/btn6h.jpg) no-repeat center center; }

/************************************************************************************
								smaller than 768
*************************************************************************************/
@media screen and (max-width:768px) {
#content{ padding:41px 20px 0 48px; background:#394b61;}
.menu{ width:740px; overflow:hidden; }
.menu ul li.mail a,.menu ul li.hours a,.menu ul li.servies a{width:363px;}
.menu ul li a{ width:369px;}

}

/************************************************************************************
  Android (Samsung Galaxy) portrait 640 (equivalent desktop resolution)
*************************************************************************************/
@media screen and (max-width:640px) {
#content{ padding:0 30px;}

#nav-body{ position:relative; max-width:620px !important; margin:0 auto;} .menu { width:620px !important;}
#banner a.dr-daved{ bottom:76px;width: 180px;height: 113px;}
#content p{ font-size:18px;text-align:left;}
.iner-cont{ width:100%;}
.iner-cont p{ width:244px !important; padding:0;  font-size:18px !important; }
.banner-btm h2{ font-size:23px; text-align:left; text-align:center;}

.menu ul li.mail a,.menu ul li.hours a,.menu ul li.servies a{width:305px;}
.menu ul li a{ width:312px;}

.banner-btm .home{left:26px;}
.banner-btm .nav-btn{ right:26px;}








}

@media screen and (max-width:685px) {
.header {
height: 75px;
padding: 18px 0 0px 0;
}	
.menu{ width:600px;  background:#394b61; padding:0 30px; }
.menu ul li a{ width:332px;}
#content .iner-cont p{ font-size:19px; width:294px;}
#content{ padding-top:10px !important;}
}
/************************************************************************************
					iPhone 5 landscape 568 x 320
*************************************************************************************/
@media only screen and (max-width:568px) {
.iner-cont p{ width:230px; word-spacing:0; font-size:16px !important;}
#content p{ font-size:16px;}
#footer-wrap p{ font-size:15px;}
.iner-cont p{ word-spacing:0;}
.menu ul li.mail a,.menu ul li.hours a,.menu ul li.servies a{}
.menu ul li ,.menu ul li a{ width:270px !important;}
.header {
height: 65px !important;
padding: 16px 0 0px 0 !important;
}
#content {padding: 10px 10px 0 30px;}
#nav-body{ position:relative; max-width:550px !important; margin:0 auto; padding:0!important;} .menu{ width:550px !important; padding:0!important;}
#banner a.dr-daved {
bottom: 82px;
width: 272px;
height: 173px;
}

}
/************************************************************************************
  Android (Samsung Galaxy) portrait 533 (equivalent desktop resolution)
*************************************************************************************/
@media screen and (max-width:533px) {

.iner-cont p{ width:222px; padding:0;  font-size:15px !important; word-spacing:0; letter-spacing:2px; text-align:left;}
.menu ul li,.menu ul li a{ width:250px !important;}
#content {
padding: 10px 10px 0 10px;
}
#content p{ padding:0px 0 20px 0; line-height:30px;word-spacing:0; font-size:14px; text-align:justify;}
.iner-cont p {
width:213px !important;
padding: 0;
font-size: 15px !important; letter-spacing:0 !important; text-align:left !important; 
}
#nav-body{ position:relative; max-width:513px !important; margin:0 auto;} .menu{ width:513px !important;}

}
/************************************************************************************
					iPhone 3+4 landscape 480 x 320
*************************************************************************************/
@media screen and (max-width:480px) {
.banner-btm .nav-btn{ right:15px;}
.banner-btm .home{ left:15px;}
.banner-btm h2 {
font-size: 24px;
text-align:  center;
padding-left:0;
}

#footer-wrap {
padding: 0 15px 0 15px; font-size:14px;
}
.menu{ width:100%; background:#394b61;padding:0 0 14px 0; margin:0; height:auto; overflow:hidden; z-index:100; }
.menu ul li{ width:227px !important; padding:0; margin:0;}
.menu ul li a{ width:227px !important; clear:both; display:block; }

#banner a.dr-daved {
bottom: 80px;
width: 259px;
height: auto;
}
#nav-body{ position:relative; max-width:460px !important; margin:0 auto; padding:0!important;} .menu{ width:460px !important; padding:0 0 15px 0!important;}
#content {
padding: 10px 10px 0 10px;
}
#content p{ padding:0px 0 20px 0; line-height:30px;word-spacing:0; font-size:14px;}
.iner-cont p {
width:213px !important;
padding: 0;
font-size: 14px !important; letter-spacing:0 !important; text-align:left !important; 
}

}

@media screen and (max-width:380px) { 
#banner{ height:200px;}
#banner a.dr-daved {
bottom: 97px !important;
width: 206px !important;
height: 96px;
}
.banner-btm h2 {
font-size: 16px;

}

.iner-cont p{ width:300px; float: none; letter-spacing:2px !important; font-size:15px!important;}
#footer-wrap p.right-flt{ float:left;}
.menu ul li{ float:none !important; width:300px !important; padding-left:30px;}
.menu ul li a{ width:300px !important;}
.header{ height:52px; padding:26px 0 0px 0;}
.iner-cont p{ width:335px !important; font-size:14px !important;}
#content {
padding: 10px 10px 0 10px;
}
#content p{ padding:0px 0 20px 0; line-height:30px;}
.iner-cont .ri-flt{ float:left;}
#nav-body{ position:relative; max-width:100% !important; margin:0 auto;} .menu{ width:100%!important; background:#3d4e62 !important;}
.tabs{ margin:0px -18px 0 0; float:right;}
.menu ul li{ float:none !important; width:300px !important; padding-left:0 !important; height:59px;}.menu ul li a{ height:59px;}
.menu ul li.mail a,.menu ul li.hours a,.menu ul li.servies a{ margin-left:-4px;}
}
/************************************************************************************
 Android (Samsung Galaxy) portrait 360 (equivalent desktop resolution)
*************************************************************************************/
@media screen and (max-width:360px) {
.tabs{ margin:0px -18px 0 0; float:right;}
.menu ul li{ float:none !important; width:300px !important; padding-left:0 !important; height:59px;}.menu ul li a{ height:59px;}
.menu ul li.mail a,.menu ul li.hours a,.menu ul li.servies a{ margin-left:-4px;}	
}

/************************************************************************************
                   iPhone 3+4 portrait 320 x 480
				   iPhone 5 portrait 320 x 568
*************************************************************************************/
@media screen and (max-width:320px) {
.banner-btm{ bottom:-1px;}
#banner{ height:160px !important;}
#banner a.dr-daved {
bottom: 90px !important;
width: 146px !important;
height: 66px !important;
}

.menu ul li a{ width:300px !important;height:55px;}
.header {
height: 42px !important;
padding: 14px 0 0px 0 !important;
}
#banner a.dr-daved {
bottom: 65px;
width: 152px;
height: 96px;
}
#nav-body{ position:relative; max-width:300px !important; margin:0 auto;} .menu{ width:300px !important;}
.menu{ margin-left:15px;}
.menu ul li{ float:none !important; width:300px !important; padding-left:0 !important; height:55px;}
.menu ul li a.mail,.menu ul li.hours a,.menu ul li.servies a{ margin-left:-8px;}
}