/* 
    Document   : Main Stylesheet for Dr. Steven Shwedel
    Created on : Aug 25, 2009, 11:53:45 AM
    Author     :    Edward Galligan
    Company:    Digital Road Corp.
    Description: Contains styles for  Header, Menu, Content, Coupons, Footer

   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body                                         {
                                                    background: url(../images/main_bg.jpg) repeat-y top left;
                                                    background-color: #000;
                                                    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                                                    color: #fff;
                                                 }
												 
h4												{
													color: #fff;
													font-size: 13px;
													font-weight: bold;
												}												 
                                                 

/*  Menu Section
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#menu                                    {
                                                   width: 960px;
                                                   height: 49px;
                                                   margin: 0 auto;
                                                   background: url(../images/menu_bg.jpg) no-repeat top left;
                                                   background-color: #000;
                                              }
											  
#techSubMenu,
#servicesSubMenu					  {
													margin: 12px auto;
													width: 800px;
													color: #0256e7;
											  }											  
											  
#techSubMenu ul, 
#servicesSubMenu ul				 {
												  width: 800px;
												  text-align: center;
												  margin: 0 auto;
											 }

#techSubMenu ul li, 
#servicesSubMenu ul li			 {
												 display: inline;
												 text-align: center;
												 margin-left: 0;
											 }											  


#techSubMenu ul li a, 
#servicesSubMenu ul li a		 {
												  padding: 0 8px 0 3px;
												  color: #fff;
												  text-decoration: none;
											 }
											 
#techSubMenu ul li a:hover, 
#servicesSubMenu ul li a:hover		{
														color: #0256e7;
														text-decoration: underline;
													}	
													
																								 
/*  Header Section
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

 #header                                 {
                                                    width: 960px;
                                                    /*height: 251px;*/
                                                    margin: 0 auto;
                                              }

#header   h1                           {
                                                    width: 269px;
                                                    height: 277px;
                                                    margin: 12px 0 0 50px;
                                                    padding-top: 10px;
                                                    text-indent: -9999px;
                                                    overflow: hidden;          /*  Clears the Float  */
                                              }
											  
#header a                               {
                                                    width: inherit;
                                                    height: inherit;
                                                    background: url(../images/logo.png) no-repeat top left;
                                                    display: block;
                                             }

#header div.slideShow	       	 {
                                                    float: right;
                                                    margin: -5px 50px 0 0;
                                                    width: auto;
                                                    height: auto;
                                             }


#slideShow							{
													position: relative;
													width: 489px;
													height: 346px;
											}

.slide										{
													display: none;
													position: absolute;
													top: 0;
													left: 0;
											}

.slide.first								{
													display: block;
											}


                                                
                                                
/*  Content Area
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content                               {
                                                 width: 960px;
                                                 margin: 0 auto;
                                           }

#content.home h3                 {
                                                 width: auto;
                                                 margin: 75px 0 0 50px;
                                           }

#content.home h3 span        {
                                                 color: #dfd30b;
                                          }
										  
#content h5.tech				  {
												  margin: 6px 0 16px 50px;
												  color: #dfd30b;
												  font-size: 1.2em;
										  }										  

p.col1, div.col1                    {
                                                width: 445px;
                                                float: left;
                                                margin: 12px 0 0 50px;
                                                padding-right: 6px;
                                         }

div.col2                              {
                                                width: 405px;
                                                margin: 0 0 0 520px;
                                                padding-top: 0px;
                                                overflow: hidden;          /*  Clears the Float  */
                                         }

p.col1 span                        {
                                                width: 445px;
                                                display: block;
                                                text-align: right;
                                                font-size: 1.2em;
                                        }

a#learnMore                     {
                                                background: url(../images/learn_more_button.png) no-repeat top left;
                                                text-indent: -9999px;
                                                width: 152px;
                                                height: 29px;
                                                display: block;
                                                margin: 20px 0 0 0; 
                                        }
										
div.col1 ul li						{
												margin-top: 8px;
												margin-bottom: 8px;
										}										
										
div.col1 ul li a						{
												color: #fff;
												text-decoration: none;
										}		
										
div.col1 ul li a:hover			{
												color: #0256e7;
												text-decoration: underline;
										}	
										
p.startCol2							{
												margin-top: 8px;
										}	
										
#galleryBG							{
												width: 550px;
												height: 450px;
												background:  url('../images/galleryBG.png') no-repeat top left;
										}
										
