/*
	http://phoenixcolonrectal.com/ 
	Author: Jade Calegory
	jcalegory@aasaz.com
	
	Colors:
	Light Grey: #adb0b7;
	Darker Grey: #4e4e55;
	New Logo Blue: #0066AA;
	***Replaced Color Blueish Logo Color: #0066AA;
		  
	
*/

@media (max-width: 736px) { 
@viewport {
		max-width: device-width; }
		


/* PAGE-WRAP */




											

											
div.accent									{
											background: url('../images/Header_Bg_Small_Device.jpg') top left no-repeat;
											margin-top: -10px;
											}

body 										{ 
											font: 1em;
											*font-size: small; 
											*font: x-small; 
											line-height: 1.22em;
											position: relative;	
											}
											
h1											{
											font-size: 1.7em;
											letter-spacing: .05em;
											padding-top: -1px;
											max-width: 100%;
											background: none;
											}
											
h2											{
											font-size: 1.1em;
											padding-top: 5px;
											letter-spacing: .08em;
											 }
											
h3											{
											font-size: 1.2em;
											font-weight: 100;
											letter-spacing: .08em;
											padding-left: 0px;
											}
											
h4											{
											font-size: 1em;
											letter-spacing: .08em;
											}


/*YouTube iFrame */

iframe.office-tour							{
											max-width: 100%;
											float: none;
											}


/*HEADER */

body #header-bg									{
											background: none;
											min-width: 100%;
											height: 100%;
											background: url('../images/BodyContent_Bg.jpg') top left repeat;
											}

div#header-bg header						{
											max-width: 100%;
											margin: 0 auto;
											}
											


header div.hgroup#logo						{
											max-width: 100%;
											max-height: 100%;
											float: none;
											padding: 15px 0 0 15px;
											display: block;
											margin-bottom: 20px;
											margin-left: auto;
											margin-right: auto;
											
											}
											
header div.hgroup a							{
											max-width: 100%;
											max-height: 100%;
											}
											
header div.hgroup#logo img					{
											max-width: 90%;
											float: none;
											max-height: 100%; 
											padding-right: 0;
											padding-left: 0;
											margin-left: 0;
											padding-bottom: 0px;
											margin-bottom: 0px;
											}
											
header div.hgroup#logo h1					{
											font-size: 2em;
											line-height: 1em;
											letter-spacing: .02em;
											max-width: 100%;
											}

											
#header-bg header div#logo ul				{
											padding: 0;
											margin-top: 0px;
											letter-spacing: .001em;
											font-size: 1em;
											padding-top: 3px;
											width: 100%;
											display: block;
											margin-left: auto;
											margin-right: auto;
											list-style: none;
											
											}
											
	#header-bg header div#logo ul li		{
											display: block;
											max-width: 100%;
											margin-left: 5px;
											
											}
												
											
											
#header-bg header div.rotating-copy								{
											width: 100%;
											float: none;
											padding: 0;
											font-size: 1.1em;
											color: #4e4e55;
											display: block;
											border-left: none;
											height: 42px;
											margin-top: 20px;
											margin-bottom: 32px;
											margin-left: auto;
											margin-right: auto;	
											}
											
#header-bg header div.rotating-copy ul.rotate						{
											list-style-type: none;
											display: block;
											text-align: left;
											margin: 0 auto;
											max-width: 70%;
											}
											
#header-bg header div.rotating-copy ul li				{
											
											text-align: left;
											margin: 0 auto;
											width: 100%;
											}
											

											
#header-bg header div.rotating-copy ul li em			{
											float: none;
											font-size: .9em;
											letter-spacing: .0em;
											width: 95%;
											color: #4e4e55;
											margin-right: auto;
											margin-left: auto;
											padding-left: 0px;
											padding-top: 5px;
											display: block;
											text-align: center;
											text-shadow: none;
											line-height: 1.1em;
											}

