﻿/*RESET*/
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
*/
/*MAIN*/

html{
	width:100%;
	overflow:scroll;
	
	
	
	
}
.FooterChild{
		
		width:25%;
		float:left;
		min-width:50px;
		height:240px;
		background-color:gray;
		color:white;
		position:relative;
	top: 0px;
	left:0px;
	
	font-family:Calibri;
	font-size:15px;

}

.Absolute-Center {
  	margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
}
body {
	background-color:white;
		
	background-repeat:no-repeat;
	margin: 0 auto;
	padding: 5px;
	/*width:1015px;*/
	float:none;
	color:#37230A;
	border-top-width:6px;
	border-top-style:solid;
	border-top-color:#37230A;
	min-width:400px;
	

}
h3{
	color:#37230A;
	font-size:28px;
	font-family:Calibri;
	font-weight:normal;
	margin:5px;	
	
	
}

h4{
	color:#37230A;
	font-size:24px;
	font-family:Calibri;
	font-weight:normal;	
	margin:5px;	
	
	
}
h5{
	color:#37230A;
	font-size:18px;
	font-family:Calibri;
	font-weight:normal;	
	margin:5px;	
	color:white;
	
	
}

h2{
	color:black;
	font-size:24px;
	font-family:Calibri;
	margin-left:15px;
	margin-right:15px;
	margin-top: 0px;
	margin-bottom: 0px;	
	
	
}

h1{
	color:black;
	/*border-bottom-size:4px;
	border-bottom-style:solid;
	border-bottom-color:#37230A;*/
	font-size:30px;
	font-family:Calibri;
	margin-left:20px;
	margin-right:20px;	
	
	
}
	
}


.header{
	font-family:Calibri;
	font-size:18px;
	color:gray;
	display:inline-block;
	vertical-align:top;
	
  
	
}
p{
	
	font-family:Calibri;
	font-size:20px;
	margin-top: 10px;
	margin-bottom: 10px;	


	
	}
	
.a1 {
	
	font-family:arial;
	color:black;
	font-size:16px;
	text-decoration:underline;
	
}

.a1:hover {
	text-decoration: none;
	color:#732903;
}


.paraChild{
		
		width:300px;
		float:left;
		min-width:100px;
		height:200px;
		background-color:white;
		position:relative;
	top: 0px;
	left: 0px;
	
	border:2px white solid;
	border-color:#F2F2F2;
	border-style:none;
	border-top-color:blu;
	width:33%;
	min-width:300px;
	height:auto;

}


.teamChild{


		width:300px;
		float:left;
		min-width:100px;
		height:300px;
		background-color:white;
		position:relative;
	top: 0px;
	left: 0px;
	

	
	border:2px white solid;
	border-color:#F2F2F2;
	border-style:solid;
	border-top-color:white;
	width:33%;
	min-width:300px;
	
	
	
}

.TxtBlock{
	
	width: 50%;
	min-width:300px;
	
}
.testLink{
	
	
	float:right;
	width:300px;
		
}

#menu-icon{
	display:none;
	width: 40px;
	height: 40px;
	background: #4C8FEC url(../img/menu-icon.png) center;
	visibility:hidden;
	}
	

	
	
a:hover#menu-icon {

	background-color: #444;
	border-radius: 4px 4px 0 0;

}

body#default a#ahome, body#services a#services, body#newPatients a#newPatients, body#Staff a#Staff, body#Testimonials a#Testimonials, body#aboutMountianView a#aboutMountianView {	
	/*background-color:#9A3501;*/
 	
	color:#2F4953;
	font-size:20px;
	font-style:italic;
	
	
	border-bottom:thin;
	border-bottom-color:black;
	border-bottom-style:solid;
}
	

#nav{
	clear:both;
	position:absolute;
	top:38px;
	width:160px;
	z-index:10000;
	padding:5px;
	background:#f8f8f8;
	display:none;
	
}

#navigation{
	margin: auto;
  	
  	top: 40px; left: 0; bottom: 0; right: 0;
  	width:100%;
		
		
		/* width:100%; */
	
}

