/*
Theme Name: Medora 
Theme URI: http://medora.ca/
Author: Medora team
Version: 1.0
*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,a,img,blockquote,em,big,small,strong,sub,sup,b,u,i,pre,address,form,label,table,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:1em;font-family:inherit;line-height:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}img{border:0;vertical-align:middle;}table{border-collapse:collapse;}
input {-webkit-appearance:none;margin:0;}
.clear{clear:both;height:0;overflow:hidden;}
.clearFix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{color:#5B6A8B;text-decoration:none}
a:hover{color:#F5A027;text-decoration:underline}
img{border:0; vertical-align:baseline;} 
body{
  font-family: "PT Sans",Arial,serif;
  font-size:14px; 
  line-height:1.8em;
  color: #333;
  background: #f6f6f6;
}  
#headerWrap {
  background: url(images/header-line.jpg) repeat-x;
  position:relative;
  z-index:2;
}
#header {
  width: 960px;
  height: 136px;
  margin: 0 auto;
  background: url(images/header-bg.jpg)  repeat-x;
  position:relative;
  z-index:2;
}
#logo {
  margin: 20px 0 0 24px;
  float: left;
}
#searchBox {
  width:173px;
  height:28px;
  position: absolute;
  top:40px;
  right:30px;
  overflow:hidden;
  border: 1px solid #f8d271;
  background: #e29521;    
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
#searchBox.active {
  width:173px;
  border: 1px solid #f8d271;
  background: #e29521;    
}
#searchForm .txtInp {
  width: 82%;
  color: #fff;
  padding: 7px 14% 5px 4%;
  font-style: italic;
  font-size: 12px;
  line-height:12px;
  border:none;
  background:none; 
  position:relative;
  z-index:1;
  filter:alpha(opacity=100);
  opacity:1;
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;  
}
#searchBox.active #searchForm .txtInp {
  filter:alpha(opacity=100);
  opacity:1;
}
.submitSearch {
  background: url("images/zoom.png") no-repeat 8px 9px transparent;  
  border: 0 none;
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 12px;
  position: absolute;
  right:0;
  top:0;  
  z-index:2;
}
#header-widget-area {
  position:absolute;
  top:17px;
  right:143px;
  text-align:right;
}
#header-widget-area .transposh_flags a img {
  margin-left: 6px;
}
#header-widget-area .transposh_flags a:hover img {
  border-color:#e29521 !important;
}
#headerPhone {
  display:block;
  position:absolute;
  top:10px;
  right:30px;
  font-size: 13px;
  letter-spacing:0.2px;
  -webkit-text-shadow:1px -1px 0 #d45a04;
  -moz-text-shadow:1px -1px 0 #d45a04;
  -o-text-shadow:1px -1px 0 #d45a04;
  text-shadow:1px -1px 0 #d45a04; 
  font-weight:bold;
  color:#fff;
}
#header-menu {
  font-size: 13px; 
  position:absolute;
  right:4px;
  top:82px;
}
#header-menu li {
  float: left;
  list-style:none;
  background: url("images/menu-divider.jpg") no-repeat 100% 10px;
  position:relative;
  padding: 0 0 16px;
}
#header-menu li:last-child {
  background-image: none;
}
#header-menu li a,
#header-mobile-menu li a {
  display:block;
  color: #f5fffd;
  -webkit-text-shadow:1px -1px 0 #d45a04;
  -moz-text-shadow:1px -1px 0 #d45a04;
  -o-text-shadow:1px -1px 0 #d45a04;
  text-shadow:1px -1px 0 #d45a04; 
  letter-spacing:0.2px;
  padding: 6px 26px 8px 24px;
  text-transform: uppercase;
  font-weight:bold;
  text-decoration: none;  
}
#header-mobile-menu li a {
  padding: 3px 4% 5px 4%;
}
#header-menu li a span,
#header-mobile-menu li a {
  -webkit-transition:all .3s ease-in-out;
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;  
}
#header-menu > li:hover > a span,
#header-menu > li.current-menu-item > a span,
#header-menu > li.current-menu-parent > a span,
#header-mobile-menu > li:hover > a,
#header-mobile-menu > li.current-menu-item > a,
#header-mobile-menu > li.current-menu-parent > a{
  color:#884c04;
  -webkit-text-shadow:1px 1px 0 #f1ad48;
  -moz-text-shadow:1px 1px 0 #f1ad48;
  -o-text-shadow:1px 1px 0 #f1ad48;
  text-shadow:1px 1px 0 #f1ad48; 
}
#header-menu li div.sub-menu {
  display:none;
  width:280px;
  position:absolute;
  top:55px;
  padding:0px 0px;
  border-top:4px solid rgb(161,167,210);
  background:#ED8F1E;
  font-size:14px;  
  overflow:hidden;
}
#header-menu li div.menu-columns-2 {
  width:600px;
  padding:10px 0;
}
#header-menu li div.menu-columns-2 ul {
  width:280px;
  float:left;
  margin:0 10px;
}
#header-menu li ul li {
  padding:0;
  margin:0;
  float:none;
  background:none;
}
#header-menu li ul li a{
  display: inline-block; 
}
#header-menu li ul li a {
  display:block;
  padding:4px 10px;
  border-bottom:1px solid rgb(241,165,75);
  -webkit-text-shadow:1px 1px 0 #d08a21;
  -moz-text-shadow:1px 1px 0 #d08a21;
  -o-text-shadow:1px 1px 0 #d08a21;
  text-shadow:1px 1px 0 #d08a21;
  text-transform:capitalize;
}
#header-menu li ul li a:hover {
  background:#F3AD33;
}
.drop-menu {
  float: right;
  width: 144px;
  position: absolute;
  font-size: 11px;
  line-height:1.6em;
  background-image: url("images/arrow.png");
  background-repeat: no-repeat;
  background-position: 122px 12px;
  font-weight: normal;
}
.drop-menu li {
  display: none;
  margin: 0 0 2px 0;
  background-color: #c68119;

}
.drop-menu:hover li {
  display: block;
}
.drop-menu li.active {
  display: block;
  background-image: url("images/arrow.png");
  background-repeat: no-repeat;
  background-position: 122px 12px;
}
.drop-menu li a {
  display: block;
  padding: 4px 12px 6px 12px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
#header-mobile-menu {
  display: none;
  margin: 0 auto;
  padding:20px;
  text-align: center;
  font-size:1.4em;
  font-weight:bold;
  color: #fff;
  margin-top:1px;
  border-top:4px solid rgb(161,167,210);
  background:#ED8F1E;  
}
#header-mobile-menu li {
  list-style: none;
  padding: 4px 20px; 
}
#header-mobile-menu li a {
  color: #fff;
}
#menu-button {
  width: 45px;
  height: 33px;
  margin-top:-17px;
  background: url("images/menuBtn.png") no-repeat scroll 0 0 #e29521;
  display: none;
  position: absolute;
  right: 30px;
  top: 50%; 
}
#header-mobile-menu-wrap {
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 400ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -moz-transition: max-height 400ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
  -o-transition: max-height 400ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
  transition: max-height 400ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
#header-mobile-menu-wrap.active {
  max-height: 1200px;
}
#page {
  width: 960px;
  margin: 0 auto;
  background-color: #fff;
  overflow:hidden;
  position:relative;
  z-index:1;
}
#page.page404 {
  min-height: 200px;
}
#homeGaleryWrap{
  background:#fff;
  position:relative;
  z-index:1;  
  overflow:hidden;
}
#homeGalery {
  width:960px;
  margin:0 auto;
  box-shadow:0 0 80px #eee;
  overflow:hidden;
}
.slideText1, .slideText2, .slideText3 {
  line-height:1em;
}
.slideText1 {
  color: #5b6a8b;
  font-size: 30px;
}
.slideText2 {
  color: #5b6a8b;
  font-size: 35px;
}
.slideText3 {
  color: #29221e;
  font-size: 48px;
}
.info-divider {
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
  height: 5px;
  display: block;
  margin: 0 0 30px 0;
  clear:both;
}
#homeServices {
  min-height:500px;
  margin:30px;
  background: #fff;
  overflow:hidden;  
}
.service-box {
  width: 31%;
  float: left;
  padding: 0 0 20px 0;
  line-height: 20px;
  margin-left:3.49%;
  overflow:hidden;
}
.service-box.first {
  margin-left: 0;
}
.service-box h2 {
  font-size: 1.5em;
  line-height:1em;
}
.servicePreviewThumb {
  position:relative;
  margin-bottom: 15px;
  vertical-align:bottom;
  cursor:pointer;
}
.servicePreviewThumb  img {
  width:100%;
  height:auto;
  vertical-align:bottom;
}
#homeServices  .servicePreviewThumb h2 {
  position:absolute;
  bottom:10px;
  left:0;
  background:rgba(255,255,255,0.8);
  padding:10px;
  display:block;
  margin:0;
}
#homeServices  .servicePreviewThumb h2 a {
  display:block;
  color:#111;
}
#homeServices  .servicePreviewThumb h2 a:hover, #homeServices  .servicePreviewThumb:hover  h2 a  {
  color: #5b6a8b;
  text-decoration:none;
}
.servicePreviewTitleWrap {
  width:268px;
  margin-bottom:5px;
}
.servicePreviewExcerpt {
  overflow:hidden;
}
#contentWrapper {
  float:left;
  width:100%;
}
#content {
  min-height:500px;
  margin:60px 320px 30px 30px;
  background: #fff;
  overflow:hidden;
  position:relative;
  z-index:1;    
}
#content.home {
  margin-top:0;
}
#content.wide {
  margin:50px 30px 30px;
}
#content p, #homeServices p {
  margin: 0 0 10px 0;
}
#content h1, #content h2, #content h3,
#homeServices h2, #homeServices h3 {  
  font-family: "PT Serif",Arial,serif;
  color: #F5A027;
  margin:1.2em 0 0.6em;
  font-weight: normal;
}
#content h1 {
  margin-top:0;
  font-size:2em;  
}
#content h2{
  font-size:1.8em;
}
#homeServices h2 { 
  margin-top:0;
}
#content h3 {
  font-size:1.4em;
}
#content h2.post-title {
  margin:0;
}
#content h2.homeJournalTitle {
  width: 200px;
  margin-top:-2px;
}
#content h2 a{  
  color: #5b6a8b;
}
#content h2 a:hover, #homeServices h2 a:hover{  
  color: #F5A027;
  text-decoration:none;
}
#content ul {
  list-style:none;
  padding: 0 0 10px 10px;
}
#content ul li{
  background:url(images/bulletBlue.gif) no-repeat 0 10px;
  padding: 2px 0 2px 15px;
}
#content ol {
  margin:0;
  padding: 0 0 10px 28px;
} 
#content ol ol {
  margin:0 0 0 15px;
}
img.alignleft{
	float:left;
}
img.alignright{
	float:right;
}
img.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#content table {
  padding: 0;
  border: 0 none;
  border-collapse: collapse;
  margin: 0 0 16px 0;
}
#content table td {
  padding: 8px 20px;
  background-color: #f9f9f9;
  border-bottom:1px solid #fff;
}
#content table thead td, #content table th {
  padding: 8px 0px;
  background-color: #eee;
}
.servicesList {
  padding-top:30px;
}
#content h2.postTitle, #content h1.postTitle {margin-top:0;}
#content h2.postTitle { margin-bottom:0.2em;}
.post-title a {
  font-size: 18px;
  color: #F5A027; 
}
.post-item {
  margin-bottom: 20px;
  overflow:hidden;   
}
.post {margin-bottom:30px; overflow:hidden;}
.postMeta {
  padding:10px 0 10px;
  border-bottom: 1px solid #E7E6E6;
  border-top: 1px solid #E7E6E6;
  overflow:hidden;
}
.postMetaContent {
  width:450px;
  float:left;
}
.postMetaAuthor,
.postMetaDate,
.postMetaCategories,
.postMetaTags {
  color: #999999;
  font-size: 0.8em;
  margin: 0 15px 0 0;
}
.postMeta span i {
  margin: -2px 5px 0 0;
  opacity: 0.4;
  filter:alpha(opacity=40);
}
.icon {
  background-image: url("images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  line-height: 1;
  margin-top: -1px;
  vertical-align: middle;
  width: 14px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-user {
  background-position: -168px 0;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.socialButtons {
  width:160px;
  float:right;
  padding-top:5px;
}  
.postLeft {width:160px;float:left;}
.postRight {margin-left:180px;}
.postImage {
  margin-bottom:30px;
  position:relative;  
}
.postImage img, #content .postImage img {
  max-width:100%;
  height:auto;
  vertical-align:middle;
  margin-bottom:0;
}
.postExcerpt, .postContent {
  margin:15px 0;
}
.readmore {
  color: #F5A027;
}
.dates-posted-wrap {
  font-size: 12px;
  color: #7B7B7B;
  margin-bottom: 10px;
}
.learn-more {
  padding:2px 5px 2px 15px;
  display:block;
  margin-top:5px;
  background:url(images/arrow-orange.png) no-repeat 0 4px;
  line-height:1em;
  text-decoration:none;
}
.learn-more:hover {
  text-decoration:none;
}
.imageOverlay {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  background:url(images/bg-grey-transp.png) repeat 0 0;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
   -moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
     -o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
        transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */  
}
a:hover .imageOverlay {
  opacity:1;
  filter:alpha(opacity=100);
}
.iconPlus {width:67px;height:67px;background:url(images/iconPlus.png) no-repeat 0 0; position:absolute; top:50%; left:50%; margin:-33px 0 0 -33px;}
.iconPDF  {
  padding:15px 0 20px 50px;
  display:block;
  background:url(images/icn-pdf.gif) no-repeat 0 0;
  line-height:1.1em;
}
.button, .button-small {
  display:inline-block;
  min-width:120px;
  text-align:center;
  font-family: "PT Sans",Arial,serif;
  line-height:1em;
  color: #fff;
  background:url(images/bgBtn.gif) repeat-x 0 0 #e86f04;
  text-decoration: none;
  font-weight:bold;
  cursor: pointer;
  text-transform:uppercase;
  -webkit-text-shadow:1px 1px 0 #ce5e16;
  -moz-text-shadow:1px 1px 0 #ce5e16;
  -o-text-shadow:1px 1px 0 #ce5e16;
  text-shadow:1px 1px 0 #ce5e16;   
}
.button:hover, .button-small:hover {
  color:#8c4a00;
  -webkit-text-shadow:1px 1px 0 #f0a957;
  -moz-text-shadow:1px 1px 0 #f0a957;
  -o-text-shadow:1px 1px 0 #f0a957;
  text-shadow:1px 1px 0 #f0a957;  
  text-decoration:none;
}
.button {
  padding: 17px 30px 18px; 
  font-size: 14px;    
}
.button-small {
  padding:12px 15px 13px;
  font-size:12px;
}
.pagination {
  font-size: 16px;
}
.pagination .current {
  color:#66644C;
}
.pagination a, .pagination span {
  padding: 0 8px;
}
.pagination .prevDisabled, .pagination .nextDisabled {
  color: #ddd;
}
#comments ol {
  list-style:none;
  margin:0;
} 
#comments ol ol {
  margin:0 0 0 15px;
}
#comments p {
  padding-bottom:10px;
}
#comments .comments-title {
  margin-top:0;
}
.comments-area .comment {
	padding:0 0 15px;
  margin:0 0 15px;
  -moz-hyphens: auto;
  border-bottom: 4px double #EDEDED;
  word-wrap: break-word;  
}
.comments-area .comment-header {
	overflow: hidden;
}
.comments-area .comment-header img {
	float: left;
}
.comments-area .comment-author,
.comments-area .comment-time {
	display: block;
	margin-left: 65px;
}
.comments-area .comment-author {
	font-style: normal;
	font-size: 16px;
}
.comments-area .comment-time {
	font-size: 12px;
	color: #5e5e5e;
}
.post-author-comment {
  color:#777;
}
.comments-area .comment-header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	padding: 2px 5px;
	font-size: 10px;
}
a.comment-reply-link,
a.comment-edit-link {
	font-size: 13px;
}
.commentlist .pingback {
	margin-bottom: 24px;
}
#respond  #reply-title {
  margin-top:0;
} 
#respond  #reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	font-weight: normal;
	font-size: 12px;
}
#respond label {
	display: block;
}
#respond input[type="text"],
#respond textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  border:1px solid #eee;
	font-size: 12px;
  font-family:'function_pro_lightregular', Arial, sans-serif;
	padding: 10px;
	width: 100%;
}
#respond input[type="submit"]{
  margin: 16px 0 0 0;
  height: 33px;
  display: inline-block;
  color: #fff !important;
  padding: 0 20px;
  background: url(images/button-bg.jpg) repeat-x;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  line-height: 30px;
  font-size: 12px;
  border:0;
}
#respond input[type="submit"]:hover {
  color: #fff;
  text-decoration: none;
}
#respond textarea {
  resize:vertical;
  overflow:auto;
}
#respond form p.form-allowed-tags {
	font-size: 12px;
	color: #5e5e5e;
}
#sidebar {
  float:left;
  width: 250px;
  margin:40px 0 40px -280px;
}
#sidebar.home{
  margin-top:0;  
}
#sidebar ul ul {
 margin-left:10px;
}
#sidebar ul li {
  list-style: none;
}
#sidebar ul li a {
  background: url(images/arrow-ul.png) no-repeat 2px 15px; 
  color: #5B6A8B;
  display: block;
  font-size: 14px;
  padding:6px 5px 6px 15px;
  border-bottom: 1px solid #EDEDED;
}
#sidebar ul li a:hover {
  color:#5B6A8B;
  background-color:#fbfbfb;
  text-decoration:none;
}
#sidebar a {
  text-decoration:none;
}
#sidebar a:hover {
  text-decoration:underline;
}
#sidebar .content-box {
  padding:10px;
}
#sidebar .content-box h1,
#sidebar .content-box h2,
#sidebar .content-box h3 {
  padding: 8px 0;
}
#sidebar .post-edit-link {
  font-size: 12px;
  padding: 0 8px;
}
.sidebar-menu-title, .widget-title {
  font-family: "PT Serif",Arial,serif;
  margin: 25px 0 5px 0px;
  padding:0 10px 4px 0;
  font-weight: normal;
  font-size: 20px;
  color:#F5A027;
  background:url(images/bg-title.gif) repeat-x 0 center;
  text-align:right;
}
.sidebar-menu-title span, .widget-title span {
  background:#fff;
  display:inline-block;
  padding:0 10px 0 10px;
}
#footerWrap {
  background-color: #414141;
  overflow: hidden;
}
#footer {
  width: 960px;
  margin: 0 auto;
  font-size: 12px;
  line-height:1.5em;
  color: #fff;
}
#footer a{
  color:#fff;
}
#footer p {
  margin-bottom:10px;
}
#footer .customers,
#footer .browse,
#footer .connect,
#footer .footer_second_address {
  padding: 28px 20px 20px;
  float: left;
}
#footer .connect{
  width: 210px;  
}
#footer .browse {
  width:140px;
  padding-left:30px;
}
#footer .customers {
  width:210px;
}
#footer .footer_second_address {
  padding: 72px 0 20px 20px;
  width:190px;
}
#footer .browse h3,
#footer .customers h3,
#footer .connect h3 {
  display:block;
  color:#f2ae32;
  font-size: 20px;
  padding: 0 10px 10px 0;
  border-bottom: 3px solid #fff;
  text-transform: uppercase;
}
#footer .connect h3 {
  margin-bottom:6px;
}
#footer  .footerBlock ul li {
  list-style: none;
}
#footer  .footerBlock ul li a {
  display:block;
  border-bottom:1px solid #999;
  padding:8px 5px;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