/* Legacy styling											
#header-bg header div.rotating-copy ul li img  {
											max-width: 80%;
											border: solid 1.5px #fff;
											float: none;
											display: block;
											margin-left: auto;
											margin-right: auto;
											margin-top: 5px;
											}
											
*/

									

											
header img.rotating-img							{
											float: none;
											display: block;
											border: solid 2px #0066AA;
											margin-left: auto;
											margin-right: auto;
											margin-top: 5px;
											max-width: 80%;
											margin-bottom: 5px
											}
											
header h2								{
											width: 100%;
											float: none;
											font-size: 1em;
											margin: 0 auto 8px auto;
											color: #fff;
											text-align: center;
											text-shadow: none;
											color: #0066AA;
											text-shadow: 1px 0px 0px #000;

											}
											

											


											
body #header-bg .accent header nav									{
											max-width: 100%;
											margin: 0;
											border-left: none;
											height: 100%;
											display: block;
											border-bottom: 1px solid #ac9573;
											
																																											}
											
											
	header nav ul li						{
											max-width: 100%;
											float: none;
											clear: both;
											min-height: 100%;
											border-right: none;
											border-left: none;
											padding-left: 0px;
											display: block;
											height: 100%;
											margin-top: 0px;
											
											}
											
	header nav ul li a						{
											text-decoration: underline;
											text-align: left;
											font-size: 1em;
											padding: 0px;
											padding-bottom: 4px;
											line-height: 1em;
											max-width: 100%;
											border-left: none;
											min-height: 100%;
											display: block;
											height: 100%;
											}
											
	header nav ul li a em					{
											display: inline;
											color: #5f3944;
											font-style: normal;
											}
											
	header nav ul li a em:hover				{
											color: #15407f;
											}
											
	header nav ul li a.padding							{
											padding-top: 3px;
											margin-top: 0px;
											}
											
		nav ul li:hover						{
											
											max-height: 25px;
											}
											
		nav ul li a:hover					{
											color: #15407f;
											max-height: 25px;
											}	
											
		ul.slimmenu li.active a, nav ul.slimmenu li.active a em	{
											font-color: #e5dfdd;
											text-decoration: none;
											}
											
nav ul li a.home							{
											margin-top: 5px;
											}
											
article#content div.aco img.acn-logo		{
											max-width: 50%;
											float: none;
											}
								
article#content div.aco img.banner-net-logo	{
											max-width: 50%;
											float: none;
											}
											
article#content div.aco img.equality-logo	{
											max-width: 50%;
											float: none;
											}
											
											
/* MAIN CONTENT */

										
#main-content-wrapper						{
											position: relative;
											min-width: 100%;
											clear: both;
											}
											
#main-content								{
											max-width: 92%;
											margin: 0;
											
											clear:both;
											padding-left: 5px;
											}

											
	#main-content article.home_content		{
											max-width: 100%;
											padding-left: 5px;
											clear:both;
											}
											
	#main-content img.fade					{
											display: none;
											height: 0px;
											clear: both;
											
											}

											
		#main-content article h1			{
											letter-spacing: .06em;
											font-size: 1.9em;
											padding: 20px 0 10px 5px;
											line-height: 1em;
											clear: both;
											}
											
											
		div#main-content article h1.h1-home	{
											letter-spacing: .4em;
											}
											
											
											

		#main-content article p				{
											font-size: 1.02em;
											line-height: 1.4em;
											padding-bottom: 12px;
											height: 100%;
											padding-left: 5px;
											margin-top: 10px;
											}
											
											
											
											
											
/* ABOUT */

#main-content img.side_bar_img				{
											max-width: 80%;
											float: left;
											border: 2px solid #f2e0c3;
											margin-left: 15px;
											margin-top: 13px;
											}

#main-content article#about					{
											width: 95%;
											padding-left: 10px;
											}
											

/* Physicians Page */
											
