/* CSS Document */
/*
Project: ProSmile
*/

/* RESET */

body, table, tr, td, p, ul, li, ol, h1, h2, h3, h4, h5, h6, input, form, button{
	margin:0;
	padding:0;
}
/* -----------------------------------*/
/* ---- BODY <<<-----------*/
/* -----------------------------------*/

body						{ 	background:#4b4949; 
								font-family:Arial, Helvetica, sans-serif;
								color:#444;}

/* -----------------------------------*/
/* ---- TYPOGRAPHY <<<-----------*/
/* -----------------------------------*/

p,a,h1,h2,h3,h4,h5			{ 	font-style: normal; font-weight: normal; font-variant:normal;text-transform: normal; letter-spacing:normal;}

p							{	font-size: 11px; 	
								line-height: 1.5em; 
								padding: 0px 0px 15px 5px;}
p span.gray					{	color:#666;}
p span.copper				{	color:#b25721;}
								
p.patient					{	font-size: 12px;
								font-family:Georgia, "Times New Roman", Times, serif; 	
								line-height: 1.7em; color:#333333;
								padding: 10px 10px 15px 20px;}								
								
p.intro						{	font-size:14px; color:#b25721; font-weight:bold; line-height:1.5em; }								
p.phoneHeader				{	font-size:14px; color:#000; padding:4px 30px;}
p.phoneHeader span			{	text-transform:uppercase; font-weight:bold;}
							
a							{ 	color:#d16627; text-decoration:none;}
a:visited					{	color:#d16627; text-decoration:none;}
a:hover						{ 	color:#fc9f68;}
a.active					{ 	color:#fc9f68;}

#footer	p					{ color:#908f8f; padding: 10px 0 0 20px;}
#content-footer	p			{ color:#444; padding: 10px 0 0 20px;}
#content-footer	a			{ color:#444;}
#content-footer	a:hover		{ color:#666;}


h1							{ 	font-size: 24px;
								background:url(../images/bg-rule.gif) repeat-x bottom;
								color:#000;
								text-align:left;
								font-weight: bold; 
								letter-spacing: -.01em;
								line-height: .8em;
								padding-bottom:10px;
								margin-bottom:10px;
								margin-top:20px;}
								
h1 span						{ 	font-size: 10px;
								color:#555; 
								font-weight:normal;
								letter-spacing: .13em;
								text-transform:uppercase;}
h1 span.alignright			{	text-align:right; 	}
																
h1.home span				{ 	font-size: 12px;
								color:#444; 
								font-weight:normal;
								font-style:italic; 
								letter-spacing: .05em;
								line-height: 1.6em;}
																
h1.home						{ 	font-size: 20px;
								background:none;
								color:#000; 
								font-weight: bold; 
								letter-spacing: -.01em;
								line-height: 1.2em;
								margin-bottom:10px;}
																
h2							{ 	font-size: 12px;
								color:#000; 
								font-weight: bold; 
								letter-spacing: -.01em;
								line-height: 1.2em;
								margin-bottom:10px;}
h2.rule						{ 	background:url(../images/bg-rule.gif) repeat-x bottom;
								padding-bottom: 5px;
								margin: 0 50px 0 0; }
								
 
.otherLinks h2				{	font-size: 15px; 
								float:left;
								width:120px;
								text-align:center;
								color:#000; 
								font-weight: bold; 
								letter-spacing: -.01em;
								line-height: 1.2em;}	 

.ourServices h2				{	font-size: 15px; 
								float:left;
								width:120px;
								text-align:center;
								color:#000; 
								font-weight: bold; 
								letter-spacing: -.01em;
								line-height: 1.2em;}
											
h3							{ 	font-size: 11px;
								color:#000; 
								font-weight: bold; 
								letter-spacing: -.01em;
								line-height: 1.2em;
								margin-bottom:10px;}
							
h4							{ 	font-size: 22px;
								color:#000;								
								letter-spacing: .08em;
								margin-bottom:0;
								padding: 20px 0 0 50px;}
h4.content					{ 	padding: 20px 0 0 30px; font-size:18px;margin-bottom:0px;}
h4.contentsmaller			{ 	padding: 20px 0 0 30px; font-size:14px;margin-bottom:0px; font-weight:bold;}

h4 span.smaller				{ 	font-size: 12px; }
h4 span.copper				{	font-size: 14px; color:#d16627; font-weight:bold;}

/* ---- Ordered Lists <<<-----------*/
ul.servList						{	list-style:disc; 	
									font-size: 11px; 	
									line-height: 1.5em; 
									padding: 0px 0px 15px 5px;
									margin-left:20px;
									line-height: 1.5em;}
																										
ul.servList li					{	padding-bottom:3px;}										

/* -----------------------------------*/
/* ---- STRUCTURE <<<-----------*/
/* -----------------------------------*/
	

#wrapper						{ 	background: #4b4949 url(../images/bg.jpg) no-repeat;
									width: 1009px;
									height: auto;
									margin: auto;}
									
#wrapper-inner					{	background: #f3ddc0; 
									width: 960px;
									height: auto;
									margin: 2px auto 0 auto; }

#header							{	background: #191919 url(../images/bg-header.jpg) top left no-repeat;
									position:relative; 
									width: 960px;
									height: 126px;
									margin: 0 0;
									clear:both;}
									
#content						{	position:relative; 
									width: 960px;
									margin: 0 0;
									clear:both;}
#content.home					{	background:url(../images/bg-contentHome.jpg) bottom right no-repeat; height: 650px;}	
#content.services				{	height: 680px; padding: 0 0;}
#content.locations				{	height: 720px; padding: 0 0;}
#content.thankyou				{	height: 550px; padding: 0 0;}
#content.wheatridgelocation		{	height: 1000px; padding: 0 0;}							
#content-footer					{	background: #191919;
 									position:relative;
									width: 960px;
									height: 42px;
									margin: 0 0;
									clear:both;}
#footer							{	position:relative;
									width: 960px;
									height: 100px;
									margin: 0 auto;
									padding: 20px 20px;
									margin-top:20px;
									margin-bottom:40px;
									clear:both;}									
									
/* -----------------------------------*/
/* ---- HEADER <<<-----------*/
/* -----------------------------------*/

.logoblock						{ 	position:absolute; top: 21px; left:55px; width:135px; height:90px;  }
.logoblock2						{ 	position:absolute; top: 21px; left:55px; width:135px; height:90px;  }


#topNav 						{	position:absolute; top:6px; right:20px; width:620px; height:120px;}
.phone-number 					{	position:absolute;  background:#e4cbaa; top: 0px; left:15px; width:auto; height:28px;}

/* -----------------------------------*/
/* ---- CONTENT <<<-----------*/
/* -----------------------------------*/

.sideNavTitle					{ 	position:absolute; top:75px; left:0px; 
									background:#1a1a1a; 
									width:18px; height:184px; 
									padding:8px 5px;}
#sideNavFlash					{ 	position:absolute; top:75px; left:29px; height:200px; width:250px; }

.otherLinks						{	position:absolute; bottom:50px; right:40px; width:550px; height:50px;
									background:#fbecd8; padding: 18px 15px;
									-moz-border-radius: 5px; -webkit-border-radius: 15px;}
.ourServices					{	float:left; width:550px; height:50px;
									background:#fbecd8; padding: 18px 15px;
									-moz-border-radius: 5px; -webkit-border-radius: 15px;}
	
#flashSlides					{ 	position:absolute; z-index:1; top:0; right:0;width:701px; height:608px;}

.videoLinks						{	padding-left:30px;}

/* ---- Form <<<-----------*/
#formContainer					{	position:absolute; z-index:4; }
#formContainer.home				{	background:url(../images/bg-form-home.png) no-repeat; width:419px; height:243px; bottom:0px; right:0px;}
.form							{ 	width:320px; padding:0 0 0 50px; font-size:10px;}
#formContainerContent			{	position:absolute; z-index:3; background:url(../images/bg-form-content.jpg) no-repeat; width:320px; height:310px; bottom:0px; left:10px;}
#formContainer.locations		{	background:url(../images/bg-form-content.jpg) no-repeat; width:320px; height:310px; left:10px; top:350px;}
.formContent					{ 	width:250px; padding: 0 0 0 40px; font-size:10px;}

input							{ 	margin:3px 5px; width: 125px; border: 2px solid #d16627; padding: 5px 4px; font-size:12px; color:#000;}
input:focus							{ 	border: 2px solid #666; background-color:#FFFFCC; }
input.smaller					{ width:135px;}
input.submit					{ 	float:left; 
									background: url(../images/btn-submit.jpg) no-repeat; 
									border:none; 
									display:block; 
									height:35px; 
									width:173px; 
									background-position: 0 0; }
input.submit:hover				{	background-position: 0 -35px;}
.required 						{ color:#d16627;}	

#formContainer.openhouse		{	background:url(../images/bg-form-OpenHouseMay10.png) no-repeat; width:520px; height:340px; bottom:0px; right:0px; font-size:12px; }

input.enter					{ 	float:left; 
									background: url(../images/btn-enter.jpg) no-repeat; 
									border:none; 
									display:block; 
									height:35px; 
									width:173px;
									margin-top:5px;
									
									background-position: 0 0; }
input.enter:hover				{	background-position: 0 -35px;}

/* ---- Columns <<<-----------*/																												
.col-1-home						{ 	position:absolute; z-index:2; bottom:10px; left:40px; width:400px; height:auto;}
.col-1							{	position:relative; float:right; width:525px; height:100%; padding: 0px 70px 0px 15px;}									
.col-2							{	position:relative; float:left;  width:320px; height:100%; padding: 0px 0px 0px 20px;}
.col-3							{	float:left; width:140px; height:auto; padding: 0 10px 10px 0px;}
.col-4							{	position:relative; float:left;  width:650px; height:100%; margin: 30px 120px;}
.col-5							{	position:relative; float:left;  width:95%; height:100%; padding: 10px; margin:0 0 0 10px;}

/* ---- Bios <<<-----------*/	
							
p.teambio							{	float:left; padding:20px; width:185px;}
p.teambio img						{	float:left; }

/* -----------------------------------*/
/* ---- CONTENT FOOTER <<<-----------*/
/* -----------------------------------*/

.logoblock-Footer				{ 	position:absolute; top: 30px; left:0px; width:206px; height:62px;  }
.footerInfo						{	position:absolute; bottom:10px; left:0px;}

#footerNav 						{ 	position:absolute; top: 10px; right: 20px;}
#footerNav li					{ 	display: inline; 
									list-style-type: none;
									padding: 0 15px;
									border-right: solid 1px #888888; }
#footerNav li.noborder			{	border:none; padding-right:0px;}										
#footerNav li a					{ 	color:#888888; text-decoration:none;
									font-size: 11px;
									letter-spacing: .1em;
									line-height: 1.4em;  }
#footerNav li a:hover			{ 	color:#f3ddc0; }
#footerNav li a.active			{ 	color:#f3ddc0; }

/* -----------------------------------*/
/* ---- FOOTER <<<-----------*/
/* -----------------------------------*/
.footer-info						{	position:absolute; top:10px; left:30px; height:60px; width:270px;}
.footer-logos						{	position:absolute; top:10px; right:30px; height:60px; padding-right:20px;} 

/* -----------------------------------*/
/* ---- MISC <<<-----------*/
/* -----------------------------------*/



img 							{ 	border:none;}
img.footerlogo					{ 	float:right; padding-right:20px;}
img.footerlogo					{ 	float:left; padding-right:10px;}
img.beforeAfter					{ 	padding-top:40px;}

.clearer						{	clear:both;}