/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/*
------------------------------------------------------
This style sheet contains the classes for the general 
page contruction and positioning.
------------------------------------------------------
*/

h1.banner a { background: rgba(0, 0, 0, 0) url("../images/logo.png") no-repeat scroll left top; display: block; float: left; height: 0; margin: 8px 0 0 25px; overflow: hidden; padding: 75px 0 0; width: 210px; }

#container {  max-width:1016px; background:#fff; margin: 8px auto 0 auto; width:96%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }

#top { min-height:118px; margin:0; border-bottom:5px solid #DA1725; background:#fff; width:100%; float:left; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#top-inner { min-height: 105px;}
#access { width:100%; float:left; padding-bottom: 0;}
#home-hero {    float: left;    width: 100%;}

#top-utility { float:right; margin: 30px 0 0 0; padding:0 0 0 36px; color:#444; background: url(../images/phone.png) no-repeat 0px 1px; width:230px; font-size:17px; font-weight:bold; line-height:1.1}
#top-utility a { color:#444; font-size:12px; font-weight:normal;}

#navigation-wrap { padding:75px 0 0 200px; }


/*
------------------------------------------------------
HOME PAGE
------------------------------------------------------
*/


#home-hero { position: relative; background: url(../images/bg/home-hero01.jpg) no-repeat top left; min-height:343px;}

