/*
	Dr. Castillo Website
	Author: Jade Calegory
	jade@jadestudiospx.com
	http://www.jadestudiospx.com
	
	Colors:
		Dark Grey: #3d3d52;
		Gold Color: #a98452;
		Light Blue: #a5d6f8;
	
*/

/* RESET */
/* import stylesheets and hide from ie/mac \*/
@import url("reset.css");

/* self-clear floats */

.group:after 			{
						content: "."; 
					 	display: block; 
						height: 0; 
						clear: both; 
						visibility: hidden;
						}
					
body					{
						font-family: Trebuchet MS, Arial, sans-serif;
						font: 14px;
						line-height: 1.22;	
						}
						
h1						{
						color: #a98452;
						font-size: 34px;
						font-weight: 100;
						letter-spacing: .08em;
						text-shadow: 0px 1px 0px #000;
						font-family: Trebuchet MS, Arial, Sans-serif;
						background: url(../images/Header-Line.png) no-repeat 0px 33px;
						}
						
h2						{
						color: #3d3d52;
						font-size: 22px;
						font-weight: normal;
						}
						
h2 span.contact-span	{
						font-size: 16px;
						}
						
h2.h2-specialty			{
						color: #a98452;
						font-size: 24px;
						}
												
h3						{
						font-size: 17px;
						color: #3d3d52;
						padding-top: 5px;
						font-weight: normal;
						letter-spacing: .06em;
						}
						
.h3-specialty			{
						font-size: 19.5px;
						margin-bottom: -2px;
						padding-top: 8px;
						font-weight: 600;
						}
						
#content h4				{
						padding-bottom: 4px;
						color: #3f3e44;
						font-size: 14px;
						}
						
h5											{
											color: #a98452;
											font-size: 18px;
											line-height: 21px;
											padding-bottom: 3px;
											padding-top: 10px;
											}
						
p											{
											font-size: 18px;
											line-height: 23px;
											padding: 7px 0;
											color: #3d3d52;
											}
											
p.p-specialty								{
											padding: 2px 0 0 0;
											margin-bottom: -5px;
											font-size: 18px;
											}
											
a[href^=tel]								{
    										color:inherit;
    										text-decoration:none;
    										}
					
/* HEADER */

	#header-bg				{
							min-width: 960px;
							border-bottom: 1px solid #000;
							padding-bottom: 4px;
							background: url(../images/Nav-BG.jpg) no-repeat center center;
							}
						
	header					{
							width: 960px;
							margin: 0 auto;
							}
						
	#castillo-hd			{
							width: 330px;
							float: left;
							}
							
							
	#castillo-hd h3.header-contact a		{
							font-size: 17px;
							color: #3d3d52;
							padding-top: 5px;
							font-weight: normal;
							letter-spacing: 0em;
							text-decoration: underline;
							}								

	header h1				{
							font-size: 21px;
							padding: 15px 5px 5px 0;
							background: none;
							}
							
	#castillo-hd h1 span 	{
							font-size: .9em;
							letter-spacing: 0em;
							}
						
	header h1 span, em		{
							font-size: .8em;
							font-style: normal;
							}
							
	header h1 em			{
							display: block;
							padding-top: 2px;
							}
							
p#reg-link					{
							margin-top: -2px;
							}
							
#reg-link a					{
							color: #3d3d52;
							text-decoration: none;
							font-size: 15px;
							padding: 3px;
							background: #e5e1e1;
							-moz-border-radius: 10px;
							-webkit-border-radius: 10px;
							border-radius: 10px; /* future proofing */
							-khtml-border-radius: 10px;
							border: 1px solid #8a7a67;
							}
							
#reg-link a:hover			{
							background: #fff;
							color: #a98452;
							border-color: #a98452;
							}
					
	nav						{
							width: 585px;
							float: right;
							padding: 88px 0 0 0;
							z-index: 100;
							}
							
		header nav ul 		{
							width: 545px;
							float: right;
							}
						
		nav ul li			{
							width: 65px;
							float: left;
							font-size: 16px;
							text-align: center;
							}
							
		li.nav-padding		{
							padding-right: 10px;
							}
						
		nav ul li a			{
							color: #3d3d52;
							width: 65px;
							display: block;
							font-family: Trebuchet MS, Arial, sans-serif;

							}
							
		a.active			{
							color: #a98452;
							}
							
		a:hover				{
							color: #a98452; 
							}
							
#nav-home					{
							background: url(../images/NavSpacer.png) no-repeat right 21px;
							padding-right: 2px;
							padding-top: 19px;
							}
							
#nav-about					{
							background: url(../images/NavSpacer.png) no-repeat right 21px;
							margin-left: 3px;
							padding-right: 10px;
							
							}
				
#nav-specialty				{
							background: url(../images/NavSpacer.png) no-repeat right 21px;
							padding-right: 17px;
							padding-left: 8px;
							}
							
#nav-patient				{
							background: url(../images/NavSpacer.png) no-repeat right 21px;
							padding-right: 1px;
							padding-left: 5px;
							width: 102px;
							}
							
#nav-patient a				{
							width: 92px;
							}
							