#wrapper
{
	position:relative;
	float:left;
	margin-left:-30px;
	margin-top:-40px
	
	
	

	
	
}
#wrapper ul {
	list-style-type: none;
	background-color:white;
	
	position:relative;
	
	height: 20px;
	font-weight:bold; 
	width:100%;
	top: 0px;
	left: 0px;
}

#wrapper li {
	float: left;
	margin-top:5px;
	
	height:20px;	
		
		/* width:100%; */
	
}
#wrapper a {
	/*margin: 1 1px;*/
	padding: 1px 1px 1px 12px;
	


	
	display:block;
	
	
	/*border: 1px ridge #DCDBE0;*/
	
	text-decoration:none;
	
	/*background-image:url('../Images/Menu.gif');*/
	background-position:left;
	background-color:white;
	border-color:white;
	border-style:none;
	
	color:black;
	font-family:Calibri;
	font-size:19px;
	border-left-color:white;
	
}

#wrapper a:hover{
	/*background-color:#9A3501;
	border: 1px solid #DCDBE0;*/
	background-repeat:no-repeat;
	background-position:center;
	color:silver;
	
	
}
#mapblock{
	
	
	float:right;
	min-width:400px;
	width:50%;
}

.MyControlIFrame {
  display: block;
  left: 300px;
  position: absolute;
  top: 300px;
  height: 800px;
  width: 500px;
  z-index: 99;
  background-color:black;
}

.MyControl {
  position:fixed;
  background-color:white;
  border-style:solid;
  border-color:gray;
  
   left: 1%;
  
  top: 5%;

  margin:5%;
  padding:1%;
  display:block;
  height: 80%;
  width: 90%;
  visibility:hidden;
  overflow:scroll;

  z-index: 1000;
  
  
}
	
	
.myControlRight
{
	margin-left:5px;
	margin-right:5px;
	float:right;
	width:75%;
	
}
.myControlLeft{
	
	width:23%;
	height:100%;
	float:left;
	margin-top:10%;
	visibility:inherit;
}
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	font-size:0.9em;
	text-align: left;
	font-weight:bold;
	background-color:#37230A;
	width:600px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	/*background-image:url('images/bg_answer.gif');
	background-repeat:no-repeat;
	background-position:top right;	*/
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #317082;
	background-color:#fefefe;
	width:600px;	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;

	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:20px;
	font-size:0.9em;
	text-align: left;	
	position:relative;
	

}

/*MEDIA QUERY*/
/* @media only screen and (max-width : 640px) { */

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px),only screen and (max-width : 640px)  {


	html{
	width:100%;
	overflow:scroll;
	
	
	
	
}
.FooterChild{
		
		width:25%;
		float:left;
		min-width:50px;
		height:230px;
		background-color:gray;
		color:white;
		position:relative;
	top: 0px;
	left:0px;
	
	font-family:Calibri;
	font-size:15px;

}

.paraChild{
		
		
		float:left;
		
		height:200px;
		background-color:white;
		position:relative;
	top: 0px;
	left: 0px;
		
	
	height:auto;
	
	width: 96%;
	margin-left:2%;
	
}

.teamChild{
		
		
		float:left;
		
		height:200px;
		background-color:white;
		position:relative;
	top: 0px;
	left: 0px;
		
	
	height:auto;
	
	width: 96%;
	margin-left:2%;
	
}


.TxtBlock{
	
	width: 96%;
	margin-left:2%;

	
}
.Absolute-Center {
  	margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
}
body {
	background-color:white;
		
	background-repeat:no-repeat;
	margin: 0 auto;
	padding: 5px;
	/*width:1015px;*/
	float:none;
	color:#37230A;
	border-top-width:6px;
	border-top-style:solid;
	border-top-color:#37230A;
	min-width:400px;
	

}
h3{
	color:#37230A;
	font-size:28px;
	font-family:Calibri;
	font-weight:normal;
	margin:5px;	
	
	
}

h4{
	color:#37230A;
	font-size:24px;
	font-family:Calibri;
	font-weight:normal;	
	margin:5px;	
	
	
}
h5{
	color:#37230A;
	font-size:18px;
	font-family:Calibri;
	font-weight:normal;	
	margin:5px;	
	color:white;
	
	
}


h1{
	color:#37230A;
	font-size:30px; 
	font-family:Calibri;
	margin-left:20px;
	margin-right:20px;	
	
	
}


.header{
	font-family:Calibri;
	font-size:18px;
	color:gray;
	display:inline-block;
	vertical-align:top;
	
  
	
}
p{
	
	font-family:Calibri;
	font-size:15px;
	

	
	}

.paraChild{

	
	border:2px white solid;
	border-color:#F2F2F2;
	border-style:none;
	border-top-color:white;
	
	

	
}
#menu-icon{
	
	width: 50px;
	height: 50px;
	background-image:url('../Images/Menu.png');
	background-repeat:repeat-x;
	background-repeat: no-repeat;
  background-position: center;
  background-size: 60px 50px;
	padding:50px;
	background-position:center;
	
	color:black;
	float:left;
	visibility:visible;
	
	}
	
		