#footer  .footerBlock ul li a:hover {
  text-decoration:none;
  background:#555;
}
#footerLogo {
  margin: 10px 0 0 0;
  max-width:100%;
}
.footer-icons-box {
  margin: 10px 30px 0 0;
  text-align:right;
}
.footerSocialIcon {
  width: 29px;
  height: 29px;
  margin-left: 4px; 
  display:inline-block;
  background: url(images/spriteSocialIcons.png) no-repeat 0 0;
  text-indent:-1000px;
  text-align:left;
  overflow:hidden;
}
.icnFacebook {
  background-position: 0 0;
}
.icnTwitter {
  background-position: -30px 0;
}
.icnYoutube {
  background-position: -60px 0;
}
.icnPinterest {
  background-position: -90px 0;
}
.icnLinkedin, .icnVimeo {
  background-position: -70px 0;
  display:none;
}
#footer .copyright {
  border-top:1px solid #4e4e4e;
  overflow: hidden;
  margin:16px 0 0;
  padding:15px 28px 0 ;
}
#footer .copyright .copy {
  float: left;
  width: 48%;
  padding: 0 0 20px 0;
}
#footer .copyright .medora {
  text-align: right;
  float: right;
  width: 48%;
}
.contact-form {margin:30px 0 20px;}
.contact-form h2{color:#000;font-style:normal;letter-spacing:-1px;margin-bottom:12px}
.contact-form .inp_l,.contact-form .inp_r {padding:0 0 20px;width:46%;}
.contact-form .inp_w{clear:both;padding:0 0 20px}
.contact-form .inp_l{clear:left;float:left}
.contact-form .inp_r{clear:right;float:right}
.contact-form .fieldTitle{display:block;padding:0 0 5px; color:#5f698a; font-size:1.1em; font-weight:bold;}
.reqSign{color:#adadad;font-size:10px} 
.txtInp{ display:block; border:1px solid #e7e7e7; background:#f4f4f4; color:#333;font-family:Arial,Verdana,sans-serif;font-size:12px;line-height:16px;outline:0 none;padding:8px 2%;width:95%;}
.selInp{ display:block; border:1px solid #e7e7e7; background:#f4f4f4; color:#333;font-family:Arial,Verdana,sans-serif;font-size:12px;line-height:16px;outline:0 none;padding:8px 2%;width:95%}
.contact-form .txtAreaAb { border:1px solid #e7e7e7; background:#f4f4f4;padding:8px 1.5%;width:96%;}
.contact-form .txtArea{display:block;border:0;background:none;color:#333;font-family:Arial,Verdana,sans-serif;font-size:12px;height:100px;line-height:16px;outline:0 none; width:100%;min-width:100%;max-width:100%;}
#thanksMessage,#thanks{display:none;font-size:20px;padding:0 0 100px}
#thanksMessage,#thanks h2{font-weight:bold;padding:20px 0 10px}
#thanksMessage,#thanks .editBoxy{font-size:20px}
.successMessage,.errorMessage,.errorMessageUnderField{display:block;font-weight:bold;margin:10px 0;padding:10px 15px}
.errorMessageUnderField{font-weight:bold; display:inline-block;margin:5px 1px 5px 1px ;padding:0px 10px; color: #ff9999;}
.successMessage{background:#5b6a8b;color:#0E518B}
.errorMessage,.errorMessageUnderField{background:#fff;}
.errorMessageHidden{display:none}
#formstatusContact{box-shadow:none;display:none;position:relative}

#contactTabs {
  width:30%;
  height:260px;
  float:left;  
  background:#f7f7f7;
}
#contactTabs .tabBody {
  padding:15px 20px 0;
}
#mapWrap {
  overflow:hidden;
  position:relative;
  border-bottom:10px solid #b9b9c0;
  background:#f7f7f7;
}
#map{
  width:50%;
  min-height:260px;
  height:100%;
  float:left;
  position: absolute;
  top:0;
  right:0;
  bottom:0;  
  z-index:1;
}
#noMap {
  width:50%;
  min-height:260px;
  height:100%;
  float:left;
  display:none;
  font-size:20px;
  color:#5f698a;
  background:#eee;
  text-align:center;
  position: absolute;
  top:0;
  right:0;
  bottom:0;    
}
#noMap p {
  width:100%;
  text-align:center;
  position:absolute;
  top:48%;
  left:0;
}

#content .tabCaptions {
  min-height:260px;
  width:20%;
  float:left;
  padding:0;
  margin:0;
  background:#fcfcfc;
  border-left:0;
  border-right:0;
  list-style:none;  
}
#content .tabCaption {  
  background:none;
  line-height:1em;
  position:relative;
  padding:0;
  margin:0;
}
.tabCaption  a,
#content .ui-tabs-nav a {
  display:inline-block;
}
.tabCaption  a,
#content .ui-tabs-nav a {
  display:block;
  position:relative;   
  border-bottom:1px solid #fff;
  text-decoration:none;
  padding:20px 10px 20px 45px; 
  font-size:1.4em;
  line-height:1em;
  font-weight:bold;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s; 
  color:#f39f26;
  -webkit-text-shadow:1px 1px 0 #fff;
  -moz-text-shadow:1px 1px 0 #fff;
  -o-text-shadow:1px 1px 0 #fff;
  text-shadow:1px 1px 0 #fff;      
}
#content .ui-tabs-nav a {
  padding:14px 10px 14px 35px;
  background:#fbfbfb;
  font-size:1.4em;
  font-family:"PT Serif", Arial, serif;
}
.tabCaption a:hover,
#content .ui-tabs-nav a:hover {
  background:#f7f7f7; 
}
.tabCaption a.active,
#content .ui-tabs-nav .ui-tabs-active a {
  background:#f7f7f7;
  color:#5a698a;
  -webkit-text-shadow:1px 1px 0 #fff;
  -moz-text-shadow:1px 1px 0 #fff;
  -o-text-shadow:1px 1px 0 #fff;
  text-shadow:1px 1px 0 #fff;     
}
.tabCaption:last-child a, 
.tabCaption.last a{
  border-bottom:0;
}
.tabCaption .icon,
.ui-tabs-nav .icon {
  width:16px;
  height:16px;
  display:block;  
  position:absolute;
  top:50%;
  left:0;
}
.tabCaption .iconArrow,
.ui-tabs-nav .iconArrow {
  width:20px;
  height:20px;
  background: url(images/arrow-white.png) no-repeat 50% 50% #b9b9c0;
  left:15px;
  margin-top:-10px;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;   
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -o-border-radius:20px;
  border-radius:20px;
}
.ui-tabs-nav .iconArrow {
  left:10px;
}
.tabCaption a.active .iconArrow,
.ui-tabs-nav a.active .iconArrow { 
  -webkit-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg);
  background-color:#5a698a;
}
.tabBody {
  display:none;
}
#content .ui-tabs-nav {
  padding:0;
  border-bottom:1px solid #eee;
}
#content .ui-tabs-nav li{ 
  background:none;
  border:0;
  padding:0;
}
.ui-tabs-panel {
  margin:15px 0 20px;
}
 