#flashGallery						{
												padding-top: 25px;
												margin-left: 25px;
										}	
										
table									{
												width: 80%;
												border: 1px solid #fff;
												margin: 24px auto;
												font-weight: bold;
										}	
										
table td								{
												padding: 8px;
												border-bottom: 1px solid #fff;
												vertical-align: top;
										}
										
table tr								{
												padding: 8px 0;
										}	
										
table th								{
												font-size: 1.2em;
												border: 1px solid #fff;
												padding: 12px 6px;
												text-align: left;
										}
										
a span.textLink					{
												color: #fff;
												text-decoration: underline;
										}																																																

.altLinks								{
												color: #eee217;
										}
										
.staffListing img					{
												float: left;
												margin: 0 10px 10px 0;
												border: 1px solid #0256e7;
										}										
										
/*  Office Tour Rollovers
 * -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#thumbnails								{
														width: 200px;
														height: auto;
														/*float: left;*/
														overflow: hidden;
														margin: 0 0 0 18px;
														padding-top: 18px;
												}
												
#thumbnails a							{
														padding: 5px 5px;
														float: left;
												}	
												
#thumbnails a img						{
														border: 2px solid #fff;
												}																																																								 

#fullSizeImage							{
														width: 309px;
														height: 309px;
														background: url('../images/about/office-01.jpg') no-repeat center center;
														margin: 45px 0 auto 0px;														
												}
												
#fullSizeImage2							{
														width: 309px;
														height: 309px;
														background: url('../images/practice/office-01.jpg') no-repeat center center;
														margin: 205px 0 auto 0px;
												}												
												
#container									{
														/*background-color:#1c335c;
														background: url('../images/rolloverBG.gif') repeat-x top left;
														/*border: 2px solid #000;*/
														-moz-border-radius: 5px;
														-webkit-border-radius: 5px;
														-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
														-moz-box-shadow: rgba(0,0,0,0.5) 4px 4px 4px 4px; /* FF 3.5+ */	
														height: auto;
														padding: 0 0 20px 0;
														margin: 0 auto 12px auto;
														width: 200px;
												}	
												
div#imageLabel							{
														width: 309px;
														text-align: center;
														margin-top: 6px;
												}																																																											



/*   Info Boxes
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.infoBox                            {
                                                width: 276px;
                                                height: auto;
                                                margin: 45px 0 0 22px;
                                                float: left;
                                        }

.infoBox.first                      {
                                               margin-left: 50px;
                                        }

.infoBox h5                        {
                                                width: 276px;
                                                height: 53px;
                                                margin: 0;
                                                padding: 13px 0 0 40px;
                                                background: url(../images/info_box_header.jpg) no-repeat top left;
                                                font-weight: normal;
                                         }

.infoBox img                       {
                                                width: auto;
                                                margin: 0 0 0 34px;
                                         }

.infoBox p                          {
                                                padding: 0 0 0 14px;
                                                margin-bottom: 12px;
                                         }

.infoBox a                          {
                                                text-indent: -9999px;
                                                width: 152px;
                                                height: 29px;
                                                display: block;
                                                margin: 0 auto;
                                         }

a#smileGallery                   {
                                                background: url(../images/smile_gallery_button.png) no-repeat top left;
                                                text-indent: -9999px;
                                        }

a#ourPractice                    {
                                                background: url(../images/our_practice_button.png) no-repeat top left;
                                        }

a#ourTechnology              {
                                                background: url(../images/our_technology_button.png) no-repeat top left;
                                        }


/*   New Patient Specials
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#specials                          {
                                                width: 960px;
                                                height: auto;
                                                margin: 0 0 0 50px;
                                                padding-top: 45px;
												padding-bottom:30px;
                                                background: url(../images/specials_bottom.jpg) no-repeat bottom left;
                                                clear: left;
												overflow:auto;
                                       }

#specials h5                     {
                                              width: 866px;
                                              height: 51px;
                                              margin: 0;
                                              padding: 13px 0 0 40px;
                                              font-weight: normal;
                                              background: url(../images/specials_bar.jpg) no-repeat top left;
                                       }

#specials img                  {
                                              width: auto;
											  margin: 0;
                                              margin-left: 14px;
                                              float: left;
											  border: none;
                                      }

#specials img.first           {
                                              margin-left: 0;
                                      }

/*#specials a img               {
                                              width: auto;
                                              margin: 0;
                                              border: none;
                                      }*/
									  
