@charset "UTF-8";
/* CSS Document */

/* Use this to add background color or background images whe CONTAINING the site */
body {
	background-color: #3F7E8F;
	background-image: url(../images/bk1.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0 auto;
}

/* Use this if you want to contain the whole damn thing */
/* Use its background color for the site's bgcolor and the body tag bgcolor or image to set bg outside of the container980 */
.container980 {
	width: 980px;
	margin: auto;
	background-color: #FFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.newscontainer {
	margin:auto;
	text-align:center;
	height:150px;
}

/* This is the upper right of the header */
.adventist {
	text-align: right;
	padding-top: 35px;
}

.classicHeader {
	text-align:center;
	margin:0px auto 0px auto;
	padding-bottom: 10px;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}

header {
	position: relative;
	z-index: 3;
}

.span4 .well.location h2 {
	font-size: 16px !important;
}
	


/* MOVIE RELATED */

/* PAGE HEADERS */
h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter !important;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px;
	color: #3285E6;
}

h1,h2{
	font-weight: lighter !important;
	font-family: 'Open Sans', sans-serif;
}

h3,h4,h5,h6{
	font-weight: lighter !important;
	color: #666;
}

h1{
	font-size: 25px;
	line-height: 35px;
	color: #253390;
}

h2{
	font-size: 23px;
	line-height: 33px;
	color: #278CA8 !important;
}

h3{
	font-size: 21px;
	line-height: 31px;
}

h4{
	font-size: 25px;
	line-height: 30px;
}

h5{
	font-size: 20px;
	line-height: 25px;
}

h6{
	font-size: 16px;
	line-height: 24px;
}

/* CLASSIC FADES STUFF */
.classicFades {
	background-color: #DDE2E7;
	height: 354px;
}

/* This is the wrapper div for all iframed in movies */
.classicMovies {
	z-index: -1;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 980px;
	height: 300px;
}

/*FOOTER RELATED */

footer {
	border-top: 5px solid #010F72;
	background: url(../images/footer.jpg) repeat-x;
}

footer h6 {
	padding: 5px 0 0 0;
	text-shadow: 2px 2px #fff;
	font-family:"Times New Roman", Times, serif;
	font-weight: lighter;
	font-style: italic;
	font-size: 18px;
}

.vertical {
	border-right: 1px dotted #444;
	margin-top: 10px;
}

.vitalelement {
	padding: 0 0 10px 0;
	margin: 0 auto 0 auto;
}

.vitalelement p {
	color: #777;
	padding: 0px;
	margin: 0px;
}

.section-resources A:link {
	text-decoration: none;
	color: #010F72;
	font-size: 12px;
	padding-left: 20px;
}

.section-resources A:visited {
	text-decoration: none;
	color: #010F72;
	font-size: 12px;
	padding-left: 20px;
}

.section-resources A:active {
	text-decoration: none;
	color: #010F72;
	font-size: 12px;
	padding-left: 20px;
}

.section-resources A:hover {
	text-decoration: none;
	color: #027999;
	font-size: 12px;
	padding-left: 20px;
}

/* MISCELLANEOUS */
.physician {
	float: left;
	padding: 5px 20px 0 0;
}

.white {
	color: #FFF !important;
}

.last {
	width: 100%;
	height: 20px;
}

li.section-resources {
	line-height: 30px;
}

hr.resources {
	border-top: 1px solid #eee;
	padding: 0px !important;
	margin: 0px;
}

.round {
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}

.divider {
	width: 100%;
	height: 20px;
}

.surgeon {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	margin: 15px 0px 15px 0px;
}

.doctorName a {
	color: #000674;
	text-decoration: none;
}

.doctorName a:hover {
	color: #00779B;
	text-decoration: none;
}

.doctorName {
	width: 100%;
	border-top: solid 1px #eee;
	text-align: center;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
}

.doctorName:hover {
	background-color: #eee;
}

.center {
	text-align: center;
	margin: 0 auto 0 auto;
}

.well.center {
	margin-top: 0px;
	padding: 0px;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}

.tidate {
	-webkit-border-top-left-radius: 3px !important;
	-webkit-border-top-right-radius: 3px !important;
	-moz-border-radius-topleft: 3px !important;
	-moz-border-radius-topright: 3px !important;
	border-top-left-radius: 3px !important;
	border-top-right-radius: 3px !important;
}