.physicians_links							{
											max-width: 100%;
											margin-bottom: 80px;
											}
	
	
	.physicians_links h1					{
											padding-top: 15px;
											margin-bottom: 15px;
											border-bottom: solid 1px #bcbdbf;
											min-width: 105%;
											
											}
											
	.physicians_links .bio_links h3			{
											padding: 0;
											margin-top: 4px;
											font-size: 1em;
											line-height: 17px;
											letter-spacing: .0em;
											}
											
	.physicians_links .bio_links em			{
											font-size: .8em;
											letter-spacing: .0em;
											padding-top: -10px;
											line-height: 1.2em;
											}
											
	.physicians_links .bio_links p			{
											font-size: .8em;
											padding: 7px 5px 5px 5px;
											line-height: 1.2em;
											}
											
	.physicians_links .bio_links a img		{
											max-width: 40%;
											float: left;
											}
											
											
		.physicians_links div.bio_links		{
											max-width: 100%;
											height: 150%;
											float: none;
											clear: both;
											margin-left: 10px;
											margin-bottom: 10px;
											}
											
											
											
/* Bio Pages */

.bio										{
											max-width: 100%;
											border-left: none;
											margin: 20px 0 15px 0px;
											padding-left: 5px;
											}
											
	.bio img								{
											border: solid 1.5px #fff;
											margin: 15px 15px 5px 0;
											max-width: 80%;
											float: none;
											}
											
						
		#main-content .bio h1									{
											font-size: 1.5em;
											line-height: .8em;
											}

											
	div.bio h1.bio-h1 span								{
											
											font-size: .7em;
											line-height: .01em;
											letter-spacing: .01em;
											}
											
	#main-content div.bio h1.bio-h1 em									{
											font-size: .8em;
											font-weight: normal;
											display: block;
											font-style: normal;
											margin-top: 3px;
											line-height: 1.1em;
											letter-spacing: .01em;
											}
											
	div#main-content .bio .h1.bio-h1 em.staff-em								{
											line-height: .1em;
											padding-top: 0px;
											margin-top: 0px;
											}
											
	.bio p									{
											max-width: 100%;
											margin: 15px 0 0 0;	
											line-height: 1.2em;
											font-size: 1em;
											}
			
iframe										{
											max-width: 100% !important;
											max-height: 100% !important;
											}
											
											
img.award-img			{
						max-width: 100%;
						float: none;
						clear: both;
						margin-right: 0;
						margin-bottom: -15px;
						border: 1px solid #fff;
						}
						
	p.award-copy		{
						color: #24242d; 
						font-size: 1em;
						}
						
p.bio-testimonial em						{
											display: inline;
											font-style: oblique;
											font-size: 1em;
											}
						
						
											
/* Insurances */

body div#main-content-wrapper div#main-content article ul.insurance																{
											padding-top: 5px;
											}

ul.insurances li							{
											list-style: inside;
											color: #24242d;
											padding: 2px;
											font-size: 1em;
											}
											
ul.insurance li								{
											list-style: outside;
											padding: 3px;
											font-size: 1em;
											margin-left: 20px;
											color: #24242d;
											}

article#content p.list-header								{
											padding-bottom: 0px;
											padding-left: 0px;
											margin-bottom: 0px;
											margin-left: 0px;
											font-size: 1.15em;
											}
											
											
article#content h2.list-header				{
											font-size: 1.3em;
											letter-spacing: .01em;
											}


/* SIDE NAV */

.sidebar									{
											width: 108.5%;
											float: none;
											padding-top: 8px;
										
											}
											
.sidebar ul li.sidebar-header				{
											font-size: 1.1em;
											letter-spacing: .08em;
											margin-top: 13px;
											padding-left: 10px;
											padding-top: 2px;
											font-weight: 600;
											}
											
.sub-nav li.sidebar-nav-header				{
											color: #5f3944;
											letter-spacing: 0;
											padding-left: 0px;
											margin-bottom: -7px;
											max-width: 100%;
											}

											
											
	.sidebar ul li							{
											padding: 0;
											
											width: 108.5%;
											float: none;
											font-size: 1em;
											display: block;
											}
											
	
											
	.sidebar span							{
											font-weight: normal;
											font-size: 1em;
											}
							
	#main-content .sidebar ul li a			{	
											font-size: 1em;
											color: #fff;
											text-decoration: underline;
											padding-top: 4px;
											padding-bottom: 3px;
											border-bottom: none;
											display: block;
											width: 108.5%;
											text-shadow: 1px 1px 1px #000;
											}
											
									
	li.long-link							{
											min-height: 43px;
											}		
											
											
	.sidebar span							{
											font-size: .9em;
											}
											
	.sidebar p								{
											padding: 7px 35px 5px 15px;
											}
											
	.sidebar h1								{
											padding-left: 15px;
											padding-top: 10px;
											}
											
	.sidebar h3								{
											margin-left: 3px;
											margin-bottom: 5px;
											}
											
	.sub-nav li.sidebar-nav-header			{
											color: #000;
											border:none;
											}
											
	aside.sidebar ul.sub-nav li.sidebar_active a			{
											color: #5f3944;
											text-decoration: none;
											}
				
	