.ui-accordion {
  margin:15px 0 20px;
}
#content .ui-accordion-header{
  position:relative; 
	margin:0;
}
.ui-accordion-header a{
  display:block;  
  border-bottom:1px solid #fff;
  text-decoration:none;
  padding:16px 10px 16px 45px; 
  font-size:1.2em;
  line-height:1em;
  font-weight:bold;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s; 
  color:#f39f26;
  background:#fbfbfb;
  -webkit-text-shadow:1px 1px 0 #fff;
  -moz-text-shadow:1px 1px 0 #fff;
  -o-text-shadow:1px 1px 0 #fff;
  text-shadow:1px 1px 0 #fff;    
}
.ui-accordion-header a:hover{
  background:#f7f7f7; 
}
.ui-accordion-header.ui-state-active a{
  background:#f7f7f7;
  color:#5a698a;
  -webkit-text-shadow:1px 1px 0 #fff;
  -moz-text-shadow:1px 1px 0 #fff;
  -o-text-shadow:1px 1px 0 #fff;
  text-shadow:1px 1px 0 #fff;    	 
}
.ui-accordion-header-icon {
  display:block;  
  width:20px;
  height:20px;  
  margin-top:-9px;  
  position:absolute;
  top:50%;
  left:15px;  
  background: url(images/arrow-white.png) no-repeat 50% 50% #b9b9c0;
  -webkit-transition:all .3s ease-in-out .1s;
  -moz-transition:all .3s ease-in-out .1s;
  -o-transition:all .3s ease-in-out .1s;
  transition:all .3s ease-in-out .1s;   
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -o-border-radius:20px;
  border-radius:20px;
}
.ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  background-color:#5a698a;
}