.timatter {
	-webkit-border-bottom-right-radius: 3px !important;
	-webkit-border-bottom-left-radius: 3px !important;
	-moz-border-radius-bottomright: 3px !important;
	-moz-border-radius-bottomleft: 3px !important;
	border-bottom-right-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.time {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}

.time .timatter .button a {
	margin-bottom: 10px;
	margin-top: 0x;
	font-size: 11px;
}

.surgeon {
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
	margin: 15px 0px 15px 0px;
}

.doctorName a {
	color: #000674;
	text-decoration: none;
}

.doctorName a:hover {
	color: #00779B;
	text-decoration: none;
}

.doctorName {
	width: 100%;
	border-top: solid 1px #eee;
	text-align: center;
	padding: 10px 0px 10px 0px;
	font-size: 13px;
}

.doctorName:hover {
	background-color: #eee;
}

.center {
	text-align: center;
	margin: 0 auto 0 auto;
}

.well.center {
	margin-top: 0px;
	padding: 0px;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
}

.btn-news {
	display: none;
}

/* This will collapse the classic movie on screens smaller than 940 */
/* It will also auto width the container980 when screens are smaller than 940  */
@media (max-width: 940px) {
	.classicMovies {
		display: none;
		height: 0px;
		width: 0px;
	}
	
	.newscontainer {
		display: none;
		height: 0px;
		width: 0px;
	}
	
	.btn-news {
		display: block;
	}
	
	.classicheader {
	display: none;
		height: 0px;
		width: 0px;
}
	
	.container980 {
		width:auto; 
		background-color: #FFF;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-border-top-left-radius: none;
		-webkit-border-top-right-radius: none;
		-moz-border-radius-topleft: none;
		-moz-border-radius-topright: none;
		border-top-left-radius: none;
		border-top-right-radius: none;
	}
	
	body {
		  background-color:#FFF;
		  background-image: none;
	}
	
	.adventist {
		display: none;
	}
	
	.vertical {
		border-right: none;
		padding: 20px;
		background: #efefef;
	}
	
	footer {
		border-top: 5px solid #010F72;
		background: none;
	}
	
	.logo{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	

  
}
	/* Customize buttons */
	
	
	.btn-ve1 {
	  background-color: hsl(212, 69%, 45%) !important;
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e91de", endColorstr="#236dc1");
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#4e91de), to(#236dc1));
	  background-image: -moz-linear-gradient(top, #4e91de, #236dc1);
	  background-image: -ms-linear-gradient(top, #4e91de, #236dc1);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e91de), color-stop(100%, #236dc1));
	  background-image: -webkit-linear-gradient(top, #4e91de, #236dc1);
	  background-image: -o-linear-gradient(top, #4e91de, #236dc1);
	  background-image: linear-gradient(#4e91de, #236dc1);
	  border-color: #236dc1 #236dc1 hsl(212, 69%, 41.5%);
	  color: #FFF !important;
	  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
	  -webkit-font-smoothing: antialiased;
	  -webkit-border-radius: 6px !important;
	  -moz-border-radius: 6px !important;
	  border-radius: 6px !important;
	}



	.btn-ve2 {
	  background-color: hsl(42, 99%, 43%) !important;
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdbc24", endColorstr="#da9901");
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#fdbc24), to(#da9901));
	  background-image: -moz-linear-gradient(top, #fdbc24, #da9901);
	  background-image: -ms-linear-gradient(top, #fdbc24, #da9901);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdbc24), color-stop(100%, #da9901));
	  background-image: -webkit-linear-gradient(top, #fdbc24, #da9901);
	  background-image: -o-linear-gradient(top, #fdbc24, #da9901);
	  background-image: linear-gradient(#fdbc24, #da9901);
	  border-color: #da9901 #da9901 hsl(42, 99%, 39.5%);
	  color: #FFF !important;
	  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
	  -webkit-font-smoothing: antialiased;
	  -webkit-font-smoothing: antialiased;
	  -webkit-border-radius: 6px !important;
	  -moz-border-radius: 6px !important;
	  border-radius: 6px !important;
	}




	.btn-ve3 {
	  background-color: hsl(194, 55%, 47%) !important;
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#64b8d2", endColorstr="#359bb9");
	  background-image: -khtml-gradient(linear, left top, left bottom, from(#64b8d2), to(#359bb9));
	  background-image: -moz-linear-gradient(top, #64b8d2, #359bb9);
	  background-image: -ms-linear-gradient(top, #64b8d2, #359bb9);
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #64b8d2), color-stop(100%, #359bb9));
	  background-image: -webkit-linear-gradient(top, #64b8d2, #359bb9);
	  background-image: -o-linear-gradient(top, #64b8d2, #359bb9);
	  background-image: linear-gradient(#64b8d2, #359bb9);
	  border-color: #359bb9 #359bb9 hsl(194, 55%, 43.5%);
	  color: #FFF !important;
	  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
	  -webkit-font-smoothing: antialiased;
	  -webkit-font-smoothing: antialiased;
	  -webkit-border-radius: 6px !important;
	  -moz-border-radius: 6px !important;
	  border-radius: 6px !important;
	}
	
	.btn-news {
	  background-color: #278CA8 !important;
	  color: #FFF !important;
	  padding: 15px 20px;
	  margin-top: 20px !important;
	  font-weight: 700 !important;
	  text-align: center;
	  -webkit-font-smoothing: antialiased;
	  -webkit-font-smoothing: antialiased;
	  -webkit-border-radius: 6px !important;
	  -moz-border-radius: 6px !important;
	  border-radius: 6px !important;
	}
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.container {
		width: 724px !important;
	}
	
	.footerLogo img {
		display: none;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.highlights {
		padding-top: 20px;
	}
}