#nav-news					{
							background: url(../images/NavSpacer.png) no-repeat right 21px;
							margin-left: -8px;
							padding-right: 0px;
							padding-top: 19px;
							}
							
#nav-portal					{
							background: url(../images/NavSpacer.png) no-repeat right 21px;
							padding-right: 9px;
							}
							
#nav-contact				{
							background: none;
							padding-left: 3px;
							padding-top: 19px;
							}
							
/* DROPDOOWN NAV */


ul.dropdown									{
											position: relative;
											}
	
	ul.dropdown li.hover,
	ul.dropdown li:hover					{
											position: relative;
											z-index: 6;
											}
											
	ul.dropdown ul							{
											width: 240px;
											visibility: hidden;
											position: absolute;
											top: 38px;
											left: 0px;
											z-index: 6;
											background: #fff;
											}
											
	ul.dropdown ul li						{
											width: 240px;
											float: none;
											display: block;
											z-index: 6;
											height: 30px;
											border: 1px solid #3d3d52;
											padding-right: 0px;
											padding-top: 2px;
											padding-bottom: 2px;
											}
											
	ul.dropdown ul li a						{
											height: 100%;
											text-align: left;
											padding-left: 5px;
											font-size: 16px;
											padding-top: 5px;
											}
											
	ul.dropdown li:hover >  ul				{
											visibility: visible;
											z-index: 6;
											}
											
/* SUB-MENU */

									  
                                    /* IE 6 & 7 Needs Inline Block */
     ul.dropdown ul li a					{ 
											border-right: none; 
											width: 100%; 
											display: inline-block; 
											}
											

											
/* Home Page Popup Announcement */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}

.cnt223 a{
color: #1a75bb !important;
text-decoration: underline;
}

.cnt223 a:hover{
color: #051826;
text-decoration: underline;
}

.cnt223 a.close {
font-size: 21px;
color: #1a75bb !important;
}


.popup-onload{
width: 100%;
margin: 0 auto;
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 101;
}

.cnt223{
width: 65%;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 15px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}

.cnt223 p{
clear: both; 
line-height: 21px;
}


.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}

img.popup-logo 	{
				width: 40% !important;
				margin-bottom: 25px !important;
				float: none;
				border: none !important;
				}											

 
					
						
/* MAIN-CONTENT */


#main-content-wrapper		{
							min-width: 960px;
							padding-bottom: 50px;
							background: url(../images/Content-Bg.jpg) repeat;
							}
												
#main-content				{
							min-width: 960px;
							border-top: 1px solid #000;
							}
							
	#main-content section	{
							width: 960px;
							padding-top: 30px;
							margin: 0 auto;
							}
							
	section.content h1		{
							padding-bottom: 20px;
							}
							
	section.content	h1 span	{
							font-size: 28px;
							letter-spacing: 0px;
							}
							
	section.content h1 em	{
							display: block;
							font-size: 20px;
							}
							
	
	section.content img			{
								width: 160px;
								float: left;
								border: 2px solid #4c6b7e;
								margin: 10px 15px 10px 0;
								}
								
	section.content ul			{
								padding-top: 7px;
								color: #3d3d52;
								}
								
	section.content ul li		{
								font-size: 16px;
								list-style: none;
								padding: 1px 0;
								}
								
section ul.lists				{
								list-style-position: outside;
								margin-bottom: 10px;
								}
								
section	ul.lists li				{
								list-style: disc;
								padding: 2px;
								margin-left: 20px;
								}
								
section a						{
								color: #3f3e44;
								text-decoration: underline;
								}
								
								
#content									{
											width: 620px;
											border-left: 1px solid #bebcbc;
											margin: 0 0 20px 274px;
											padding-left: 40px;
											padding-bottom: 10px;
											}
										
	#content img							{
											border: 2px solid #4c6b7e;
											margin: 2px 15px 5px 0;
											width: 162px;
											float: left;
											}
											
	#content a								{
											text-decoration: underline;
											color: #3f3e44;
											}
											
		#content a:hover					{
											color: #a98452;
											}
											
		#content .adobe p					{
											font-size: 12px;
											padding: 25px 0 0 0;
											}
											
		#content .adobe img					{
											width: 72px;
											padding: 25px 0 0 0;
											border: none;
											}
											
h3.faq-header								{
											font-size: 20px;
											font-weight: bold;
											font-style: oblique;
											padding: 20px 0 0 0;
											}
											
											
.acn-logo									{
											width: 220px;
											padding: 3px;
											}
											
#content img.banner-net-logo							{
											padding: 3px;
											width: 209px;
											}
											
#content img.equality-logo					{
											padding: 3px;
											width: 161px;
											}
											
#content img.icp-logo						{
											padding: 3px;
											width: 222px;
											}
											
											
iframe										{
											max-width: 100% !important;
											max-height: 100% !important;
											border: 2px solid #4c6b7e;
											}
											

											
a.youtube_img img									{
											width: 260px;
											} 
											
											


											
/* HOME PAGE */
#welcome									{
											letter-spacing: .6em;
											font-size: 42px;
											background-position: 0px 40px;
											}								
								
