/* <!-- */
/* ------------- "Esthetique Dentistry" styles-white */
/* ------------- Created by Tranzenz Consulting 2007*/
/* ------------- Brad Scheller */ 
/* ------------- tranzenz@gmail.com */

/* ------------- "global" styles */

	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		align:center;
		background:#ffffff;
		font-family: Eras-Light, Geneva, Arial, Helvetica, sans-serif;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:13px;
		color:#7D7D7D;
		}
	.hide {
		display : none;
	}
	a {
		color:#727272;
	}
	a:visited {
		color:#7D7D7D;
		text-decoration:underline;
	}
	a:hover {
		color:#ffffff;
		background:#369;
		text-decoration:none;
	}
	p:active {
		color : #727272;
		background-color: transparent;
	}
	h1 {
		margin:1px 0 .2em 0;
		padding:0;
	}
	h2, h3, h4 {
		margin:1px 0 .2em 0;
		padding:0;
	}
	h4 {
		color : black;
		font-weight : lighter;
		font-size : 10.5pt;
		line-height : 14pt;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		text-align : right;
		letter-spacing : 1px;
		float : right;
		padding : .5em 5px .5em .5em;
		border-left : 1px solid #7e7c7c;
		margin : 0 0 0 2em;
		width : 200px;
	}
	h5 {
		color : black;
		font-weight : bold;
		font-size : 10.5pt;
		line-height : 13pt;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
	}
	h7 {
		color : #ff0000;
		font-size : 32px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		margin : 0 0 0.5em 0;
		width : 20em;
	}
	h8 {
		background-color : #000000;
		color : #ffffff;
		font-size : large;
		line-height : 15pt;
		font-family : Georgia, "Times New Roman", Times;
		text-align : right;
		letter-spacing : 2px;
		float : right;
		margin : 0 1em 1ex 50%;
		padding-top : 5px;
		padding-right : 5px;
		padding-bottom : 5px;
		border-bottom : 1px solid #da231d;
		border-left : 1px solid #da231d;
		width : 15em;
	}
	h9 {
		color : #7D7D7D;
		font-weight : lighter;
		font-size : large;
		line-height : 15pt;
		font-family : Georgia, "Times New Roman", Times;
		text-align : right;
		letter-spacing : 1px;
		float : right;
		padding : 5px 5px 5px 10px;
		border-left : 1px solid #7e7c7c;
		margin : 0 0 0 1em;
		width : 200px;
	}
	h10 {
		clear : left;
		color : #da231d;
		font-size : 28px;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		margin : 0 0 0 1em;
		width : 20em;
	}
	.callout {
		color : #da231d;
		font-weight : bold;
		border-top : 1px solid #da231d;
		border-bottom : 1px solid #da231d;
	}
	.right_callout {
		background-color : #ffffff;
		font-weight : bold;
		font-size : 10.5pt;
		display : block;
		float : right;
		color : #666666;
		line-height : 14pt;
		text-align : right;
		letter-spacing : 1px;
		padding : 5px 0 5px 5px;
		border-left : 1px solid #cc0000;
		width : 200px;
		margin : 1px 10px 1px 0;
	}
	p {
		margin:.4em 1em .8em 0;
		padding:0;
	}
	img {
		margin:5px -1px -1px 0;
		border: 0px solid #ffffff;
	}
	INPUT {
	    font-size: 10pt;
	}