/* Areas of Specialty */

											
	.sub-nav .indent						{
											padding-left: 15px;
											}
											
	article#content							{
											max-width: 100%;
											margin: 10px 0 30px 0px;
											border: none;
											padding-left: 5px;
											}
										
	#content img							{
											margin: 12px 15px 5px 0;
											max-width: 100%;
											float: left;
											}
																				
	#main-content-wrapper #main-content article#content h1		{
											padding-top: 0px;
											margin-top: 0px;
											letter-spacing: .02em;
											font-size: 1.8em;
											}
											
	#content p								{
											padding-top: 5px;
											}
											
	#content h2								{
											padding-top: 10px;
											font-size: 1.2em;
											letter-spacing: .03em;
											}
											
/* Carotid Conditions */

ul.lists									{
											padding: 0 0 10px 15px;
											margin-top: -5px;
											}

.lists li									{
											list-style-position: outside;
											color: #fff;
											padding: 2px;
											font-size: 15px;
											}
											
											
/* Larger List */

article#content ul.list-larger li			{
											font-size: 1em;
											}
											
/* Plain List */
article#content ul.plain-list li			{
											
											font-size: 1em;
											}
											
										


/* CONTACT */



.contact_info 								{
											max-width: 60%;
											float: left;
											padding: 10px 15px 0 0;
											margin-right: 0px;
											margin-left: 15px;
											}
											
	article#content div.contact_info img.contact_img  				{
											max-width: 100%;
											}
	
	.contact_info li						{
											list-style: none;
											padding-top: 2px;
											}
											
	.contact_info li span					{
											float: none;
											max-width: 100%;
											padding-right: 15px;
											display: block;
											}
											
.contact_info h3							{
											padding-left: 0px;
											}
											

											
div.map-section								{
											max-width: 90%;
											float: none;
											padding-left: 15px;
											}
											
div.map-section	iframe.map					{
											height: 20em;
											}
											

											
/* New Patient Paperwork */
#main-content article div.download_links a.adobe img	{
											max-width: 100%;
											float: left;
											margin-right: 10px;
											}
											
	#content div.download_links a.adobe img, #main-content article div.download_links a.adobe img	{
											max-width: 100%;
											padding: 15px 0 0 0px;
											border: none;
											}
											

/* NEWS */

iframe										{
											max-width: 100%;
											max-height: 100%;
											}
											
/* COMMUNITY PAGE */



						
blockquote				{
						padding: 0;
						margin: 0;
						}
						
/*						
p a						{
						color: #743410;
						}
						
p a:hover 				{
						color: #f4cd6e;
						}

span					{
						font-size: 10px;
						margin-top: 5px;
						display: block;
						}
						
*/


				
						
#bag-it					{
						padding-top: 25px;
						}
						
	#bag-it img			{
						max-width: 100%;
						float: left;
						border: solid 1.5px #fff;
						}
						
	#bag-it h3			{
						font-size: 14px;
						padding-left: 90px;
						padding-top: 0;
						margin-top: 0;
						}
						
	#bag-it p, #undy-5000 p, #loveiam p, #por-ellos p {
						font-weight: 500;
						}
						
						
#undy-5000				{
						padding-top: 15px;
						}


#undy-5000 img			{
						max-width: 100%;
						float: left;
						margin-bottom: 10px;
						border: solid 1.5px #fff;
						}

