/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 466 $
 * @lastmodified    $Date: 2010-09-14 21:19:30 +0200 (Di, 14 Sep 2010) $
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { background: transparent url(../images/common/page_back.jpg) repeat top left; font: 14px/1.8em 'Montserrat', Arial, Helvetica, sans-serif; color: #4a4a4a; }
   
   p { margin: 0 0 15px; }
    
   a, a:visited { color: #7e9a32; }
   a:hover { color: #000; text-decoration: none; }
   
   a.purple-link, a.purple-link:visited { color: #9463b8; }
   a.purple-link:hover { color: #7e9a32; text-decoration: none; }
   blockquote { border-left: 1px solid #ddd; }
   blockquote p { font-size: inherit; line-height: inherit; }
   
   hr { border-top: 1px solid #cbccce; }
   
   li { padding: 5px 0; }
  
  .hideme { position: absolute; top: -32768px; left: -32768px; }
  
  .wrapper { width: 100%; background: url(../images/common/wrapper_back.jpg) repeat-x top center; min-height: 400px; }
  .container-fluid { max-width: 980px; margin: 0 auto; position: relative; }

/*-------------- HEADER ----------------------------------------------------------------------------------------*/  
  .header { padding: 0; height: 80px; position: relative; max-width: 980px; margin: 0 auto; }
  .header a, .header a:visited { color: #2e0b48; }
  .header a:hover { color: #7e9a32; }
  a.site-logo { background: url(../images/common/site_logo.png) no-repeat top center; width: 406px; height: 45px; display: block; text-indent: -99999px; position: absolute; top: 25px; }

  .hd-icon-link { display: block; float: left; width: 50%; font-size: 13px; line-height: 2.2em; position: relative; top: 33px; }
  
  .top-nav { list-style: none; margin: 13px 0 0 0; padding: 0 0 0 20px; border-left: 1px solid #a9aaad; }
  .top-nav li { padding: 0; margin: 0; }
  .top-nav li.li-last { padding-right: 0; }
  .top-nav li a, .top-nav li a:visited { color: #2e0b48; text-decoration: none; padding: 3px 0; }
  .top-nav li a:hover, .top-nav li.active a { color: #7e9a32; }
  .top-nav li a.li-first { padding-left: 0; }
 

/*-------------- NAVIGATION ----------------------------------------------------------------------------------------*/
  .navbar, .navbar-m { width: 100%; margin: 0; background: #7e9a32 url(../images/common/menu_back.jpg) repeat-x top center; height: 38px; padding: 19px 0 0 0; z-index: 10000; }
  .navbar-inner { border-radius: 0; border: none; padding-left: 0; padding-right: 0; max-width: 980px; margin: 0 auto; background: none; box-shadow: none; min-height: 33px; filter: inherit; }
  .navbar .nav { margin: 0 15px;z-index: 10000; }
  .navbar .nav>li { margin: 0; padding: 0; z-index: 10000; }
  .navbar .nav>li.nodot { background: none; }
  .navbar .nav>li:hover, .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus, .navbar .nav li.dropdown.active>.dropdown-toggle { color: #2e0b48; background: none; box-shadow: none; }
  
  .navbar .nav>li>a { color: #fff; font-size: 14px; padding: 4px 35px 6px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; text-shadow: none; }
  .navbar .nav>li>a:focus, .navbar .nav>li>a:hover, .navbar .nav>li.dropdown:hover>a  { color: #2e0b48; }
  .navbar .nav li.dropdown>.dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; }
  .navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; }
  
  .navbar .nav>li>a.menu-first { padding-left: 0; }
  .navbar .nav>li>a.menu-last { padding-right: 0; }
  
  .dropdown-menu { margin-top: -4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0px solid transparent; padding: 5px 15px; left: 20px; z-index: 10000; }
  
  .dropdown:hover .dropdown-menu { display: block; }
  
  .dropdown-menu ul { float: left; display: inline; }
  .dropdown-menu ul.first-ul { border-right: 1px solid #6e872b; padding-right: 20px; margin-right: 20px; }
  .dropdown-menu ul li { border-top: 1px solid #6e872b; padding: 5px 0; overflow: hidden; }
  .dropdown-menu ul li:first-child { border: none; }
  .dropdown-menu ul.first-ul li { padding: 10px 0 10px 40px; }
  .navbar .nav>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu:after { border: none; content: none;  }
  
  .dropdown-menu a, .dropdown-menu a:visited { color: #fff; cursor: pointer; }
  .dropdown-menu a:hover { color: #000; }
  
  .drop-meet { width: 180px; }
  .drop-office { width: 280px; }
  .drop-resource { width: 220px; }
  .drop-about { width: 200px; }
  .drop-link-patients { line-height: 40px; }
  
  .drop-meet ul, .drop-resource ul, .drop-about ul { width: 100%; }
  
  .navbar-m { display: none; padding: 12px 0 0 0; height: 46px; }
  a.mobileNav, .navbar-m li>a, .navbar-m li>span { color: #fff; padding: 10px; display: block; border-bottom: 1px solid #889c55; }
  a.mobileNav:hover, .navbar-m li>a:hover { color: #000; }
  .navbar-m li>span { color: #425411; }
  .mobileNav-list { border-top: 1px solid #748843; display: none; position: relative; z-index: 50; }
  

/*-------------- SUB-HEADER & CAROUSEL ----------------------------------------------------------------------------------------*/  
  .carousel, .subheader { max-width: 960px; margin: 10px -10px; }
  .carousel-indicators { bottom: 25px; right: 25px; top: auto; }
  .carousel-indicators li { background: url(../images/common/sprites.png) no-repeat -26px -205px; width: 15px; height: 15px; }
  .carousel-indicators .active { background-color: transparent; background-position: -6px -205px; }
  
  .carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}


.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

/*-------------- CONTENT ----------------------------------------------------------------------------------------*/ 
	.main { padding: 0 0 20px; z-index: 10; max-width: 980px; margin: 0 auto; }
	.main .content-area { background: #fff; border-radius: 10px; min-height: 500px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .3); z-index: 20; padding-bottom: 40px; }
	
	.content { padding: 0 20px 0 0; }
	
	.news-div { overflow: hidden; padding: 0 0 10px 0; margin-top: 10px; }
	.news-div.list > p { margin: 0; }
	.posted { color: #9463b8; padding-bottom: 10px; margin: 0; }
	a.news-title-link, a.news-title-link:visited { color: #2e0b48; margin-bottom: 0; }
	a.news-title-link:hover { color: #7e9a32; }
	
	.link-view-posts { }
	
	.forms-list { margin-bottom: 20px; }
	.forms-list li { overflow: hidden; padding: 6px 0; }
	.forms-list li a, .forms-list li a:visited { color: #4a4a4a; font-weight: bold; }
	.forms-list li a:hover { color: #7e9a32; }
	
	.resources-list { }
	.resources-list>li { overflow: hidden; padding: 0 0 20px 0; margin: 20px 0 0 0; border-bottom: 1px solid #eee; }
	.resources-list li:first-child { margin-top: 10px; }
	.resources-list li a { font-size: 16px; }
	
	.staff-row { border-top: 1px solid #ddd; overflow: hidden; margin: 25px 0 0 0; padding: 25px 0 0 0; }
	.staff-row.first { border: none; margin-top: 0; padding-top: 0; }
	.staff-list { text-align: center; }
	.staff-list p { line-height: 1.2em; }
	.staff-list-img { margin: 0 auto 15px; }
	
	.staff-info-img { float: left; display: inline; margin: 0 20px 20px 0; }
	
	.faq-div { margin: 0 0 10px 0; overflow: hidden; }
	
	.podcasts-list { margin-bottom: 20px; }
	
  .subheader img {
    width: 100%;
  }

/*-------------- SIDEBAR & CALLOUTS ----------------------------------------------------------------------------------------*/  
.callout-doctors {
  background: url(../images/common/sprites_callout_new.png) no-repeat -2px -139px;
  width: 232px;
  height: 136px;
  display: block;
  text-indent: -99999px;
  margin: 0 auto 20px;
}

.callout-contact {
  background: url(../images/common/sprites_callout_new.png) no-repeat -1px -280px;
  width: 231px;
  height: 122px;
  display: block;
  text-indent: -99999px;
  margin: 0 auto 20px;
}

.callout-forms {
  background: url(../images/common/sprites_callout_new.png) no-repeat -2px -410px;
  width: 232px;
  height: 135px;
  display: block;
  text-indent: -99999px;
  margin: 0 auto 20px;
}

.callout-appointment {
  background: url(../images/common/sprites_callout_new.png) no-repeat -2px -555px;
  width: 232px;
  height: 193px;
  display: block;
  text-indent: -99999px;
  margin: 0 auto 20px;
}

.callout-newborn {
  background: url(../images/common/sprites_callout_new.png) no-repeat -2px -9px;
  width: 232px;
  height: 122px;
  display: block;
  text-indent: -99999px;
  margin: 0 auto 20px;
}
	
.callout-doctors:hover {
  background-position: -248px -139px;
}

.callout-contact:hover {
  background-position: -248px -281px;
}

.callout-forms:hover {
  background-position: -248px -410px;
}

.callout-appointment:hover {
  background-position: -248px -555px;
}

.callout-newborn:hover {
  background-position: -248px -9px;
}

  .sidebar-menu { margin-bottom: 40px; }
  .sidebar-menu li a { word-break: break-all; }
	

/*-------------- FOOTER ----------------------------------------------------------------------------------------*/
  .footer { min-height: 450px; color:#fff; position: relative; font-size: 13px; margin: -55px 0 0 0; padding: 50px 0 0 0; background: url(../images/common/footer_back.jpg) repeat-x top center; font-family: 'Karla', Arial, Helvetica, sans-serif; }
  .footer a, .footer a:visited { color: #fff; }
  .footer a:hover { text-decoration: underline; }
  .footer h4 { margin: 0 0 20px 0; line-height: 1em; }
  
  .ft-list { float: left; display: inline; padding: 0 15px 0 0; }
  .ft-list > li { padding: 2px 0; margin-bottom: 10px; }
  .ft-list > li > ul > li { padding: 2px 0; }
  
  .ft-border-left { border-left: 1px solid #2e0b48; }
  .ft-border-bottom { border-bottom: 1px solid #2e0b48; padding-bottom: 15px; }
  .ft-middle { padding: 0 20px; }
  .ft-right { padding: 0 0 0 30px; min-height: 360px; }
  
  .ft-copy { text-align: center; font-size: 11px; color: #9d7ab8; line-height: 60px; position: relative; width: 100%; }
  

/*-------------- FORMS ----------------------------------------------------------------------------------------*/  
  .input-xlarge, textarea { width: 385px; }
  input.span2, textarea.span2, .uneditable-input.span2 { width: 175px; }
  
  .form-extra { display: none; }
  .form-smtxt { font-size: 12px; }
  

/*-------------- ICONS & SPRITES ----------------------------------------------------------------------------------------*/
.icon-locations { background: url(../images/common/sprites.png) no-repeat -3px -2px; width: 22px; height: 23px; float: left; display: block; margin: 4px 7px 0 0; }
.icon-user { background: url(../images/common/sprites.png) no-repeat -39px -1px; width: 20px; height: 23px; float: left; display: block; margin: 4px 7px 0 15px; }
.icon-chart { background: url(../images/common/sprites.png) no-repeat -141px -2px; width: 17px; height: 24px; float: left; display: block; margin: 4px 7px 0 15px; }
.icon-clock { background: url(../images/common/sprites.png) no-repeat -89px -1px; width: 32px; height: 32px; float: left; display: block; margin: 5px 0 0 -40px; }
.icon-clipboard { background: url(../images/common/sprites.png) no-repeat -91px -40px; width: 29px; height: 42px; float: left; display: block; margin: 0 0 0 -40px; }

.icon-download { background: url(../images/common/sprites.png) no-repeat -7px -233px; width: 16px; height: 20px; float: left; display: block; margin: -1px 10px 0 0; }

.facebook { background: url(../images/common/sprites.png) no-repeat -2px -33px; width: 76px; height: 76px; display: block; margin: 0 auto 20px; text-indent: -99999px; }
.gplus { background: url(../images/common/sprites.png) no-repeat -2px -117px; width: 76px; height: 77px; display: block; margin: 0 auto; text-indent: -99999px; }
.facebook:hover, .gplus:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: .7; }


/*-------------- FONTS ----------------------------------------------------------------------------------------*/
.loveya { font-family: 'Love Ya Like A Sister', cursive; }
.montserrat { font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
.karla { font-family: 'Karla', Arial, Helvetica, sans-serif; }

.fnt30 { font-size: 30px; }
.fnt26 { font-size: 26px; }
.fnt24 { font-size: 24px; }
.fnt20 { font-size: 20px; }
.fnt18 { font-size: 18px; }
.fnt16 { font-size: 16px; }
.fnt14 { font-size: 14px; }
.fnt12 { font-size: 12px; }

.lh2em { line-height: 2em; }

h1, h2, h3, h4, h5, h6 { font-family: 'Love Ya Like A Sister', cursive; line-height: 1.5em; color: #9463b8; margin: 10px 0 0; font-weight: normal; }
h1 { font-size: 34px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5, h6 { font-size: 18px; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.introtxt { line-height: 2em; font-size: 16px; }


/*-------------- ALIGNMENT ----------------------------------------------------------------------------------------*/
.m-zero { margin: 0; }
.mb-zero { margin-bottom: 0; }
.mv-10 { margin: 10px 0; }

.block { display: block; }

/*-------------- TABLES ----------------------------------------------------------------------------------------*/
tbody th { font-weight: bold; }
tbody td, tbody th { padding: 10px; text-align: left; }
tbody tr:hover td { background: #ae90c6; color: #fff; }

/*-------------- COLORS & GRADIANTS ----------------------------------------------------------------------------------------*/
.bodytxt { color: #4a4a4a; }
.blacktxt { color: #000; }
.whitetxt { color: #fff; }
.graytxt { color: #999; }
.purpletxt { color: #2e0b48; }

.dropdown-menu, .mobileNav-list, a.mobileNav:hover, .navbar-m li>a:hover { background: rgb(126,154,50); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(126,154,50,1) 14%, rgba(143,171,66,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(126,154,50,1)), color-stop(100%,rgba(143,171,66,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(126,154,50,1) 14%,rgba(143,171,66,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(126,154,50,1) 14%,rgba(143,171,66,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(126,154,50,1) 14%,rgba(143,171,66,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(126,154,50,1) 14%,rgba(143,171,66,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e9a32', endColorstr='#8fab42',GradientType=0 ); /* IE6-9 */
}


/*-------------- AUDIO CONTROLS ----------------------------------------------------------------------------------------*/
.audiojs { background: #e0e0e0; width: 600px; height: 36px; overflow: hidden; font-family: monospace; font-size: 12px; box-shadow: none; }
.audiojs.tall { height: 50px; }

.audiojs .play-pause { border-right: 1px solid #fff; width: 315px; }

.audiojs .play { background: url(../images/audio/btn.png) no-repeat 0 0; width: 26px; height: 26px; }
.audiojs .play:hover { background-position: 0 -36px; }
.audiojs .pause { background: url(../images/audio/btn.png) no-repeat 0 -73px; width: 26px; height: 26px; }
.audiojs .pause:hover { background-position: 0 -108px; }
.audiojs .loading { background: url(../images/audio/btn.png) no-repeat 0 -144px; width: 26px; height: 26px; }

.audiojs .scrubber { width: 140px; background: #cbcaca; border-top: 1px solid #a6a6a6; }
.audiojs .progress { border-radius: 0; background: #9d7ab8; }
.audiojs .loaded { background: #b6b6b6; }
.audiojs .time { color: #2e0b48; text-shadow: none; border-left: 1px solid #fff; }
.audiojs .time em { color: #7e9a32; }

.audio-info { position: absolute; margin: 7px 0 0 38px; width: 270px; overflow: hidden; }


/*-------------- MSG ----------------------------------------------------------------------------------------*/  
  .msg {
		-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; border-radius: 5px;
		border: 1px solid; 
		margin: 0 0 10px; 
		padding: 8px 10px 0 10px; 
		text-align: left;
		text-shadow: none;
	}
	.msg p {margin: 0 0 8px 0; padding-left: 25px;text-align: left; font-size: 12px;}
	.msg-ok {border-color: #a6d877; background: #d2ecba url(../images/msg/msg-ok.png) repeat-x; color: #336801;}
	.msg-error {border-color: #f3abab; background: #f9c9c9 url(../images/msg/msg-error.png) repeat-x; color: #8d0d0d;}
	.msg-warn {border-color: #d7e059; background: #f3f7aa url(../images/msg/msg-warn.png) repeat-x; color: #6c6600;}
	.msg-info {border-color: #9fd1f5; background: #c3e6ff url(../images/msg/msg-info.png) repeat-x; color: #005898;}
	.msg-ok p {background: url(../images/msg/accept.png) 0 50% no-repeat;}
	.msg-error p {background: url(../images/msg/cross_octagon.png) 0 50% no-repeat;}
	.msg-warn p {background: url(../images/msg/exclamation_octagon_fram.png) 0 50% no-repeat;}
	.msg-info p {background: url(../images/msg/exclamation.png) 0 50% no-repeat;}
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.hd-icon-link { top: 19px; text-align: center; font-size: 11px; width: 28%; padding: 0; }
	.hd-icon-link.first { margin-left: 40px; }
	.top-nav li a, .top-nav li a:visited { font-size: 11px; }
	
	.icon-locations, .icon-user, .icon-chart { float: none; margin: 0 auto 6px; }
	
	.navbar .nav { margin: 0; }
	.navbar .nav > li > a { font-size: 14px; padding: 4px 18px 6px; }
	.drop-office { left: 6px; }
	
	.callout-doctors { background: url(../images/common/sprites_callout_768.png) no-repeat -2px -1px; width: 232px; height: 136px; display: block; text-indent: -99999px; margin: 0 0 15px 0; }
	.callout-contact { background: url(../images/common/sprites_callout_768.png) no-repeat -1px -142px; width: 232px; height: 122px; display: block; text-indent: -99999px; margin: 0 0 15px 0; }
	.callout-forms { background: url(../images/common/sprites_callout_768.png) no-repeat -2px -272px; width: 232px; height: 135px; display: block; text-indent: -99999px; margin: 0 0 15px 0; }
	.callout-appointment { background: url(../images/common/sprites_callout_768.png) no-repeat -2px -417px; width: 232px; height: 193px; display: block; text-indent: -99999px; margin: 0 0 15px 0; }
	
	.callout-doctors:hover { background-position: -248px -1px; }
	.callout-contact:hover { background-position: -248px -143px; }
	.callout-forms:hover { background-position: -248px -272px; }
	.callout-appointment:hover { background-position: -248px -417px; }
	
	.ft-middle { padding: 0 10px 0 25px; }
	.ft-list { padding-right: 5px; width: 48%; }
	
	.audiojs { width: 480px; }
	.audiojs.tall { height: 50px; }
	.audiojs .play-pause { width: 255px; }
	.audiojs .scrubber { width: 80px; }
	.audio-info { width: 220px; }
	
}
	
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	a.site-logo { top: 12px; }
	.carousel { display: none; }
	
	.main .content-area { padding: 0 20px 20px; }
	
	.header { height: 58px; }
	.header .header-right { display: none; }
	.header .btn { display: block; }
	.navbar { display: none; }
	.navbar-m { display: block; }
	
	.ft-border-left { border: none; }
	.ft-middle { padding: 0 20px; }
	.ft-copy { line-height: 22px; }
	
	.audio-info { position: relative; margin-left: 0; }
	.audiojs { width: 310px; }
	.audiojs.tall { height: 36px; }
	.audiojs .play-pause { width: 25px; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.header { height: 98px; }
	a.site-logo { background: url(../images/common/site_logo_m.png) no-repeat top left; width: 256px; height: 83px; }
	h2 { font-size: 30px; }
	.introtxt { font-size: 14px; }

	.ft-copy { line-height: 16px; padding: 0 15px; bottom: 15px; }
	
	.audiojs { max-width: 240px; }
	.audiojs .scrubber { width: 70px; }
}