/* SIDE NAV */								
								
.sidebar									{
											width: 274px;
											float: left;
											padding-top: 8px;
											}
											
	.sidebar ul								{
											list-style: none;
											}
											
	.sidebar ul.sub-nav li					{
											padding: 2px 0 2px 0;
											}
											
											
	.sidebar ul.li-adjust li				{
											padding: 6px 0;
											}
											
	.sidebar ul.li-adjust li a					{
											font-size: 1.05em;
											}
							
	.sidebar ul li a						{	
											font-size: 15px;
											color: #3d3d52;
											letter-spacing: -.01em;
											}
											
	.sidebar ul li a:hover					{
											color: #a98452;
											text-decoration: underline;
											}
											
	.sidebar ul li.sidebar_active a			{
											color: #a98452;
											text-decoration: underline;
											}
											
	.sidebar span							{
											font-weight: normal;
											font-size: 12px;
											}
											
	.sidebar p								{
											padding: 0 35px 5px 0;
											color: #a98452;
											}
											
/* PROCEDURES NAV */						

											
li.link-titles a  							{
											padding-top: 10px;
											font-weight: bold;
											display: block;
											}
											
/* BIO Page */
p.cite 										{
											list-style: none;
											font-size: 9px;
											line-height: 8px;
											padding-top: 3px;
											}
											
p.cite a 										{
											list-style: underline;
											text-decoration: underline;
											font-size: 9px;									
											line-height: 8px;
											}

p.bio-testimonials em						{
											font-style: oblique;
											font-size: 18px;
											}
											
/* NEW PATIENT */

.download_links	ul li						{
											list-style: none;
											margin-bottom: 3px;
											}
											
#content h3 a.reg-link									{
											color: #6d9f66;
											font-size: 20px;
											}											

	
/* Hospitals and Surgicenters */	
											
ul.hospitals								{
											padding: 5px 0 10px 0;
											}
											
	ul.hospitals li							{
											font-size: 16px !important;
											color: #3d3d52;
											padding: 2px;	
											}
											
	#content img.hospitals-img				{
											width: 88px;
											border: 2px solid #4c6b7e;
											margin-top: 10px;
											margin-bottom: 15px;
											}
											
h2.hospital-header							{
											color: #3d3d52;
											padding: 15px 0 0px 0;
											}
											
 h2.hospital-header	a						{
	 										text-decoration: underline;
	 										}
											
											
/* PRIVACY */

p.list-title								{
											padding-bottom: 5px;
											}
												
section.content ul.sub_list					{
											list-style-position: outside;
											list-style-type: disc;
											color: #3d3d52;
											padding: 2px;
											margin: 0 0 0 45px;
											font-size: 16px;
											}
											
	section.content ul.sub_list li			{
											padding: 3px 0;
											list-style-position: outside;
											list-style-type: circle;
											}
											
											
/* CONTACT US */			

											
#contact_info 								{
											width: 210px;
											float: left;
											padding: 10px 15px 0 0;
											margin-right: 10px;
											}
											
	#contact_info img						{
											width: 170px;
											margin-top: 10px;
											}
											
	#contact_info ul						{
											padding: 5px 0;	
											}
	
	#contact_info li						{
											list-style: none;
											color: #3d3d52;
											padding-top: 2px;
											padding-bottom: 1px;
											font-size: 16px;
											}
											
	#contact_info li span					{
											float: right;
											width: 130px;
											padding-right: 15px;
											}


img#map										{
											width: 364px;
											margin-top: 40px;
											}
											
#map_content								{
											width: 364px;
											padding: 15px 0 0 240px;
											}
											
/* Community Events */

#wings					{
						width: 90%;
						}



img.wings-logo			{
						width: 168px;
						float: left;
						margin-right: 10px;
						}
						
h1.community-h1			{
						font-size: 1.5em;
						}
						
#wings .charity-event 	{
						margin-bottom: 15px;
						}

#wings .charity-event a img	{
						width: 90%;
						}
											
							
/* FOOTER */				

footer						{
							background: url(../images/Footer-Bg.jpg)repeat;
							min-width: 960px;
							border-top: 2px solid #000;
							overflow: hidden;
							}
							
	#footer-content			{
							padding: 15px 0 0 0;
							width: 960px;
							margin: 0 auto;
							background: url(../images/FooterLine.png) no-repeat top center;
							}
							
	#aas					{
							padding: 0 65px 0 65px;
							width: 415px;
							float: left;
							}
							
	#aas img				{
							width: 240px;
							float: left;
							}
							
	#aas p					{
							font-size: 14px;
							color: #3d3d52;
							padding: 25px 0 0 260px;
							}
							
	#aas p a				{
							color: #3d3d52;
							text-decoration: underline;
							}
							
	#top-doc				{
							width: 315px;
							float: left;
							}
							
	#top-doc img			{
							width: 128px;
							float: left;
							}
							
	#top-doc p				{
							padding: 25px 0 0 148px;
							}
							
	#copyright				{
							border-top: 2px solid #000;
							}
			
	#copyright p			{
							font-size: 11px;
							text-align: center;
							}