.ui-accordion-content{
	padding:10px 15px 20px;
}

#md_tweets_widget {
  background-color: #f6f6f6;
  padding: 15px;
  margin-top:25px;
}
#md_tweets_widget .widget-title {
  height: 30px;
  font-family:"PT Sans", Arial, sans-serif;
  font-weight: normal;
  color: #2daae1;
  padding: 0 0 0 40px;
  margin: 6px 0 16px 0;
  font-size: 16px;
  line-height: 32px;
  text-transform: uppercase;
  background: url(images/twitter-box-icon.png) no-repeat 0 0 transparent;
}
#md_tweets_widget .widget-title a {
  color: #2daae1;
  text-decoration:none !important; 
}
#md_tweets_widget .widget-title a:hover {
  color: #F7A06F;
}
#md_tweets li{
  font-size:12px;
  padding:5px 10px;
  margin-bottom:5px;
  color: #808184 !important;
  background: #ffffff !important;
  border-bottom:0 !important;
}
#md_tweets li a {
  padding:0 !important;
  font-size:12px !important;
  display:inline !important;
  color: #2daae1 !important;
  background:transparent !important;
  text-decoration: underline;
}
#md_tweets li a:hover {
  color: #F7A06F !important;
}
#md_tweets li span {
  color: #aaa;
}