#undy-5000 h3			{
						font-size: 14px;
						padding-left: 153px;
						padding-top: 0;
						margin-top: 0;
						}
						
#loveiam				{
						padding-top: 25px;
						}


#loveiam img			{
						max-width: 100%;
						float: left;
						margin-bottom: 10px;
						border: solid 1.5px #fff;
						}

#loveiam h3				{
						font-size: 14px;
						padding-left: 108px;
						padding-top: 0;
						margin-top: 0;
						}
						
.charity-event			{
						max-width: 60%;
						margin: 0px 15px 5px 0;
						float: left;
						
						}
						
img.charityImg				{
						border: solid 1.5px #fff;
						margin: 0px 15px 5px 0;
						max-width: 100%;
						padding: 0px;
						}
						
						
#por-ellos				{
						padding-top: 25px;
						}


#por-ellos img			{
						max-width: 100%;
						float: left;
						margin-bottom: 10px;
						border: solid 1.5px #fff;
						}

#por-ellos h3			{
						font-size: 14px;
						padding-left: 108px;
						padding-top: 0;
						margin-top: 0;
						}											
											

											
											
/* FOOTER */
											
body footer										{																					min-width: 100%;
											min-height: 100% !important;
											margin: 0 auto;
											border-top: 1px solid #4e4e55;
											background: url('../images/Footer_Bg_Small_Device.jpg') top left repeat-x;																}
											
	#footer-container						{
											max-width: 100% !important;
											margin: 0 auto;
											text-align: left;
											font-size: 1em;
											line-height: 1em;
											padding-bottom: 0px;
											}
											
											
		#footer-container article#aas		{
											width: 98% !important;
											height: 150px;
											float: none;
											padding-top: 1.5em;
											margin: 0 auto;
											}
											
			
											
			article#aas p					{
											max-width: 90%;
											padding-left: 0;
											padding-top: 3px;
											font-size: .86em;
											line-height: 1.3em;
											margin: 0 auto;
											text-align: center;
											float: none;
											}
											
			
			
			
			div#footer-container article#aas img		{
											max-width: 33%;
											margin: -13px auto 0 auto;
											padding: 0 0 3px 0;
											display: block;
											float: none;
											clear: both;
											padding-left: 0px;
											
											}
											
			
											
				article#aas a.porellos-foot		{
											width: 100%;
											float: none;
											padding-left: 0;
											}
																		
											
			div#footer-container article#aas a.colon-foot		{
											max-width: 60% !important;
											float: none;
											margin-left: 0 auto;
											}
											
			
											
											
		
									
											
			footer div#footer-container article#address_ins				
											{
											width: 98%;
											max-height: 100%;
											float: none;
											padding-top: 0px;
											margin: 0 auto;
											}
											
			
			footer div#footer-container article#address_ins img {
											margin-left: auto;
											margin-right: auto;
											float: none;
											clear: both;
											display: block;
											}								
											
																						
											
				article#address_ins p		{
											max-width: 95%;
											padding-left: 0;
											text-align: center;
											padding-top: 5px;
											font-size: .86em;
											line-height: 1.35em;
											margin-left: auto;
											margin-right: auto;
											}	
											
											
				article#address_ins ul			{
											margin-left: 5px;
											list-style: none;
											text-align: center;
											}
											
									
											
		div#footer-container p.footer-contact				{
											width: 95%;
											clear: both;
											color: #4e4e55;
											font-size: .9em;
											text-align: center;
											padding-right: 0px;
											padding-left: 0px;
											line-height: 1.4em;
											border-bottom: none;
											margin: 0 auto;
											border-bottom: 1px solid #bcbdbf;
											}
											
											
			div#footer-container p.footer-contact h6.copyright	{
											padding-top: 2px;
											padding-right: 0px;
											padding-left: 0px;
											text-align: center;
											font-size: .8em;
											margin: 0 auto;
											color: #4e4e55;
											}

											
	
											
		footer div#footer-container p.footer-contact a	{
    										color: #eae9e9 !important;
    										text-decoration:none;
    										display: inline-block;
    										text-shadow: 1px 1px 1px #000;
    										}
											
															

											
}