/* 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;
									min-height:720px;}
#content.home					{	background:url(../images/bg-contentHome.jpg) bottom right no-repeat; height: 610px;}	
#content				{	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:0 20px;
									margin-top:0px;
									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:710px; height:120px;}
.phone-number 					{	position:absolute;  background:#e4cbaa; top: 0px; left:15px; width:auto; height:28px;}


/* -----------------------------------*/
/* ---- Navigation <<<-----------*/
/* -----------------------------------*/



/*#return, #return:visited {
    padding: 10px;
    display: block;
    background: #f9f9f9;
    border-bottom: 1px solid #ebebeb;
    color: #eb9999;
    font-weight: bold;
  }
  
  #return:hover {
    background: #f8f8f8;
    border-bottom: 1px solid #ccc;
    color: #c00;
  }
 
  #example {
    margin: 20px;
  }*/

  
#menu {
	margin: 0;
	padding: 0;
	height: 1em; z-index:99;
	position:absolute;
	top:50px; 
	right:40px;
	} 
	
  #menu li {
  display:block;
	list-style: none;
	float: left;
  }
 
  #menu li a {
    display: block;
	padding: 20px 14px 10px 50px;
	color: #fff;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: none;
	border-bottom:1px solid #444;
	border-right:1px solid #444;
  }
 
  #menu li a:hover, #menu li a.active {
     background:#b5551d;
    color: white;
  }
 
  #menu li ul {
    left : -999em;
    position : absolute;
	-webkit-box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	box-shadow: 0px 0px 3px #000;
	border:1px solid #444;
  }
 
  #menu li ul li { float : none;  }
 
  #menu li ul a {
    width : 136px;
    padding : 8px 10px;
    background : #000;
	border:none;
	filter:alpha(opacity=80);
        -moz-opacity:0.80;
        -khtml-opacity: 0.80;
        opacity: 0.80;
		font-size:12px; 
		text-transform:none;
		font-weight:normal;
  } 
 
  #menu li ul a:hover {
    background: #000;
    color: #ffa608;
  }
 
  #menu li:hover ul, #menu li.sfhover ul {
    left: auto;
  }
	

/* -----------------------------------*/
/* ---- CONTENT <<<-----------*/
/* -----------------------------------*/
#sideNav 	{ position:relative; top:0; left:0;}
.sideNavTitle					{ 	position:absolute; top:50px; left:0px; 
									background:#1a1a1a; 
									width:18px; height:270px; 
									padding:10px 5px 0 5px;}
									
#sideNavFlash					{ 	position:absolute; top:-40px; left:29px;  width:250px; height:300px; }


.otherLinks						{	 width:550px; height:50px; margin-top:20px;
									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;}

#formContainerContent			{	background:url(../images/bg-form-content.jpg) no-repeat; width:320px; height:310px; }
#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;}
.form							{ 	width:320px; padding:0 0 0 50px; 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:500px; height:auto;}
.col-1							{	position:relative; float:right; width:525px; padding: 0px 70px 20px 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;}