a:hover#menu-icon {

	background-color: gray;
	border-radius: 4px 4px 0 0;

}
	

#nav{
	clear:both;
	position:absolute;
	top:38px;
	width:30px;
	
	padding:5px;
	background:#f8f8f8;
	display:none;
	
}

#navigation{
	margin: auto;
  	
  	top: 40px; left: 0; bottom: 0; right: 0;
  	width:100%;
		
		
		/* width:100%; */
	
}

#wrapper
{
	position:relative;
	float:right;
	margin-right: 40px;
	margin-top:15px
	
	

	
	
}
#wrapper ul , #wrapper:active ul{
		
		display: none;
		position: absolute;
		padding: -20px;
		background: #fff;
		border: 5px solid #444;
		
		width: 100%;
		border-radius: 4px 0 4px 4px;
		

		
	
	
	
	}

#wrapper li {
		text-align: left;
		width: 100%;
		padding: 4px 0;
		margin: 0px;
	
	
		/* width:100%; */
	
}
#wrapper a {
	/*margin: 1 1px;*/
	padding:: 1px 1px 1px 12px;

	
	display:block;
	
	
	/*border: 1px ridge #DCDBE0;*/
	
	text-decoration:none;
	
	/*background-image:url('../Images/Menu.gif');*/
	background-position:left;
	background-color:white;
	border-color:white;
	border-style:none;

	color:black;
	font-family:Calibri;
	font-size:28px;
	border-left-color:white;
	margin-top:3px;
	margin-bottom:3px;

	
}




body#default #wrapper a#ahome,
body#services #wrapper a#services,
body#newPatients #wrapper a#newPatients,
body#Staff #wrapper a#Staff,
body#Testimonials #wrapper a#Testimonials,
body#aboutMountianView #wrapper a#aboutMountianView {
    font-size:28px;
}







#wrapper a:hover{
	/*background-color:#9A3501;
	border: 1px solid #DCDBE0;*/
	background-repeat:no-repeat;
	background-position:left;
	color:silver;
	}
	
#wrapper:hover ul {
    display: block;
    background-color:white;
    width:320px;
    height:200px;
    border-width:thin;
    opacity:0.8;
    position: absolute; /* changed from relative */
    right: 0;           /* align to right edge of wrapper */
    top: 100%;          /* directly below the icon */
    z-index:1000;
}


#mapblock{
	
	
	float:none;
	min-width:400px;
	width:50%;
}

#MyControlIFrame {
  display: block;
  left: 300px;
  position: absolute;
  top: 300px;
  height: 250px;
  width: 250px;
  z-index: 99;
  background-color:black;
}

#MyControl {
  position:absolute;
  background-color:black;
   left: 300px;
  
  top: 300px;

  margin:0;
  padding:0;
  display:block;
  height: 250px;
  width: 250px;

  z-index: 1000;
}

	.myControlRight
{
	margin-left:5px;
	margin-right:5px;
	float:right;
	width:95%;
	
}
.myControlLeft{
	
	width:0%;
	height:0%;
	float:left;
	margin-top:0%;
	visibility:hidden;
}

.paraBar {
    column-count: 1 !important; /* mobile */
  }
}