/* ------------- "Header" styles */
.masthead {
	float: left;
	width: 49%;
	padding-top : 1px;
	background : #ffffff;
	margin-bottom : 0em;
	margin-left:auto;
	margin-right:auto;
}
#toplinks {
	margin : .5em 0 0 1.5em;
	padding : 0em 0.5em 0em 0.25em;
	background : #ffffff;
	color : #727272;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 85%;
	text-decoration : none;
}
#toplinks li {
	display : inline;
	margin-right : .5em;
	padding-right : .5em;
	border-right : 1px solid #727272;
	font-size : 85%;	/* This sets the font size for the top left line */
	font-weight : normal;
	list-style : none;
	text-decoration : none;
	color : #727272;
	background-color : #ffffff;
}
#toplinks li.last {
	border-right : 0;
}
#toplinks a {
	color : #727272;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-decoration : none;
}
#toplinks a:visited {
	color : #727272;
	text-decoration : none;
	color : #727272;
}
#toplinks a:hover {
	color : #ffffff;
	font-weight : bold;
	text-decoration : underline;
}
#masticons {
	float: center;
	border: 0 0 0 4em;
}
.CallUs {
	float: right;
	width: 49%;
	text-align: right;
	font-size : 85%;
	border: 0 5em 0 0;
}
#container2 {
	background: url(images/Home.jpg) repeat-y;
}
.leftlogo {
   	float: left;
	width: 49%;
	padding-top : 1px;
}
.rightlogo {
	float: right;
	width: 49%;
}
.sublogo {
	font-size : 85%;
	font-weight : bold;
	margin : .5em 0 0 1.5em;
}
	#header {
		clear:both;
		float:left;
		width:100%;
		border-bottom:1px solid #fff;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header  p.c1 {
	    font-family: Eras-Light, Geneva, Arial, Helvetica, sans-serif; 
	    font-size:.9em;
	    text-align:right;
	    color:#7D7D7D;
		margin:0 1px 0 0;
	}
	#header ul li a.active, #header ul li a:hover.active {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#header2 {
        clear:both;
        float:left;
        width:105%;
		border:0;
		width:100%;
		height:15pt;
		float:left;
		margin:-.5em 0 -1em 0;
		background-color:#F1F2EE;
	}
	#header2 dropdown_menu {
		clear:both;
        	width:90%;
		margin:0;
		text-align:center;
	}	
	#layoutdims {
		clear:both;
		background:#fff;	/* This sets the background color for the prior pages line */
		border-top:1px solid #fff;
		margin:1em 0 0 0;
		padding:2.5em 18px 0 0!important;
		text-align:right;
	}
/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#ffffff;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:74%;			/* width of the middle column */
		background:#ffffff;	/* left column background colour */
	}
	.threecol .col1 {
		width:72%;			/* width of center column content (column width minus padding on either side) */
		left:101%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:1%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:102%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* secondary navigation */
 	#col2 a { 
		padding: 0 1em 0 1em; 
		font-size: 11px; 
		text-align: left; 
		color: #000; 
		text-decoration: none;
	}
 	#col2 ul { 
		padding: 0; 
		margin: 0; 
		list-style: none; 
		list-style-image: none; 
		background-color: #faf7f0;
		border-style: none; 
		border-bottom: 2px solid #5e5e5e; 
	}
 	#col2 li { 
		padding: 0; 
		margin: 0; 
		background-image: none; 
		border-style: none; 
	}
	#col2 ul a 	{ 
		background-color: transparent; 
		padding: 4px 5px 4px 10px; 
		margin: 0; 
		display: block; 
		border-style: none; 
		border-bottom: 1px solid #5e5e5e; 
		width: 163px;	/* hacks for mozilla/netscape/firefox/mac ie */
		width:148px;
	} 
	html>body #col2 ul a 	{ 
		width:20%;
	}
	#col2 ul a.start 	{ 
		border-top: 1px solid #5e5e5e; 
	}
	#col2 ul a.end	{ 
		border-style: none; 
	}
	#col2 ul a.last	{ 
		border-style: none;
		border-top:1px solid #5e5e5e; 
	}
	#col2 ul a.this	 { 
		font-weight: bold; 
		color: #000; 
		background-color: #eae1cc; 
	}
	#col2 ul a.active { 
		font-weight: bold; 
		color: #fff; 
		background-color: #2c4da1; 
	}
	#col2 ul a:hover.active, #col2 ul a:focus	{ 
		color: #fff !important; 
		background-color: #2c4da1 !important; 
	}
	#col2 ul a:hover, #col2 a:focus, ul a:hover.end { 
		color: #000; 
		background-color: #eae1cc !important; 
	}
