/*
/* Smallest layout - Under 519px */
@media screen
	and (max-width: 539px){
	#box{
		padding: 5px;
		margin-top: 5px;
		background-position:center 300px;
	}
	
	#logo img{
		width: 100%;
		
	}	
	
	#footer-left{
		float: none;
		text-align: center;
	}
	
	#footer-right{
		float: none;
		text-align: center;
	}
	
	#nav ul{
		float: none;
		width: 100%;
	}
	
	#nav li {
		display:block;
		margin: 0.75em 0.5em 0.75em 0.5em;
		padding: 1em 0.05em 1em 0.05em;
		text-align: center;
		outline: outset;
		outline-width: 1px;
		outline-color: #777;
		background-color:#FDFCF4;
		box-shadow:3px 3px 3px #CCC;
		-webkit-box-shadow: 3px 3px 3px #CCC;
		-moz-box-shadow: 3px 3px 3px #CCC;
	
	}
	
	#nav li:hover{
		background-color: #F3ECB6;
		box-shadow:none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
	
	#nav li ul{
		display: inline-table;
	}
	
	#nav li li{
		display: inline-table;
		width: 40%;
		outline: outset;
		outline-width: 1px;
		outline-color: #777;
		background-color:#FDFCF4;
		box-shadow:3px 3px 3px #CCC;
		-webkit-box-shadow: 3px 3px 3px #CCC;
		-moz-box-shadow: 3px 3px 3px #CCC;
		height: 35px;
	}
	
	#nav li li:hover{
		background-color:#FDFCF4;
		
	}
	
	#img-charlotte{
		margin-right: auto;
		margin-left: auto;
		width: 75%;
		float:none;
		clear: both;
		display: block;
	}
	
}
/* 520px to 959px */
@media screen
	and (min-width: 540px)
	and (max-width: 999px){
	#box{
		padding: 5px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 35px;
		background-position:center 140px;
	}
	
	#footer-left{
		float: left;
	}
	
	#footer-right{
		float: right;
	}
	
	#nav li {
		float: left;
		margin: 0.5em 0.7em 0.5em 0.7em;
		padding: 0.3em 0.3em 0.3em 0.3em;
	}
	
	#nav ul{
		float: right;
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
		background-color: #FFF;
		width: 10em;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		opacity:0.95;
		filter:alpha(opacity=95); /* For IE8 and earlier */
	}

	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#img-charlotte{
		float:right;
	}
}

/* 520px to 589px - For title image scale*/
@media screen
	and (min-width: 540px)
	and (max-width: 599px){
	#logo img{
		width: 100%;
	}
}


/* 960px and higher */
@media screen and (min-width: 1000px){
	#box{
		margin-left: auto;
		margin-right: auto;
		margin-top: 75px;
		width: 950px;
		background-position:center 140px;
	}
	
	#footer-left{
		float: left;
	}
	
	#footer-right{
		float: right;
	}
	
	#nav li {
		float: left;
		margin: 0.5em 1em 0.5em 1em;
		padding: 0.3em 0.3em 0.3em 0.3em;
	}
	
	#nav ul{
		float: right;
	}
	
	#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #FFF;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
	}

	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
	
	#img-charlotte{
		float:right;
	}
}


#logo-wrapper{
	padding: 10px;
}


#logo{
	width:100%;
	text-align: left;
}

#box{
	background-color:#FFF;
	box-shadow:3px 3px 3px #CCC;
	-webkit-box-shadow: 3px 3px 3px #CCC;
	-moz-box-shadow: 3px 3px 3px #CCC;
	padding: 20px;
	background-repeat:no-repeat;
}

.shell{
	width: 100%;
	height: 100%;
}

body {
    background-color: #FDFCF4;
	color: #666;
	font-family: 'Cabin', Tahoma, Geneva, sans-serif;
	line-height: 1.75em;
}

.address{
    padding-left: 60px ;
    text-indent: -60px ;

}

h1{
	font-size: 1.7em;
}

h2{
	font-size: 1.2em;
	color: #5BC6C7;
}

#nav{
	width: 100%;
	float: right;
	line-height: 1;	
}

#nav a {
	display: block;
}

#nav ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
 	list-style-type: none;
}




a {
	text-decoration:none;
	color: #666;
}

a:hover{
	color: #5BC6C7;
}

#footer{
	margin-bottom: 2em;
	font-size: 12px;
}

#img-charlotte{
	padding: 0 20px 20px 20px;
}

.treatment-links{
	font-size: 1.2em;
	line-height: 1.7em;
}

#map{
	border:0;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 100%;
}