div.thethe-image-slider-caption-text h2 {color: #fff; font-size:28px; font-weight:bold;line-height:1;}
div.thethe-image-slider-caption-text h3 {color: #da1725; font-size:25px; line-height:1.1;}
div.thethe-image-slider-caption-text p {color: #000; font-size:15px; line-height:1.3;}
div.thethe-image-slider-caption-text p.white {color: #fff; }




ul#socialnetworks { margin:0; padding:0; position:absolute; top:20px; right:20px; list-style:none; width:70px; z-index:99; }
ul#socialnetworks li { height:25px; display:inline;}
ul#socialnetworks li a {   overflow:hidden; display:inline-block; width:25px; height:0px; padding:25px 0 0 0; overflow:hidden; margin:0 2px;}
ul#socialnetworks li a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; opacity:.7;}
ul#socialnetworks li a.twitter { background:url(../images/icon-twitter.png)  }
ul#socialnetworks li a.facebook { background:url(../images/icon-facebook.png) }
ul#socialnetworks li a.linkdin { background:url(../images/icon-linkdin.png) }


/*#middle { margin:0; background:#fff; padding:30px ;}*/
#middle { margin:0; background:#fff; padding:30px 3%; float:left; overflow:hidden; width:94%; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

/*#home-copy { width: 520px; float:left; }*/
#home-copy { float:left; width:51%; }
#home-intro { width: 100%; margin-bottom: 30px; font-size: 14px; line-height: 1.6;}
#home-copy h2, #home-intro h2 { font-size:19px; color:#da1725; font-weight:bold; border-bottom:1px solid #c6c6c6; width:440px; }
#home-copy ul, #home-intro ul { width:90%; padding:5px 5px 5px 15px; }
#home-copy ul li, #home-intro ul li { list-style: square; float:left; width:230px; padding:02px 5px; line-height:1.2;}

/*#home-right { margin: 0 0 0 580px;  border: 1px solid #fbdae5;  padding:10px 20px 20px 20px;
 border-radius:3ex;
  -webkit-border-radius:3ex;
  -moz-border-radius:3ex;}*/
  
  #home-right { border: 1px solid #fbdae5;
    border-radius: 10px;
    float: right;
    margin: 0;
    padding: 10px 1%;
    width: 45%; }
  
#home-main-bottom { margin:50px 0 20px 0;}
img.view-map { float:right; }
div.office-hours { float:right; display:inline; margin: 0 20px 0 0 ; font-size:11px; line-height:1.2;}
  
  
ul#hero-portal-wrap { position:absolute; bottom:0px; right:0px; width:400px; height:234px; z-index:99; }
	ul#hero-portal-wrap li a { height:0px; overflow:hidden; padding: 77px 0 0 0; display: block; margin:0 0 1px 0 }
	ul#hero-portal-wrap li a:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); -moz-opacity: 0.95; opacity:.95; }
  		ul#hero-portal-wrap li a.portal-pilates { background:url(../images/portals/portal-pilates.jpg) top left no-repeat;}
  		ul#hero-portal-wrap li a.portal-occhealth { background:url(../images/portals/portal-occhealth.jpg) top left no-repeat;}
		ul#hero-portal-wrap li a.portal-injury { background:url(../images/portals/portal-injury.jpg) top left no-repeat;}
 		/*ul#hero-portal-wrap li a.portal-food { background:url(../images/portals/portal-food.jpg) top left no-repeat;}*/
		
  
/*
------------------------------------------------------
Footer
------------------------------------------------------
*/

#footer { 
	clear: both;
    color: #777;
    font-size: 12px;
    margin: 0 auto 20px;
    max-width: 1016px;
    padding: 20px 0;
    text-align: center;
    width: 96%;
}



#footer a { color:#444;}
span.tanklink { float:right; padding:3px 10px 5px 0;}
img.tanksite {float: right;}
.fo-left {

}


/*
------------------------------------------------------
WIDGETS
------------------------------------------------------
*/

ul.tddrecentposts { border-bottom:1px solid #c6c6c6;}


ul.tddrecentposts li { border-top:1px solid #c6c6c6;}
ul.tddrecentposts li a { color:#e32117; font-weight:bold;}
ul.tddrecentposts dd { color:#000; font-size:11px; }

div.textwidget { font-size:11px;}


/*
------------------------------------------------------
PAGES
------------------------------------------------------
*/

/*#page-wrap {padding: 10px 050px 40px; position:relative; height:auto !important; height:460px; min-height:460px;

}*/
#page-wrap {
    float: left;
    height: auto !important;
    min-height: 460px;
    padding: 10px 5% 40px;
    position: relative;
    width: 90%;
}


#page-content {width: 71%; /*width:650px;*/   border-radius:3ex;  -webkit-border-radius:3ex;-moz-border-radius:3ex; border: 1px solid #fbdae5;  padding:10px 10px 20px 15px; margin: 0 0 0 0;}


#page-content a { text-decoration:underline;}
#page-content img { border:5px solid  #c6c6c6; margin:5px;}

#page-content-full { /*width: 880px;*/ width:auto; overflow:hidden;
 border-radius:3ex;  -webkit-border-radius:3ex;-moz-border-radius:3ex; border: 1px solid #fbdae5;  padding:10px 10px 20px 15px; margin: 0 0 0 0;}

  
#page-content ul {padding:5px 5px 5px 15px; margin: 5px 0 0 10px; }
#page-content ul li { list-style: square; padding:02px 5px; line-height:1.2;}



span.post-meta-key { display:none;}


#featured-pic { float:left; width:230px; margin:15px 0 0 0;}
#featured-pic img { border:5px solid #c6c6c6; }
#page-content-right-column { margin: 0 0 0 250px;}

#page-content table  { background:#eee;}
#page-content table td { border:1px solid #fff; padding:3px;}


.featured-pic {
	margin: 0 15px 0 0;
	border: 5px solid #c6c6c6;
}
hr {
    clear: both;
    display: inline-block;
    height: 1px;
    background: #eaeaea;
    border: none!important;
    margin: 15px 0;
    width: 100%;
}







div.ui-tabs-panel { height:auto !important; height:630px; min-height:630px;}
 
 
/*
------------------------------------------------------
rightnav
------------------------------------------------------
*/
#rightnav { float:right;/* width: 180px;*/ width: 19.8%;  border-radius:3ex;  -webkit-border-radius:3ex;  -moz-border-radius:3ex; border: 1px solid #fbdae5;  padding:10px 10px 20px 15px; margin: 0 0 0 0;  }

ul.menu { margin:0 0  20px; padding:0 0 0 15px;  }
ul.menu li{ list-style: square;  padding:2px 5px; line-height:1.2; }

.mobile-screen { max-width:640px; margin:0 auto; width:96%; background:#fff;  -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; min-height:400px; overflow:hidden;}
.mobile-banner img{ width:100%; display:block;}
.mobile-banner { width:100%; float:left; margin-bottom:2px;}
.mobile-nav  { width:100%; float:left; margin-bottom:0;}
.mobile-nav ul { margin:0px; padding:0px;}
.mobile-nav ul li { list-style:none;}
.mobile-nav ul li + li { margin-top:1px;}
.mobile-nav ul li img { float:left; margin-right:12px; position: relative; top: -7px;}
.mobile-nav ul li a{ 
font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; font-weight:bold;
display:block; padding:15px 15px; text-align:left;

background: #808080; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWFhYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #808080 0%, #a9aaab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#a9aaab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #808080 0%,#a9aaab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #808080 0%,#a9aaab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #808080 0%,#a9aaab 100%); /* IE10+ */
background: linear-gradient(to bottom,  #808080 0%,#a9aaab 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#a9aaab',GradientType=0 ); /* IE6-8 */

}
	.mobile-nav ul li a:hover{ 
background: #a9aaab; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YWFhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a9aaab 0%, #808080 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9aaab), color-stop(100%,#808080)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a9aaab 0%,#808080 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a9aaab 0%,#808080 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a9aaab 0%,#808080 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a9aaab 0%,#808080 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9aaab', endColorstr='#808080',GradientType=0 ); /* IE6-8 */
	
	}
	.mobile-nav ul li a span {    display: table;    margin: auto;    min-width: 245px;     line-height: 45px;}	


.youvideo iframe {
    border: medium none;
    margin: 0;
}

/* Additions */

span.wpcf7-list-item {
	display: block;
}