/* Copyright (c) 2010-2015 Florida PhysicianWork and Spyder Web Global - All Rights Reserved */

body {background-color:#232323;
	margin:0px;
	padding:0px;
	font-family:'Segoe Ui', 'Myriad Pro', Helvetica, 'Sans-Serif';}

img {border:none;}

header, section, nav, p, h1, h2, h3 {margin:0px;
	padding:0px;}
	
hr {width:100%;
	border-top:1px solid #aaa;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:15px 0;}
	
/** NWRAPPER is the narrower wrapper for the page content and WRAPPER is for top, bottom, and other UI elements **/
.wrapper, .nwrapper {width:97%;
	margin:0px auto;
	padding:0;}
	.wrapper {max-width:1000px;}
	.nwrapper {max-width:800px;}
	
	.pagebg {width:100%;
		margin:0;
		font-size:14pt;
		float:left;
		color:#fff;}
		/** Custom bullets and I adjusted the default spacing for the bullets **/
		.pagebg ul li {line-height:22px;
				margin:5px 0 10px -15px;
				padding: 0 0 0 20px;
				background:url(images/bullets.png) no-repeat 0 5px;}
		.pagebg h2 {font-family:'museo-sans-condensed', 'Segoe Ui', 'Myriad Pro', Helvetica, 'Sans-Serif';
			font-weight:300;
			font-size:24pt;
			font-weight:bold;
			color:#b89664;
			margin:15px 0;
			padding:0 0 5px 10px;
			border-bottom:2px solid #666;}
		.pagebg h3 {font-family:'museo-sans-condensed', 'Segoe Ui', 'Myriad Pro', Helvetica, 'Sans-Serif';
			font-weight:500;
			font-size:18pt;
			color:#b89664;
			margin:20px 0 5px 0;
			padding:0;
			border-bottom:1px solid #666;}
		.pagebg h4 {font-family:'museo-sans-condensed', 'Segoe Ui', 'Myriad Pro', Helvetica, 'Sans-Serif';
			font-weight:300;
			font-size:15pt;
			color:#b89664;
			font-weight:normal;
			margin:5px 0;
			padding:0;}
		.pagebg dl {margin:0;}
			.pagebg dt {margin:0 0 0 10px;}
			.pagebg dd {font-size:13pt;
				color:#999;
				margin:0 0 20px 40px;}
		.pagebg a {color:#ddd;
			text-decoration:underline;}
			.pagebg a:hover, .pagebg a:active {color:#b89664;
				text-decoration:none;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
			
	.pagepadding {padding:60px 0;}
			
	#topspace {width:100%;
		height:20px;
		margin:0;
		float:left;}
				
/** Top nav **/
#topbg {width:100%;
	margin:0 auto;
	background-color:#000;}
	
	#toplogo {width:70%;
		max-width:230px;
		margin:0 auto;}
		#toplogo img {width:100%;}
		
	#topnavspace {width:100%;
		height:0px;
		max-width:1000px;
		margin:0;}

	#topnav {width:100%;
		max-width:996px;
		float:left;
		font-family:'museo-sans-condensed', 'Segoe Ui', 'Myriad Pro', Helvetica, 'Sans-Serif';
		font-weight:500;
		text-align:center;}
		#topnav a {display:block;
				float:left;
				padding:3px 0;
				background-color:#b89664;
				color:#232323;
				text-decoration:none;}
				#topnav a:hover, #topnav a:active {color:#fff;
					text-decoration:underline;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;}
	
		/** 3 columns **/
		@media only screen and (min-width:540px) {
		#topnav {font-size:15pt;}
			#topnav a {width:31%;
				margin:3px 1%;}
		}
		/** 2 columns **/
		@media only screen and (max-width:539px) {
		#topnav {font-size:14pt;}
			#topnav a {width:46%;
				margin:5px 2%;}
		}

