@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Bloor West Village Dental
Author: InterDevil.com / XHTMLiT.com
Website: Http://www.XHTMLiT.com / Http://www.INTERDEVIL.com
Description: This is the stylesheet, you can remove this entire note.
Created: May 22, 2008
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/


img {border:none;vertical-align:middle;}
div#landing-flash {
	height: 311px;
	width: 933px;
	margin-left: 99px;
	margin-top: 62px;
}
div#flash {
	height: 208px;
	width: 933px;
	margin-left: 99px;
	margin-top: 62px;
}
.clear {clear:both;}
a {outline:none;}
#body-wrap {
	width:1100px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: -40px;
	padding: 0;
}
#pre-load {display:none;}

div#landing-header {
	width:100%;
	height:451px;
	margin:0;
	padding:0;
	overflow:hidden;
	background-image: url(images/header-landing-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#header {
	width:100%;
	height:350px;
	margin:0;
	padding:0;
	background:url(images/header-bg.jpg) no-repeat top left;
	overflow:hidden;
}


   #landing-header img#logo {margin:0 0 0 135px;padding:0;float:left;}
   #header img#logo {margin:0 0 0 135px;padding:0;float:left;}
   
   #landing-header #nav {
	width:830px;
	height:70px;
	padding:0;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 153px;
}
   #header #nav {
	width:830px;
	height:70px;
	padding:0;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 153px;
}
   #landing-header #nav ul {margin:0;padding:0;list-style-type:none;}
   #header #nav ul {margin:0;padding:0;list-style-type:none;}
   
   #landing-header #nav ul li {
	padding:0;
	float:left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}
   #header #nav ul li {
	padding:0;
	float:left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}
   
   #landing-header #nav ul li#about a {
	width:79px;
	height:70px;
	display:block;
	background-image: url(images/nav-about-us.gif);
	background-repeat: no-repeat;
}
   #header #nav ul li#about a {
	width:79px;
	height:70px;
	display:block;
	background-image: url(images/nav-about-us.gif);
	background-repeat: no-repeat;
}
   #landing-header #nav ul li#about a:hover {
	background-image: url(images/nav-about-us.gif);
	background-repeat: no-repeat;
	background-position: 0px -70px;
}
   #header #nav ul li#about a:hover {
	background-image: url(images/nav-about-us.gif);
	background-repeat: no-repeat;
	background-position: 0 -70px;
}
   
   #landing-header #nav ul li#family a {
	width:130px;
	height:70px;
	display:block;
	background-image: url(images/nav-family-dentistry.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #header #nav ul li#family a {
	width:130px;
	height:70px;
	display:block;
	background-image: url(images/nav-family-dentistry.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #landing-header #nav ul li#family a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-family-dentistry.gif);
	background-repeat: no-repeat;
}
   #header #nav ul li#family a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-family-dentistry.gif);
	background-repeat: no-repeat;
}
   
   #landing-header #nav ul li#general a {
	width:134px;
	height:70px;
	display:block;
	background-image: url(images/nav-general-dentistry.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #header #nav ul li#general a {
	width:134px;
	height:70px;
	display:block;
	background-image: url(images/nav-general-dentistry.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #landing-header #nav ul li#general a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-general-dentistry.gif);
	background-repeat: no-repeat;
}
   #header #nav ul li#general a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-general-dentistry.gif);
	background-repeat: no-repeat;
}
   
   #landing-header #nav ul li#cosmetic a {
	width:148px;
	height:70px;
	display:block;
	background-image: url(images/nav-cosmetic-dentistry.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #header #nav ul li#cosmetic a {
	width:148px;
	height:70px;
	display:block;
	background-image: url(images/nav-cosmetic-dentistry.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #landing-header #nav ul li#cosmetic a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-cosmetic-dentistry.gif);
	background-repeat: no-repeat;
}
   #header #nav ul li#cosmetic a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-cosmetic-dentistry.gif);
	background-repeat: no-repeat;
}
   
   #landing-header #nav ul li#gallery a {
	width:108px;
	height:70px;
	display:block;
	background-image: url(images/nav-smile-gallery.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #header #nav ul li#gallery a {
	width:108px;
	height:70px;
	display:block;
	background-image: url(images/nav-smile-gallery.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #landing-header #nav ul li#gallery a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-smile-gallery.gif);
	background-repeat: no-repeat;
}
   #header #nav ul li#gallery a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-smile-gallery.gif);
	background-repeat: no-repeat;
}
   
   #landing-header #nav ul li#blog a {
	width:141px;
	height:70px;
	display:block;
	background-image: url(images/nav-smiletoronto-blog.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #header #nav ul li#blog a {
	width:141px;
	height:70px;
	display:block;
	background-image: url(images/nav-smiletoronto-blog.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #landing-header #nav ul li#blog a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-smiletoronto-blog.gif);
	background-repeat: no-repeat;
}
   #header #nav ul li#blog a:hover {
	background-position: 0px -70px;
	background-image: url(images/nav-smiletoronto-blog.gif);
	background-repeat: no-repeat;
}
   
   #landing-header #nav ul li#contact a {
	width:80px;
	height:70px;
	display:block;
	background-image: url(images/nav-contact.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #header #nav ul li#contact a {
	width:80px;
	height:70px;
	display:block;
	background-image: url(images/nav-contact.gif);
	background-repeat: no-repeat;
	background-position: top;
}
   #landing-header #nav ul li#contact a:hover {
	background-position: 1px -70px;
	background-image: url(images/nav-contact.gif);
	background-repeat: no-repeat;
}
   #header #nav ul li#contact a:hover {
	background-position: 1px -70px;
	background-image: url(images/nav-contact.gif);
	background-repeat: no-repeat;
}
   