/* tertiary navigation */
	#col2 ul ul 	{ 
		margin: 0 0 0 10px; 
		border-style: none; 
	}
	#col2 ul ul a 	{ 
		padding: 4px 5px 4px 10px; 
		border-style: none; 
		border-bottom: 1px solid #5e5e5e;
 		background: url(../images/bkgs/bkg_bread.gif) no-repeat 0 9px; 
		margin: 0; 
		width:153px;
		/* hacks for mozilla/netscape/firefox/mac ie */
		width:138px;
	} 
	html>body #col2 ul ul a { 
		width:16%;
	}
	head:first-child+body #col2 ul ul a	{
		width:16% !important;
	}
 	#col2 ul ul a.active 		{ 
		background-color: #eae1cc; 
		color: #2c4da1; 
	}
 	#col2 ul ul a:hover.active { 
		color: #2c4da1 !important;
		background-color: #eae1cc !important; 
	}
 	#col2 ul ul a:hover, #col2 ul ul a:focus, ul ul a:hover.end { 
		color: #fff; 
		background-color: #eae1cc !important; 
	}
	/* quadriary navigation */
 	#col2 ul ul ul 	{ 
		margin: 0 0 0 10px; 
		border-style: none;
	}
 	#col2 ul ul ul a 	{ 
		padding: 4px 5px 4px 10px; 
		border-style: none; 
		border-bottom: 1px solid #5e5e5e; 
 		background: transparent; 
		width: 143px;
		/* hacks for mozilla/netscape/firefox/mac ie */
		width:128px;
	} 
 	#col1 p img {
		margin:5px -1px -1px 1em;
	}
 	#contact {
		background-color : #ffffff;
		min-height : 4em;
		margin : 0;
		z-index : 1;
 	}
 	#contact1 {
		border-left : 1px solid #cc0000;
		color : #666666;
		display : block;
		float : right;
		font-size : 10pt;
		font-weight : bold;
		letter-spacing : 1px;
		line-height : 13pt;
		margin : 0 1em 0 1em;
		padding : 5px 0 0 2em;
		text-align : right;
		width : 190px;
 	}
 	#contact a {
		color : #ff0000;
		font-weight : bold;
 	}
 	#contact p {
		color : #000000;
 	}
/**

 * @subsection subscribe

 */
.SubscribeViaEmail .form_item input {
	width:auto;
}
.SubscribeViaEmail input#SubscriberEmail {
	width:210px;
}
div.widgetset .SubscribeViaEmail label {
	display:inline;
}
.form_button,
.form_submit {
	margin-top: .5em;
}
	#benefits ul li {
	padding: 0; 
	margin: 0; 
	background-image: none; 
	border-style: none; 
}

/**
 * --------------------------------------------------------
 * @section Twitter
 * --------------------------------------------------------
 */
/**
div.twitterscroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #727272;
background-color: #ffffff;
padding: 8px;
}

/**
 * --------------------------------------------------------
 * @section Google Map
 * --------------------------------------------------------
 */
/**
#map {
width : 640px;
height : 400px;
margin-left : auto;
margin-right : auto;
z-index : 1;
border : 2px solid #000000;
}
* --------------------------------------------------------
 * @section sidebar
 * --------------------------------------------------------
 */
