/* CSS Document */

html, body, .containers {
	height: 100%;
}
html {}
body {background:url(../img/bg.jpg) 0 0 repeat;}
.container {background:#fff;overflow-x:hidden;}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -46px; /* the bottom margin is the negative value of the footer's height */
}
.row {margin-left:auto;}
.inner h2 {font-size: 28px;font-weight:normal;color:#721216;}
.accordion-group {border:0;}


#header {padding: 30px 0 0;}
#header .brand {padding-bottom:10px;border-bottom: 1px solid #908f35;}
#header .menuMain {border-bottom: 1px solid #908f35;height:32px;width:740px;margin-top:45px}
#header [class*="span"] + [class*="span"], #footer [class*="span"] + [class*="span"] {margin-left:0;}
#header .nav-pills {float: right;}
#header .nav-pills a {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;color: #908f35;}

/*Menus*/
.home .home a, .company-information .company-information a, .patient-portal .patient-portal a, #header .nav-pills > a:hover {background: #908f35;}
.home .home a, .company-information .company-information a, .patient-portal .patient-portal a {color:#fff !important;cursor:default;background: #908f35 !important;}

.practice-news #bottom .practice-news a, .about-our-practice #bottom .about-our-practice a, .clinic-policies #bottom .clinic-policies a,
.family-practice #bottom .family-practice a, .urgent-care #bottom .urgent-care a, .specialized-care #bottom .specialized-care a,
.registration-forms #bottom .registration-forms a, .clinic-news #bottom .clinic-news a ,  .contact-us #bottom .contact-us a , .other-services #bottom .other-services a, .prescription-management #bottom .prescription-management a,
.company-overview #bottom .company-overview a, .company-history #bottom .company-history a, .hours-of-operation #bottom .hours-of-operation a,
.company-highlights #bottom .company-highlights a, .our-services #bottom .our-services a, .privacy-policy #bottom .privacy-policy a {font-weight:bold;color: #908F35;}
.practice-news #subnav .practice-news a, .about-our-practice #subnav .about-our-practice a,
.family-practice #subnav .family-practice a, .urgent-care #subnav .urgent-care a, .specialized-care #subnav .specialized-care a, .optometry #subnav .optometry a,
.prescription-management #subnav .prescription-management a, .company-overview #subnav .company-overview a, .clinic-policies #subnav .clinic-policies a,
.company-history #subnav .company-history a, .company-highlights #subnav .company-highlights a, .hours-of-operation #subnav .hours-of-operation a,
.our-services #subnav .our-services a , .clinic-news #subnav .clinic-news a ,  .contact-us #subnav .contact-us a , 
.other-services #subnav .other-services a, .privacy-policy #subnav .privacy-policy a, .registration-forms #subnav .registration-forms a {font-weight:normal;background: #908F35; color:#fff;}

ul.nav li, ul.navCompany li, ul.navPatient li {display:none;}
ul.navMain li.main,
ul.navCompany li.company,
ul.navPatient li.patient {display:block;}

.patient-portal #subnav ul.nav-pills li.patient, .company-information #subnav ul.nav-pills li.company {display:inline;float:left;right:50%;position:relative;}

#subnav {margin: 20px 30px;}
#subnav .row {padding-bottom:20px;border-bottom: 1px solid #908f35;}
#subnav .span12 {width:1110px;margin:0 auto;}
#subnav .tablelist {width:100%;}
#subnav .tablelist ul {display: block;margin: 0 auto;position:relative;left:50%;float:left;width:100%;}
#subnav .nav li a {font-size:13px;}



#display {margin-top:60px;}
#display .left, #display .right {width:555px;float:left;}
#display [class*="span"] {margin:0;}
#display .left {margin-left:30px;}
#display .span12 + .span12 {padding: 0 30px;width:1110px;}
#display .span12 + .span12 + .span12 {border-bottom: 1px solid #908f35;width:1050px;margin:0 30px;}
#display .span12 + .span12 h2 {text-align:center;font-weight:normal;margin:50px auto;font-size:24px;line-height:1.3;color:#777;}
#display img {width:100%;}
#display .displayCaption {width: 345px;height: 120px;position: absolute;background: url(../img/bg-caption.png) 0 0 repeat;margin-top: -180px;}
#display .right .displayCaption {float:right;margin-left: 210px;}
#display .displayCaption p {padding: 0 20px 10px;line-height: 110px;font-size: 28px;color: white;text-align:center;}
#display .displayCaption p small {text-transform: uppercase;font-size: 18px;opacity: 0.8;line-height: 18px;display: block;margin-top: -40px;text-decoration:underline;}

#content .row {margin-left:30px;}
#content .row .row {margin-left:0px;}
#content .row .span12 {width:1110px;}
#content .row .row .span8 {width:640px;}
#content .row .row [class*="span"] {margin:0;}
#content .row .row [class*="span"] + [class*="span"] {margin-left:30px;}
#content .row.item {margin-top:30px;}
#content h3 {line-height:1;margin-bottom:0;font-weight:normal;color:#1d7ea9;}
#content .span7 h4, #content .span8 h4 {margin-top:30px;}
#content ul li {padding-bottom: 10px;display: list-item;list-style-type:disc !important;list-style-position:outside !important; list-style-image:none !important; width:600px;}
/*#content ul li:before {content:'• ';font-weight:bold;color:#d4edc3;}*/
#content small {line-height:1;color:#999;text-transform:uppercase;margin:10px 0 20px;display:block;color:#908f35;}
#content .offset4 {margin-left: 400px;}
#content p.offset4 {width:640px;}
#content .team {margin-top:30px;}
#content .team .span3 {width: 255px;}
#content .break {border-bottom: 1px solid #908f35;width:1110px;margin:40px 0px 0;}
#content .break10 {min-height:10px;clear:both}
#content blockquote {min-height:100px;}
#content blockquote p {font-size: inherit;font-weight: inherit;line-height: inherit;margin-bottom:10px;}
#content .highlights h3 {text-align:right;}
#content p {text-align:justify !important;}


#bottom {margin-top:40px;margin-bottom:40px;}
#bottom h4 {color:#50a3c5;}
#bottom h4, #bottom h5 {font-weight:normal;}
#bottom h5 {font-size:15px;line-height:15px;margin-bottom:20px;margin-top:20px;}
#bottom .span6 {margin-left:0px;width: 585px;}
#bottom .row .row .span6 {width: 260px;margin-left:30px;}
#bottom p {margin:0 50px 0 0;}
#bottom small {display: block;margin-top: 10px;line-height: 1.3em;margin-right: 150px;}
#bottom ul {list-style:none;margin:0;}
#bottom ul a {color:#777;}

#footer {padding:0;}
#footer .span6 {border-top: 1px solid #908f35;}
#footer .span6 + .span6 {width: 540px;text-align:right;}
#footer p {line-height:36px;}
#footer p a {margin-left:20px;}
#footer, #push {
	height: 46px; /* .push must be the same height as .footer */
}
.table th, .table td, hr {border-top: 1px solid #d4edc3;}

@media (min-width: 980px) and (max-width: 1200px) {
	#header .menuMain {width:600px;}
	#display .left, #display .right {width: 450px;}
	#display .left {margin-left: 20px;}
	#display .right .displayCaption {margin-left: 105px;}
	#display .span12 + .span12 {padding: 0 20px;width: 900px;}
	#display .span12 + .span12 + .span12 {width: 860px;margin: 0 20px;}
	#bottom .span6 {width: 460px;}
	#bottom .row .row .span6 {width: 200px;}
	#footer .span6 {width: 360px;}
	#subnav {width: 900px;margin: 20px;}
	#subnav .span12 {width: 900px;margin: 0 auto;}
	#content .span12 {margin-left:0;}
	#content .offset4 {margin-left: 330px;}
	#content .span8, #content p.offset4, #content .row .row .span8 {width: 560px;}
	#content .row .span12 {width: 890px;}
	#content ul li {width: 535px;}
}
 @media (min-width: 768px) and (max-width:979px) {
	#header .menuMain {width:455px;margin-top: 37px;}
	#display {margin-top: 30px;}
	#display .left, #display .right {width: 342px;}
	#display .displayCaption {width: 237px;height: 90px;margin-top: -110px;}
	#display .left {margin-left: 20px;}
	#display .right .displayCaption {margin-left: 105px;}
	#display .displayCaption p {line-height: 66px;font-size: 18px;}
	#display .displayCaption p.smaller {font-size: 14px;margin-top: -55px;}
	#display .right .displayCaption p {line-height: 90px;}
	#display .span12 + .span12 h2 {margin: 24px auto;font-size: 18px;}
	#display .span12 + .span12 {padding: 0 20px;width: 684px;}
	#display .span12 + .span12 + .span12 {width: 644px;margin: 0 20px;}
	#bottom {margin-top: 20px;}
	#bottom .span6 {width: 352px;}
	#bottom .row .row .span6 {width: 130px;}
	#footer .span6 {width: 240px;padding-top:10px;}
	#footer .span6 + .span6 {width: 445px;}
	#footer p {line-height: 16px;}
	#subnav {width: 685px;margin: 20px;}
	#subnav .span12 {width: 100%;margin: 0 auto;}
	#content .row {margin-left:20px;}
	#content .span12 {margin-left:0;}
	#content .offset4 {margin-left: 260px;}
	#content .span8, #content p.offset4, #content .row .row .span8 {width: 425px;}
	#content .row .span12 {width: 685px;}
	#content ul li {width: 360px;}
}
@media (max-width: 480px){
	#display a {width: 110px;}
	#display a p {padding: 20px 0 0 !important;}
}
@media (max-width: 767px) {
	#header .brand {text-align: center;border:none;padding-bottom:0;}
	#header .dropdown-menu {min-width: 99%;}
	#header .dropdown-menu.navMain li {display:block;}
	#header .dropdown-menu li.mob a {background:#f5f5f5;color:#999;}
	#display {margin-top: 20px;}
	#display a {display: block;width: 150px;max-height: 80px;float:left;}
	#display a + a {float:right;}
	#display a:hover {border:none;text-decoration:none;}
	#display .displayCaption {position:relative;width:100%;height: 80px;margin-top: -100px;}
	#display .displayCaption p {line-height: 20px;font-size: 18px;padding: 20px 20px 0;text-align:left;}
	#display a + a .displayCaption p {text-align:right;}
	#display .span12 + .span12 {padding: 0 30px;width: 100%;}
	#display .span12 + .span12 h2 {margin: 30px auto;font-size: 15px;}
	#display .span12 + .span12 + .span12 {width: 100%;margin:0;}
	#content img {width:100%;}
	#content .row {margin: 0 30px;}
	#content .row .span12 {width: auto;}
	#content .offset4 {margin:0;}
	#content div.offset4 {margin-top:20px;}
	#content p.offset4 {width: auto;margin-top:10px;}
	#content .row.item {margin: 30px 0;}
	#content .row .row .span8 {background: #fff !important;width: 100%;margin: -70px 0 0 !important;z-index:100;position: relative;opacity:0.9;padding:5px 0 0 2%;}
	#content ul li {width: 90%;}
	#content .break {margin: 10px 0px 0;}
	#bottom {margin-top: 20px;margin-bottom: 40px;}
	#bottom .span6 + .span6 {margin: 0 30px;width: auto;}
	#footer .span6 {width:auto;margin: 0 30px;}
}

/* The alert message box */
.alert {
	background-color: #FF0000; /* Red */
	color: white;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: normal;
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	height: 155px;
	width: 525px;
	clear: left;
	float: left;
	position: absolute;
	overflow: auto;
	left: 519px;
	top: 113px;
	z-index: auto;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}