div#landing {
	width:860px;
	height:200px;
	overflow:hidden;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 0;
}
   #landing h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:27px;
	font-weight:normal;
	color:#075e4c;
	text-align:center;
	letter-spacing:-1px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#landing-centering-container {
	margin-left: 23px;
	margin-top: 9px;
}
   #landing ul#land {margin:0;padding:15px 0 0 0;list-style-type:none;}
   #landing ul#land li {width:255px;margin:0;padding:0 10px 0;float:left;}
   #landing ul#land li h2 {
	margin:0;
	font-family:"lucida sans", helvetica, arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#075e4c;
	text-align:left;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-decoration: none;
}
   #landing ul#land li p {margin:0;padding:10px 0 0 0;font-family:lucida sans, helvetica, arial, sans-serif;font-size:13px;font-weight:normal;color:#0e725c;text-align:left;}
   #landing ul#land li a {color:#0e725c;text-decoration:underline;}
   #landing ul#land li img {margin:0 5px 0 0;float:left;}
   
div#content {width:838px;margin:0 0 0 153px;padding:0;position:relative;z-index:5000;}
   #content #cLeft {width:280px;margin:0 -5px 0 0;padding:0;float:left;}
   #content #cLeft .box {width:220px;margin:0;padding:0 30px;background:url(images/left-column_box_bg.png) repeat-y left;overflow:hidden;}
   #content #cLeft .box h1 {width:104%;margin:0;padding:0;font-family:Georgia, Times, serif;font-size:24px;font-weight:normal;color:#FFF;text-align:left;line-height:25px;border-bottom:5px solid #dcd9c6;letter-spacing:-1px;}
   #content #cLeft .box p {font-family:lucida sans, helvetica, arial, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:left;line-height:19px;}
   #content #cLeft .box p.learnmore {margin:0;padding:0;line-height:normal;text-align:right;}
   #content #cLeft .box p a {color:#FFF;text-decoration:underline;}
   #content #cLeft .box .empty {margin:0 0 10px -5px;}
   
   #content #cLeft .box label {font-family:lucida sans, helvetica, arial, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:left;}
   #content #cLeft .box input {width:220px;height:25px;margin:5px 0 10px 0;padding:0;}
   #content #cLeft .box textarea {width:220px;height:89px;margin:5px 0 10px 0;padding:0;}
   #content #cLeft .box input.submit {width:89px;height:32px;margin:0 0 0 75px;padding:0;border:none;background:none;}
   #content #cLeft .box input.send {width:88px;height:31px;margin:0 0 0 75px;padding:0;border:none;background:none;}
   
   #content #cLeft .top {margin:21px 0 0 0;}
   #content #cLeft .bottom {margin:0;}
   #content #cLeft .phonenumber {margin:10px 0 -10px 0;}
   
   #content #cRight {width:558px;margin:0;padding:0;position:relative;z-index:5000;background:url(images/right-column_bg.png) repeat-y right;float:left;}
   #content #cRight h1 {
	margin:35px 35px 15px 35px;
	padding:0;
	font-family:Georgia, Times, serif;
	font-size:24px;
	font-weight:normal;
	color:#a9a68a;
	text-align:left;
	border-bottom:5px solid #ece984;
}
   #content #cRight h2 {
	font-family:lucida sans, helvetica, arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#0d6653;
	text-align:left;
	margin-top: 5px;
	margin-right: 35px;
	margin-bottom: 0;
	margin-left: 35px;
	padding: 0;
}
   #content #cRight h3 {margin:0 25px 0 0;padding:10px 0 0 0;font-family:lucida sans, helvetica, arial, sans-serif;font-size:14px;font-weight:bold;color:#d1cfbc;text-align:right;float:right;clear:both;}
   #content #cRight p {
	margin-left:35px;
	font-family:lucida sans, helvetica, arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#252525;
	text-align:left;
	line-height:21px;
	padding-right: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
}
		#content #cRight p#OptioCopyright { /*np*/
			font-size: 10px;
		}