@media(max-width:1024px) {
  #header,
  #page,
  #homeGalery,
  #footer {
    width:100%;
    max-width:960px;
  }
  #headerWrap,
  #homeGaleryWrap,
  #pageWrap,
  #footerWrap {
    padding:0px 20px;
  }
  #content {
    margin-left:4%;
    margin-right:33%;
  }
  #sidebar {
    width: 25%;
    margin-left:-29%;
  }
  #sidebar img {
    max-width:100%;
    height:auto;
  }
  .service-box {
    width:47%;
    margin-left:6%;
  }    
  #footer .browse,
  #footer .customers,
  #footer .connect{
    padding:20px 2% !important;  
  }
  #footer .footer_second_address {
    padding:62px 2% !important;
  }  
  #footer .browse,
  #footer .customers,
  #footer .connect,
  #footer .footer_second_address {
    width:21%
  }      
  #content .tabCaptions {
    width:100%;
    float:none;
    height:auto;
  }
  #content .tabCaption {
    float:left;
  }  
  .tabCaption a{
    padding:12px 10px 12px 40px;
    background-position:0px 50%;
  }    
  #contactTabs {
    width:40%;
  }
  #content .tabCaptions {
    min-height:0;
  }
  #map, #noMap{
    width:60%;
    min-height:260px;
    height:auto;
    position:relative;
  }
}
@media(max-width:850px) {
  #header-menu {
    top:36px;
  }
  #searchBox {
    top:5px;
    right:10px;
  }
  #header-widget-area {
    top:14px;
    right:315px;    
  }  
  #headerPhone{
    top:7px;
    right:205px;
  }
  #header-menu li a {
    padding: 6px 12px 8px 14px;
  }
  #headerWrap {
    background-position:0 -46px;
  }
  #header {
    height:90px;
  }  
  #logo img {
    height:50px;
  }
  #content .tabCaption {
    width:auto;
    float:none;
  }    
  #contactTabs {
    height:auto;
    float:none;
    width:100%;
    line-height:1.2em;
  }
  #contactTabs .tabBody {
    padding:15px 20px;
  }  
  #map, #noMap{
    float:none;
    width:100%;
    height:150px;
    min-height:0;
  }  
}
@media(max-width:640px) {
  #searchBox {
    display:none;
  }
  #header-widget-area {
    right:140px;
  }
  #headerPhone {
    right:22px;
  }
  #menu-button{
    display: block;     
    margin-top:-8px;
    right:20px;
  }
  #header-menu,  
  .servicePreviewExcerpt,
  #footerLogo  {
    display:none;
  }
  #header,
  #page,
  #homeGalery,
  #footer  {
    width:100%;
    max-width:640px;
    min-width:300px;
  }
  #headerWrap,
  #homeGaleryWrap,
  #pageWrap,
  #footerWrap {
    padding:0px 10px;
  }
  #header-mobile-menu {
    display: block;
  }
  #content{
    margin-left:4%;
    margin-right:4%;
    min-height:auto;
  }
  #sidebar{
    width:auto;
    margin:30px 4% 30px 4%;
    float:none;
  }
  #footer{
    padding-bottom:20px;
  }
  #footer .browse,
  #footer .customers,
  #footer .connect,
  #footer .footer_second_address {
    float:none;
    width:auto;
    padding:30px !important;
  }
  #footer .browse,
  #footer .customers,
  #footer .connect,
  #footer .footer_second_address {
    padding-bottom:0 !important;
  }
  #footer .copyright .copy ,
  #footer .copyright .medora{
    width:100%;
    display:block;
    float:none;
    text-align:center;
    padding:0;
  }
  .service-box h2 {
    font-size:1em;
  }      
}