.widget h3 {
	background-position:center bottom;
	background-repeat:no-repeat;
	font-size:1em;
	font-weight:normal;
	margin-top:3em;
	margin-bottom:0;
	padding-bottom:24px;
}
.widget ol,
.widget ul,
.widget li {
	list-style-type:none;
	padding:0;
	margin:0;
}
.widget ul li {
	line-height:1.8;
}
/**
	/* Twitter styles */
 	#twitter {
		clear: both;
		padding-top: 1em;
		text-align: center;
 	}
	
	/* Footer styles */
 	#footer {
		clear: both;
		padding-top: 1em;
		text-align: center;
 	}
	#footer p {
		padding:10px;
		margin:0;
	}
	#bottomlogo{
		clear:both;
		float:left;
		width:100%;
		text-align: center;
}
	#bottomlogo a {
		color:#727272;
		text-decoration:none;
	}
	#bottomlogo a:visited {
		color:#727272;
		text-decoration:none;
	}
	#bottomlogo a:hover {
		color:#ffffff;
		text-decoration: underline;
	}
	#bottommenu {
		clear:both;
		float:left;
		width:100%;
	}
	.bottomlocation {
		font-size: 0.9em;
		font-color: #7D7D7D;
	}
	.bottomlocation a:hover{
		color:#ffffff;
		text-decoration: underline;
	}
	#menu {
		position: relative;
		top: 0pt;
		right: 30pt;
		height: 31px;
		text-align: center;
		width: 100%;
		font-size: 0.95em;
		font-color: #7D7D7D;
		line-height: 20px;
	}	
	#menu li a{
		font-size: 0.95em;
		color:#7D7D7D;
	}
	#menu li {
		display:inline;
	}
	#menu li a {
		padding:0 5px; 
		border-right:1px solid #ccc; 
		text-decoration:none;
	}
	#menu li a:visited {
		text-decoration:none;
	}
	#menu li a:hover {
		color:#ffffff;
		text-decoration: underline;
	}
	#menu li.last a {
		padding: 0 0 0 6px; 
		border:0;
	}
	#menu li.accessibility a {
		color:#7D7D7D; 
		border-right:1px solid #7D7D7D;
	}
	#menu li.accessibility a:hover {
		color:#7D7D7D;
	}
	#menu p {
		margin:.1em 0 .1em 0;
		padding:0;
	}
	#menu span.c8 a {
		border:0;
		font-size: 0.75em;
	}
	
	/* Sign up sheet styles */
    .eemStyleSFBody
    {
        padding: 0px;
        width: 100%;
        border: ridge 0px gray;
        background-color: #FFFFFF;
    }
    .eemStyleSFMainOuter
    {
        padding: 0px;
        width: 100%;
        border: ridge 0px gray;
    }
    .eemStyleSFMainInner
    {
        padding: 0px;
    }
    .eemStyleSFMain
    {
        width: 100%;
        background-color: #FFFFFF;
        color: #404040;
        font-family: Verdana;
    }
    .eemStyleSFCompletion
    {
        font-family: Verdana;
        font-size: small;
        color: green;
        font-weight: bold;
    }
    .eemStyleSFCompletion_BGIsRedish
    {
        font-family: Arial;
        font-size: small;
        Filter: glow(color=yellow, strength=3);
        color: green;
        font-weight: bold;
    }
    .eemStyleSFLogoDisplay
    {
    }
    .eemStyleSFLogoHide
    {
        display: none;
    }
    .eemStyleSFLogoOuter
    {
        padding: 0px;
        text-align: left;
        border: solid 0px green;
    }
    .eemStyleSFLogoInner
    {
        height: 100%;
        padding: 0px;
        background-color: Transparent;
        border: solid 0px green;
    }
    .eemStyleSFTitleOuter
    {
        padding: 0px;
        text-align: left;
        border: solid 0px green;
    }
    .eemStyleSFTitleInner
    {
        padding: 5px;
        background-color: Transparent;
        border: solid 0px gray;
    }
    .eemStyleSFTitle
    {
        font-size: larger;
        font-weight: bold;
    }
    .eemStyleSFErrorOuter
    {
        padding: 0px;
        text-align: left;
        border: solid 0px gray;
    }
    .eemStyleSFErrorInner
    {
        padding: 5px;
        background-color: Transparent;
        border: solid 0px gray;
    }
    .eemStyleSFError
    {
        color: Red;
        font-size: x-small;
        font-family: Verdana;
        font-weight: bold;
    }
    .eemStyleSFError_BGIsRedish
    {
        Filter: glow(color=yellow, strength=3);
        color: Red;
        font-size: x-small;
        font-family: Verdana;
        font-weight: bold;
    }
    .eemStyleSFContentOuter
    {
        padding: 0px;
    }
    .eemStyleSFContentInner
    {
        padding: 0px;
    }
    .eemStyleSFSectionQuestionOuter_Vertical
    {
        margin-bottom: 4px;
        padding: 0px;
        overflow: auto;
        border: solid 0px gray;
        width: auto;
        float: none;
    }
    .eemStyleSFSectionQuestionOuter_Horizontal
    {
        margin-bottom: 0px;
        padding: 0px;
        overflow: auto;
        border: solid 0px gray;
        width: 48%;
        float: left;
    }
    .eemStyleSFSectionIntGrpOuter_Vertical
    {
        padding: 0px;
        overflow: auto;
        border: solid 0px gray;
        width: auto;
        float: none;
    }
    .eemStyleSFSectionIntGrpOuter_Horizontal
    {
        padding: 0px;
        overflow: auto;
        border: solid 0px gray;
        width: 48%;
        float: right;
    }
    .eemStyleSFSectionHeadingInner
    {
        height: 100%;
        padding: 2px;
        border: solid 0px gray;
    }
    .eemStyleSFSectionHeading
    {
        padding: 5px;
        background-color: #FFFFFF;
        font-size: small;
        color: #404040;
        font-weight: bold;
    }
    .eemStyleSFSectionContent
    {
        padding: 5px;
    }
    .eemStyleSFIntGrpContent
    {
        padding: 5px;
        border: 1px solid #D9E1E8;
    }
    .eemStyleSFText
    {
        font-size: x-small;
        color: #404040;
    }
    .eemStyleSFTextDisabled
    {
        font-size: x-small;
        color: Gray;
        font-weight: bold;
    }
    .eemStyleSFReq
    {
        font-style: italic;
        font-size: x-small;
        vertical-align: baseline;
        color: Red;
        font-weight: bold;
    }
    .eemStyleSFReq_BGIsRedish
    {
        font-style: italic;
        font-size: x-small;
        Filter: glow(color=yellow, strength=3);
        vertical-align: baseline;
        color: Red;
        font-weight: bold;
    }
    .eemStyleSFReqError
    {
        background-color: Red;
    }

	/* --> */