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

body {background:url(images/bg.gif) repeat-x center top #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:0px 5px;}
	.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:80px 0;}
	
	#topspace {width:100%;
		height:20px;
		margin:0;
		float:left;}
				
/** Top nav **/
#topbg {width:100%;
	margin:0 auto;}
	
	#toplogo {width:230px;
		height:104px;
		box-shadow:2px 2px 5px #232323;}
		
	#topnavspace {width:100%;
		height:20px;
		max-width:1000px;
		margin:0;}

	#topnav {width:96%;
		max-width:996px;
		font-family:'museo-sans-condensed', 'Segoe Ui', 'Myriad Pro', Helvetica, 'Sans-Serif';
		font-weight:500;
		border:2px solid #ddd;
		background-color:#b89664;
		color:#000;
		font-size:15pt;}
		#topnav a {color:#000;
			text-decoration:none;
			margin:0 5px;
			padding:3px 5px;}
				#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;}
		/** Floats the logo over the nav on large screens **/
		@media only screen and (min-width:970px) {
		#toplogo {margin:0 20px;
			position:relative;
			z-index:100;
			float:left;}
		#topspace {position:relative;
			z-index:5;}
		#topnav {position:relative;
			z-index:5;
			margin:0;
			padding:15px 2%;
			text-align:right;}
		}
		/** Moves the logo above the nav **/
		@media only screen and (max-width:969px) {
		#toplogo {margin:0 auto;}
		#topspace {float:left;}
		#topnav {float:left;
			margin:0;
			padding:10px 2%;
			text-align:center;}
		}

/********** Home page styling **********/
		/** The left side of the home page with the photo **/
		#homeleft {width:66%;
			float:left;
			margin:0 1% 0 0;}
			#homeleft img {width:100%;
				max-width:490px;
				border:2px solid #ddd;
				margin:20px 0 0 0;}
			#homeleft ul li {background:none;}
			
		#homeright {width:32%;
			float:left;
			margin:0 0 0 1%;
			font-size:14pt;}
					
	#quotebg {width:100%;
		max-width:1000px;
		margin:20px auto;
		padding:10px 0;
		overflow:hidden;
		background-color:#000;
		font-size:14pt;
		line-height:30px;}
		
		#quote {width:94%;
			float:left;
			padding:3%;
			margin:20px 0;
			background-color:#000;
			color:#fff;}
			#quoteimage {float:left;
				margin:10px 20px 10px 0;
				border:2px solid #ddd;}
			
/********** End Home Page ***********/

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

#recruitmentimg {width:35%;
	max-width:200px;
	float:left;
	margin:0 20px 0 0;}
	
#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;}

/*********** END Recruitment ***********/
		
/********** Values Page **********/

	#valuesleft {width:35%;
		float:left;
		margin:40px 1% 40px 0;}
		
	#valuesright {width:63%;
		float:left;
		margin:40px 0 40px 1%;}
		#valuesright img {width:100%;
			max-width:500px;}
			
/********** 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:14pt;
			margin:10px 0;}
			/** Normal bottom nav for desktop/large screens **/
			@media only screen and (min-width:800px) {
			#bottomnav a {color:#000;
				text-decoration:none;
				margin:5px;
				padding:5px 10px;}
			}
			/** Splits the bottom nav into 3 columns of buttons **/
			@media only screen and (max-width:799px) {
			#bottomnav a {display:block;
				width:29%;
				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:10pt;}
			#spyder a {color:#232323;
				text-decoration:underline;}