#content #OptioContent { /*np*/
	font-family:lucida sans, helvetica, arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#252525;
	text-align:left;
	line-height:21px;
}
	#content #OptioContent h1 { /*np*/
		margin: 15px 0px 15px 0px;
	}
#content #OptioFooter { /*np*/
	height: 44px;
}
	
.google-map {
	width: 488px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
   #content #cRight p.quote {
	margin:0 35px 0 35px;
	padding:0 0 0 53px;
	font-family:Georgia, Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#a9a68a;
	text-align:left;
	line-height:21px;
	background:url(images/content-quotes.jpg) no-repeat top left;
}
   
   #content #cRight ul#list {margin:0 35px 0 60px;padding:0;list-style:disc;color:#0d6653;}
   #content #cRight ul#list li {margin:0;padding:0 0 19px 0;font-family:lucida sans, helvetica, arial, sans-serif;font-size:14px;font-weight:normal;color:#252525;text-align:left;line-height:19px;}
   
   #content #cRight img.pix {margin:15px 35px 10px 10px;float:right;}
   #content #cRight img.empty {margin:20px 35px 10px 10px;float:right;}
#content  #cRight  img.empty-horz {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top: 10px;
}
   
div#footer {
	width:100%;
	height:477px;
	font-family:lucida sans, helvetica, arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#757462;
	background:url(images/footer_bg.jpg) repeat-x bottom;
	margin-top: -331px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
   #footer #footer-wrap {
	width:932px;
	height:119px;
	background:url(images/footer-wrap_bg.jpg) no-repeat bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 358px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
   #footer #footer-wrap ul {margin:0;padding:0 36px 0 0;list-style-type:none;}
   #footer #footer-wrap ul li {margin:0;padding:0 5px;border-right:1px solid #757462;float:right;}
   #footer #footer-wrap ul li a {color:#757462;text-decoration:underline;}
   #footer #footer-wrap p {margin:0;padding:15px 36px 0 0;text-align:right;}
#content #cRight img.pix-big {
	float:right;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content  #cLeft  .box  .policy  {
	font-size: 12px;
	line-height: normal;
	color: #CCCCCC;
}
#cRight .thank-you-box {
	font-size: 18px;
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #0D6653;
	background-color: #F3F3F3;
	padding: 10px;
	margin-right: 35px;
	font-family: Arial, Helvetica, sans-serif;
}
   #content #cRight h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#0d6653;
	text-align:left;
	margin-top: 5px;
	margin-right: 35px;
	margin-bottom: 0;
	margin-left: 35px;
	padding: 0;
}
#centering-container {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#video {
	width: 480px;
	margin-left: 30px;
}