@charset "utf-8";
/***************************************************
	Default Style Sheet
****************************************************/ 


/********************************************
   HTML ELEMENTS
********************************************/ 
body { font: 12px Verdana, Helvetica, sans-serif;  background: #FFFFFF url('media/images/body_bg.gif') top center no-repeat;  margin: 0; padding: 0; color: #6C6C6C; line-height: 20px;}

/* headers and text */
p, ul, ol, td, li, i { font-family: Arial, Helvetica, sans-serif;}
p.border_top {border-top: 1px solid #bcbcbc; margin:15px 0; padding-top:15px;}
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
h1 { font-size: 140%; font-weight: normal; }
h2 { font-size: 120%; font-weight: normal; }
h3 { font-size: 110%; font-weight: normal; color: #ffffff; }
i {font-style:italic;}
ul, li {padding:0; margin:0; list-style: disc inside;}
a { font-size: 12px; color:#314F8F;  text-decoration:none;}
a:hover { text-decoration:underline; }
table { width:100%; }


/********************************************
   LAYOUT
********************************************/ 

#container {width:965px; margin:0 auto;}
#header {width:965px; height:103px;}
#logo {float:left; height:103px; width:165px; }
#menu {float:right; height:103px; width:588px; background: url('media/images/topgraphic.gif') top left no-repeat;}
#main_content {width: 800px; float:left; margin:40px 120px; display:inline;   z-index:0;}
body#index_page #main_content {height:500px;}
#left_column {width: 215px; float:left;}
#right_column {width:525px; margin-left:20px; float:left;}
#submenu {margin-bottom:20px;}



/********************************************
   TOP NAVIGATION
********************************************/ 

ul#top_menu { height:29px; margin-top:74px; padding:0; margin-left:116px; }
ul#top_menu li { float: left; border: none; list-style-type: none; height: 29px; position: relative; }
ul#top_menu li a { display: block; height: 29px; line-height: 29px; padding: 0; margin: 0; color: #fff; text-indent: -9999px; }

ul#top_menu li#about_cosmetic_link {background: url('media/images/menu/smilemakeover.gif') 0 0 no-repeat; width: 116px;}
ul#top_menu li#about_office_link {background: url('media/images/menu/officeinfo.gif') 0 0 no-repeat; width: 89px;}
ul#top_menu li#whats_required_link {background: url('media/images/menu/newpatients.gif') 0 0 no-repeat; width: 99px;}
ul#top_menu li#our_dentists_link {background: url('media/images/menu/ourteam.gif') 0 0 no-repeat; width: 76px;}
ul#top_menu li#dental_info_link {background: url('media/images/menu/dentalinfo.gif') 0 0 no-repeat; width: 93px;}
ul#top_menu li#kids_link {background: url('media/images/menu/kids.gif') 0 0 no-repeat; width: 42px;}
ul#top_menu li#contact_link {background: url('media/images/menu/contact.gif') 0 0 no-repeat; width: 70px;}
ul#top_menu li#about_cosmetic_link:hover, ul#top_menu li#about_office_link:hover, ul#top_menu li#our_dentists_link:hover, ul#top_menu li#dental_info_link:hover,  ul#top_menu li#whats_required_link:hover, ul#top_menu li#kids_link:hover, ul#top_menu li#contact_link:hover { background-position: 0 -29px;} 

ul#top_menu li ul  { display: none; background: #e7843e; position: absolute; top: 29px; border-top: 1px solid #fff; }
ul#top_menu li.hover ul, ul#top_menu li:hover ul { display: block!important; }

ul#top_menu li ul li { border-bottom: 1px solid #fff; color: #fff; }
ul#top_menu li ul li a { width: 170px; padding-left: 10px; text-indent: 0; }


a#administration_link:hover { background-position: -1px -44px; }
a#cast_partial_link:hover { background-position: -141px -44px; }
a#ceramic_link:hover { background-position: -256px -44px; }
a#crown_bridge_link:hover { background-position: -345px -44px; }
a#denture_link:hover { background-position: -484px -44px; }
a#marketing_sales_link:hover { background-position: -569px -44px; }
a#orthodontic_link:hover { background-position: -727px -44px; }
a#specialties_link:hover { background-position: -852px -44px; }


/*END NAVIGATION*/

/********************************************
   FOOTER
********************************************/
#footer { width: 965px; height:60px; padding:10px 0 45px 0; text-align:center; float:left; clear:left; border-top: 1px solid #bcbcbc; }
#footer a {border-right: 1px solid #303030; padding:0 5px 0 3px; font-size:10px; line-height:13px;}
#footer i {}
#footer a.end {border-right: 0px;}
#footer a:hover { text-decoration: underline; }
#footer p {margin:10px 0 2px 10px; font-size:10px; line-height:13px;}