/********** Home page styling **********/
		/** The left side of the home page with the photo **/
		#homeleft {}
			#homeleft img {width:100%;
				max-width:490px;
				border:2px solid #ddd;
				margin:20px 0 0 0;}
			#homeleft ul li {background:none;}
			
		#homeright {float:left;
			font-size:14pt;}
		@media only screen and (min-width:550px) {
		#homeleft {width:51%;
			float:left;
			margin:0 1% 0 0;}
		#homeright {width:47%;
			float:left;
			margin:0 0 0 1%;}
		}
		@media only screen and (max-width:549px) {
		#homeleft {width:80%;
			margin:0 10%;}
		#homeright {width:94%;
			margin:0 3%;}
		}
					
	#quotebg {width:100%;
		max-width:1000px;
		margin:20px auto;
		padding:10px 0;
		overflow:hidden;
		background-color:#000;
		font-size:13pt;
		line-height:27px;}
		
		#quote {width:94%;
			float:left;
			padding:3%;
			margin:20px 0;
			background-color:#000;
			color:#fff;}
			#quoteimage {width:40%;
				max-width:150px;
				float:left;
				margin:10px 20px 10px 0;
				border:2px solid #ddd;}
			
/********** End Home Page ***********/

/*********** Recruitment Page ***********/

#recruitmentimg {width:40%;
	max-width:200px;
	float:left;
	margin:0 20px 0 0;}
	
@media only screen and (min-width:530px) {
#recruitmentphotos {width:100%;
	margin:30px 0;}
	#recruitmentphotos img {width:23%;
		margin:0 0 0 2.6%;}
	#recruitmentphotos img:nth-of-type(4n+1) {
				margin-left: 0;}
}
@media only screen and (max-width:529px) {
#recruitmentphotos {width:100%;
	margin:30px 0;}
	#recruitmentphotos img {width:44%;
		margin:3%;}
}

/*********** END Recruitment ***********/

/********** Values Page **********/

	@media only screen and (min-width:540px) {
	#valuesleft {width:35%;
		float:left;
		margin:20px 1% 40px 0;}
		
	#valuesright {width:63%;
		float:left;
		margin:40px 0 40px 1%;}
		#valuesright img {width:100%;
			max-width:500px;}
	}
	@media only screen and (max-width:539px) {
	#valuesleft {width:100%;
		float:left;
		margin:0;}
		
	#valuesright {width:100%;
		float:left;
		margin:10px 0 30px 0;}
		#valuesright img {width:80%;
			max-width:500px;
			margin:0 10%;}
	}
			
/********** END Values **********/

/*********** Summary page ***********/
	
#summaryphoto {width:100%;
	float:left;
	margin:10px 20px;
	font-size:16pt;
	color:#b89664;}
	#summaryphoto img {float:left;
		margin:10px 20px 10px 0;
		border:2px solid #ddd;}
	span {font-style:italic;
		font-size:13pt;
		color:#ccc;}
		
/*********** END Summary page ***********/
	
/********** Care in FL page **********/
			
	#careinflleft {width:49%;
		float:left;
		margin:10px 1% 10px 0;}
		
	#careinflright {width:49%;
		float:left;
		margin:10px 0 10px 1%;}
		
/********** END Care in FL **********/

/********** Listings page **********/
	iframe {overflow:hidden;}
	/** Listings page stylesheet is in the listings folder so it can over ride the styles of the embedded iframe **/
/********** END Listings **********/
		
	#bottombg {width:100%;
		max-width:1000px;
		margin:0 auto;
		padding:10px 0;
		overflow:hidden;
		background-color:#b89664;
		color:#000;
		text-align:center;}
			#bottombg a:hover, #bottombg a:active {color:#fff;
				text-decoration:underline;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;}
		
		#bottomnav {width:100%;
			float:left;
			font-family:'museo-sans-condensed', 'Segoe Ui', 'Myriad Pro', Helvetica, 'Sans-Serif';
			font-weight:500;
			font-size:12pt;
			margin:10px 0;}
			/** Splits the bottom nav into 3 columns of buttons **/
			@media only screen and (min-width:530px) {
			#bottomnav a {display:block;
				width:29%;
				margin:5px 2%;
				float:left;
				padding:8px 0;
				background-color:#232323;
				color:#b89664;
				text-decoration:none;}
			}
			/** Splits the bottom nav into 2 columns of buttons **/
			@media only screen and (max-width:529px) {
			#bottomnav a {display:block;
				width:46%;
				margin:5px 2%;
				float:left;
				padding:8px 0;
				background-color:#232323;
				color:#b89664;
				text-decoration:none;}
			}
			
		#spyder {width:100%;
			float:left;
			margin:20px 0;
			font-size:9pt;}
			#spyder a {color:#232323;
				text-decoration:underline;}