a#moreSpecials				  {
											   background: url(../images/more_specials_button.png) no-repeat top left;
											   margin: -30px 0 0 -22px; 
									  }		
									  
/*a.infoBox						  {
											   display:block;
											   height:29px;
											   margin:0 auto;
											   text-indent:-9999px;
											   width:152px;
									  }*/									  							  
                                              

/*  Footer Section
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer                           {
                                              margin: 16px 0;
                                      }

#footer ul                       {
                                              width: 600px;
                                              margin: 12px auto;
                                              list-style: none;
                                              text-align: center;
                                              color: #fff;
                                      }
                                              
#footer ul li                     {
                                              display: inline;
                                              margin-left: 0;
                                      } 
                                              
#footer ul li a                  {
                                              text-decoration: none;
                                              color: #fff;
                                              font-weight: bold;
                                      }

#footer ul li a:hover        {
                                              color: #0256e7;
                                     }

#footer p                       {
                                               width: 600px;
                                               margin: 12px auto;
                                               text-align: center;
                                     }
                                               
#footer p span a            {
                                               width: 87px;
                                               height: 17px;
                                               display: inline-block;
                                               background: url(../images/d101Logo.png) no-repeat top left;
                                               text-indent: -9999px;
                                      }

.larger                            {
                                               font-size: 1.25em;
                                               font-family: Arial;
                                      }

.copyright                       {
                                              	font-size: 0.85em;
                                      }
											   
/*  Video Spokesperson (fixeddiv)
-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#fixeddiv						  {
												z-index: 100;  /*  Needed to bring spokesperson video on top of the slideshow   */
									  }						
									  
									  
/*  Google Map
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#map							 {
											width:400px;
											height:350px;											
									}	
									
/*  Comments Form
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */	

form#comments table	{
										width: 400px;										
										border: none;
										margin: 0;
										margin-top: -12px;
									}
									
#comments table td		{
										border: none;	
										padding: 12px 24px 12px 0;
										font-size: 12px;	
										/*color: #44442B;*/
									}
									
#comments table tr		{
										border: none;	
									}	
									
#comments .error			{
										color: #cd666d;
										font-weight: bold;
									}
									
#comments label			{
										font-weight: normal;
									}
									
.formButton 					{
										background: url('../images/submitBG.gif') repeat-x bottom left;
										border: none;
										color: #fff;
										padding: 4px;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										margin-right: 24px;
										cursor: pointer;
									}
									
.formBG							{
										background-image: url('../images/formBG.png');
										padding: 12px;
										-moz-border-radius: 10px;
										-webkit-border-radius: 10px;										
									}																																																						
									
									
/*  Special Classes
 * ----------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clear								{
										clear: both;
									}		
									
.border							{
										border: 2px solid #0256e7;
									}	
									
.procImages img			{
										margin-right: 20px;
										margin-bottom: 16px;
									}		
									
.dfthBlue						{
										color: #3366ff;
									}
					
#dfthBanner					{
										width: 405px;
										margin:24px auto;
										padding: 0;
										background-color: #fff;
										background: url('../images/dfth/days-to-dfth.png') no-repeat;
										-moz-border-radius: 10px;
										-webkit-border-radius: 10px;										
										color: #000;
										font-size: 22px;
										position: relative;										
									}
									
#dfthBanner a				{
										width: 405px;
										height: 191px;
										text-indent: -9999px;
										display: block;
									}
									
#daysLeft						{
										position: absolute;
										top: 57px;
										left: 50px;
										font-size: 30px;
									}									
									
.dfthRight						{
										margin-left:140px;
										margin-top:-12px;
									}																							
									
.community					{
										width: 70%;
										margin: 12px auto;
										font-size: 1.2em;
									}																																															  					   

.highlight						{
										font-weight: bold;
										color: #eee217;
									}
									
a.tooltipTrigger				{
										height: 105px;
										display: inline-block;
									}									
									
.tooltip					 		{
										display:none;
										background:transparent url(../images/tooltip/black_arrow.png) no-repeat;
										font-size:12px;
										height:70px;
										width:160px;
										padding:25px;
										color:#fff;	
										text-align: center;
									}
									
.tooltip a						{
										color: #fff;
										text-decoration: none;
									}									
																		
a.georgiaFont				{
										font-size: 36px;
										color: #DFD30B;
										text-decoration: none;
										margin: -12px 0 3px 0;
										display: inline-block;
									}
									
a.georgiaFont:hover		{
										color: #fff;
									}