@import url("../type/stylesheet.css");
/*********************************************************************
	
	Sesame Communications - (c) 2011
	Built by: Imanuel Masman
	All rights reserved. 
	Any reproduction or intentional misuse is strickly prohibited
	
*********************************************************************/

/******************** Reset ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video						{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu								{ display: block; }

h1, h2, h3, h4, h5, h6										{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul														{ list-style: none; }
nav ul														{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus														{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q												{ quotes: "" ""; }
input														{ margin: 0; }

/**************************************/
/*               TYPE                 */
/**************************************/
@font-face {
    font-family: '';
    src: url('../fonts/.html') format('eot'),
         url('../fonts/-2.html') format('woff'),
         url('../fonts/-3.html') format('truetype'),
         url('../fonts/-4.html') format('svg');
}
/* webkit font anti-aliasing */
* {-webkit-font-smoothing: antialiased;}
body {
	font-size: 13px;
	font-family: ;
	color: #000;
	line-height:normal;
	}
a {color: #922f05; text-decoration: none; }
a:hover, a:active {text-decoration: none; color: #922f05;}

p.sub-nav {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #6E5037;}
p.sub-nav a:hover, p.sub-nav a.active {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #957d4e;}

h1.headline { font-size: 32px; font-weight: bold; margin: 0 0 20px 0; color: #922f05;}
h2 { 
	font-size: 20px; 
	line-height: 1.2em;
	font-weight:bold;
    margin: 0;
    color: #922f05;
}
h2#tagline { text-indent:-999em; color: #922f05;}
h3 { font-size: 18px; margin: 18px 0; color: #922f05;}
h4 { font-size: 16px; color: #922f05;}
h5 { font-size: 14px; color: #922f05;}
h6 { font-size: 12px; color: #922f05;}
dt { font-size: 16px; margin: 18px 0 0; }
legend { font-size: 16px;}
p,pre,address { font-size:14px; line-height:18px; position:relative; top:5px; }
p {margin: 0 0 18px 0;}
small { font-size:11px; }
hr { position:relative; height:4px; margin:18px 0 14px; clear:both; }

/******************** Table ********************/
table								{ border-collapse: collapse; border-top: solid 3px #000; position: relative; margin-top: 18px; }

th, td								{ line-height: 18px; padding: 9px 18px 8px 0; }
thead th, thead td					{ padding-top: 7px; }
tfoot th, tfoot td					{ padding-bottom: 8px; }
tbody th, tbody td,
tfoot th, tfoot td					{ border-top: solid 1px #000; }
 
th:first-child, td:first-child		{ padding-left: 0; }
th:last-child, td:last-child		{ padding-right: 0; }

tr:nth-child(even) td				{ }
tbody tr:nth-child(odd) th,
tbody tr:nth-child(odd) td			{ background: rgba(0, 0, 0, 0.035); }

caption								{ top: 5px; margin-bottom: 18px; }
.sitemap #content ul li  a   {color: #4f4a37; font-size: 14px; font-weight:bold;}
.sitemap #content ul li { list-style: none; background-image: none;}
.sitemap #content ul ul li a   {color: #4f4a37; font-size: 14px; font-weight: normal;}
.sitemap .back-to-top {clear: both;}
.sitemap .sub-nav {display: none;}
/**************************************/
/*          LAYOUT OVERRIDES          */
/**************************************/

	/* Overrides a few defaults from CSS framework */
	header#hd, section#bd, footer#ft {float: none;}
	
	/*page layout*/
	body {background: #b98d22 url(../images/bg-body.jpg) top center repeat-x;
	font-family: Arial,Helvetica,sans-serif;
	}
/**************************************/
/*              HEADER                */
/**************************************/
#hd {
	margin:7px 0 0 0;
	padding:0;
}
#hd .wrapper {
	/*background:#f2e8d2 url('') repeat;*/
	background: url(../images/bg-hd-wrapper.png) top center no-repeat;
	width:990px;
	height:270px;
	margin:0 auto;
	padding:0;
	position:relative;
}


#branding {}/*placeholder for #branding hgroup*/
#branding #logo {text-indent: -9999px;}/* placeholder for logo h1 */
#branding #logo a {display: block;}/* logo h1 a */


.hd-sub-left {
	position: absolute;
	top: 0;
	left: 0;
	width: 670px;
}

/** REEF3 UPDATE
 * .hd-sub-right {
 * 	position: absolute;
 * 	top: 25px;
 * 	left: 715px;
 * }
 */
 .hd-sub-right {
	position: absolute;
	top: 21px;
	left: 712px;
}

.hd-sub-right li.address-one { 
	color: #f2e8d2;
	font-style: italic;
	font-size: 20pt;

    text-align: center;

}
.hd-sub-right li.phone { 
	color: #f2e8d2;
	font-style: italic;
	font-weight: bold;
    font-size: 20pt !important;
    margin-top: 2px;
	line-height: 33px;
	color: #e3bd62;
}
/**************************************/
/*           MAIN CONTENT             */
/**************************************/
#bd {
	padding:0 0 20px 0;
	background: url(../images/bg-bd.png) repeat-y bottom center;
    width: 990px;
    margin: 0 auto;
/*	opacity:0.10;
	filter:alpha(opacity=10)*/
}

#bd .wrapper {
	 /*background:#f8c7c7; pink bg*/
	
	width:967px;
	margin:0 auto;
	padding:0 0 20px 0;
	position:relative;
}

#content {
    display: inline;
    /** REEF3 UPDATE **/
    /** margin: 0 50px 0 0; */ 
    margin: 30px 0 0 30px;
    padding: 0;
    width: 627px;
}

#slideshow-home {
	position: relative;
	top: 0px;
	left: 0;	
	background: url(../images/slideshow/bg-slideshow.png) top center no-repeat;	
	height: 300px;	
}

.back-to-top {
	font-family: "BaskervilleOldFaceRegular", "Times New Roman", Times;
	font-style: italic;
	font-size: 14px;
}

#slideshow-home ul li {
	list-style: none;	margin: 7px 0 0 4px;
}


ul.slideshow li {
	list-style: none;
}

#content li { margin-left:20px; list-style:disc; font-size: 14px; line-height: 18px; }
#content header.child {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

.nav-top #bd .wrapper #content	{ padding-top:50px; /* height of header plus top nav */}
/** REEF3 UPDATE
 * .sidebar-right #bd .wrapper #content	{ float:left}
 */
/** REEF3 UPDATE
 * .sidebar-left #bd .wrapper #content	{ float:right; margin: 20px;}
 */
.sidebar-left #bd .wrapper #content	{ float:left;}
/**************************************/
/*             SIDEBAR                */
/**************************************/
#sidebar {
	width:276px;
/*	background: #472c23;
	opacity:0.83;
	filter:alpha(opacity=83);*/
	
}
/*.sidebar-bottom {
	opacity:0.83;
	filter:alpha(opacity=83);	
	height 20px;
	background: #472c23;
}*/

.sidebar-right #sidebar	{ float:right}
.sidebar-left #sidebar	{ float:left}
#sidebar a img { position: relative;}

			
/**************************************/
/*              FOOTER                */
/**************************************/

html {
	margin-left: -1px;
	overflow-Y: scroll;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	head~body *{ margin-left: -1px;}
}

.staff-photos img  {
	float: left;
	width: 200px;
	display: block;
}

.staff-photos div.left {
    width: 202px;
	margin: 0 20px 20px 0;
    float: left;
}

.staff-photos div.right {
    width: 400px;
    float: left;
}

#ft {
	position: relative;
    height: 493px;
	margin:0px 0px 0px 0px;
	background: url(../images/bg-ft.jpg) bottom center repeat-x;
	width: 100%;
}
#ft .wrapper {
	background: url(../images/bg-ft-wrapper.jpg) top center no-repeat;
	width:990px;
	min-height: 345px;
	margin-top:0px;
	margin-left:auto;
	margin-bottom:0px;
	margin-right:auto;
	padding:0px 0px 0px 0px;
}

.ft-sub-wrapper {
	position: absolute;
	top: 42px;	
}

/*footer 5 across*/

	.ft-list-5 {
		position: relative; 
		top: 178px;
		left: 40px;
	}
	
	.ft-list-5 ul {
		margin-bottom: -10px;
	}
	
	.ft-list-5 a {
		color: #ead7c0;
		line-height: 22px;
		text-decoration: none;
		font-size: 14px;
	}

	.ft-list-5 a:hover {
		color: #ead7c0;
	}

	.ft-list-5 ul {
		padding-top: 15px;	
	}

	.ft-list-5 ul li {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px; 
	}
	
	.ft-line-01 {
		color: #999;	
	}
	
	.ft-line-04 {
		color: #94ddff;	
		font-size: 12px;
		margin-top: 8px;
	}
	
	.ft-line-4-phone {
		font-size: 18px;
		color: #94ddff;
}
	
	li.ft-list-5-col1 {
		padding-left: 182px;
		padding-right: 70px;	
		text-shadow:1px 1px 2px rgba(0,0,0,0.45);
	}
	
	li.ft-list-5-col2 {
		padding-left: 24px;
		padding-right: 44px;
		text-shadow:1px 1px 2px rgba(0,0,0,0.45);
	}

	li.ft-list-5-col3 {
		padding-left: 24px;
		padding-right: 54px;	
		text-shadow:1px 1px 2px rgba(0,0,0,0.45);
	}

	li.ft-list-5-col4 {
		padding-left: 0px;
		padding-right: 10px;	
		text-shadow:1px 1px 2px rgba(0,0,0,0.45);
	}
	
	li.ft-list-5-col5 {
		padding-left: 24px;
		padding-right: 13px;
		text-shadow:1px 1px 2px rgba(0,0,0,0.45);
	}

/*social media --------------------*/				
ul.social-media {position:relative; top:-37px;}
ul.social-media li {overflow:hidden; display:inline; list-style:none; list-style-image:none; margin-right:12px;}
ul.social-media li.facebook a {background:url(../images/social-facebook.png) no-repeat; display:inline-block; text-indent:-9999px; width:32px; height:32px;}
ul.social-media li.blogger a {background:url(../images/social-blog.png) no-repeat; display:inline-block; text-indent:-9999px; width:32px; height:32px;}
ul.social-media li.youtube a {background:url(../images/social-youtube.png) no-repeat; display:inline-block; text-indent:-9999px; width:32px; height:32px;}
ul.social-media li.twitter a {background:url(../images/social-twitter.png) no-repeat; display:inline-block; text-indent:-9999px; width:32px; height:32px;}

a.sesame-link  {
	font-size: 11px;
}

span.sesame {
	color: #d7af58;
	font-size: 11px;
}
	
#ft dl {margin-top: 0;}
#ft dl dt {margin-top: 0;}

/**************************************/
/*       DOCTOR-PATIENT LOGINS        */
/**************************************/
#utility-nav {
	/*font-family: "BaskervilleOldFaceRegular", "Times New Roman", Times;*/
	position:relative; 
	width:273px; /* modify this */
	height:100px;
	z-index: 1000;
	top:270px;
	left: -20px;
	float:left;
	}

#utility-nav .patient-login a, #utility-nav .doctor-login a{
	background: url(../images/bg-login.png) top center no-repeat;
	width: 208px;
	padding: 7px 0 0 24px
}

#utility-nav .patient-login a:hover, #utility-nav .doctor-login a:hover {
	background: url(../images/bg-nav-hover.png) top center no-repeat;
	width: 208px;
}


#utility-nav ul {
	float:right;
}
#utility-nav li {
	display: block;
	/*float: left;*/
}
#utility-nav li a {
	display: block;
	height: 36px;
	font-size: 18px;
	color: #f1e7d1;
	text-decoration: none;
	padding: 7px 0 0 0;
	margin: 0 0 0 10px;
}
#utility-nav ul ul {
	margin: 36px 0 0;/* margin-top matches height of top-level links*/
	position: absolute;
	width: 234px;
	border: 1px solid;
	background: #fff;
	padding: 9px;
}
#utility-nav ul ul li {
	float: none;
}
#utility-nav ul ul li a {
	height: auto;
}				
/**************************************/
/*             NAVIGATION             */
/**************************************/

#nav  {
	position: relative;
	top: 120px;
	left: 40px;
	width:100%;
	z-index: 1000;
	margin:0;
	padding:0;
	float:left;

}

.nav-wrapper {
	postion: relative;
		background: url(../images/bg-nav-left.png) top center no-repeat;	
		height: 575px;
		margin: 0 0 0 -33px;
}

.nav-wrapper img.phone {

	top: 0;
	left: 0;
	margin: 0 0 10px 20px;
}

#sidebar a img {
	postion: relative;
	top: 160px;
	left: 19px;
	overflow: hidden;
	height: 100px;
	
}

#sidebar .sidebar-phone {
	font-family:"Times New Roman", Times, serif;
    background: url("../images/phone.png") no-repeat 29px 10px;
    color: #E3BD62;
    font-size: 26px;
    font-style: italic;
    height: 27px;
    left: -15px;
    position: relative;
    text-align: right;
    top: 112px;
    width: 247px;
}

ul#before-after-cycle li img {
    float: left;
    margin-right: 10px;
    width: 464px;
}


@media only screen and (max-width:768px) {

    .hrztl-nav li a {
        display: none;
    }

}

#nav a {
	display: block; height: 40px; width: auto; line-height: 18px;
}		
#nav li {
	display: inline;
	float: left;
}
	/*subnav -----------------*/
	#nav ul ul {
		background: #6e5037/*url(../images/bg-left-sub-nav.jpg) top left repeat*/;
		position: absolute;
		border: 1px solid;
		padding: 9px;
		width:200px; /* modify this */
		}
	
	#nav ul ul li {float: none;}

	
	/* left nav  ----------------- */
	body.nav-left #nav { 
		width:252px /* modify this */; 
		}
	body.nav-left #nav ul { 
		/*height:560px  modify this */; 
		/*background:#cccccc  light grey bg */; 
		
		}
	body.nav-left #nav li {float: none;}
	body.nav-left #nav li a {width: 100%;
	background: url(../images/bg-btn-nav.png) top center no-repeat;
	width: 208px;
	height: 34px;
	font-size: 18px;
	color: #f1e7d1;
	text-decoration: none;
	margin: 0 0 0 4px;
	padding: 7px 0 0 24px
}

	body.nav-left #nav li a#new-dental-technology  {
	font-size: 16px;	
}

	body.nav-left #nav ul ul {left: -999em; width: 240px; margin: -40px 0 30px 230px; padding: 10px 0 20px;height:auto;}
	
	body.nav-left #nav li a:hover,
	body.nav-left #nav li.active a {
		font-weight:normal; 	
		background: url(../images/bg-nav-hover.png) top center no-repeat;}
	
	body.nav-left #nav ul ul li a,
	body.nav-left #nav ul li.active ul li a{ font-weight:normal}

	body.nav-left #nav ul ul li a, 
	body.nav-left #nav ul li ul li.active a,
	body.nav-left #nav ul li.active ul li a { 
		font-weight:normal;
		height: 16px;
		background: none;
		
	
	}	

	body.nav-left #nav ul ul li a:hover, 
	body.nav-left #nav ul li ul li.active a,
	body.nav-left #nav ul li.active ul li a:hover { font-weight:normal; background: none; color: #be9227;}
	body.nav-left #nav li:hover ul, body.nav-left #nav li.sfhover ul {left: auto;}
		
	 

	
/**************************************/
/*              GLOBAL                */
/**************************************/

    #side-location p{
        color: #F1E7D1;
        font: bold 14px Arial, Helvetica, sans-serif;
    }

    #side-location h4{
        color: #F1E7D1;
        font: bolder 14px Arial, Helvetica, sans-serif;
    }
	/* Extra Elements  -----------------*/
	object#flash-homepage { margin: 0; border: none;}
	
	/* Shortcuts and Helpers -----------------*/	
	.img-right {
		margin: 0 0 36px 18px;
		float: right;
		clear: right;
		}
	.img-left {
		margin: 0 18px 36px 0;
		float: left;
		clear: left;
		}
	.border {
		border: solid 1px #333; /* Customize me! */
		}
	.border-top { border-top: solid 1px #333; /* Customize me! */}
	.border-bottom { border-bottom: solid 1px #333; /* Customize me! */}
	.column	{ margin-left: 18px; display: block; float: left; } /* 1.5em */
	.sitemap .column a { color:#FFF; text-decoration:none; font-size:12px; font-weight:bold}
	.sitemap .column a:hover { text-decoration:underline}
	.sitemap .column ul ul li { margin-left:21px;} 
	
	.hide {display: none;}
	.clear {clear: both;}
	
	div.hr {/* This styled div acts as the hr for most browsers */
		height: 0px;
		border-top: solid 1px #eee; /* Customize me! */
		margin: 17px 0 18px;/* increase top/bottom margin by multiples of 18px less top margin equal to border-width */
		padding: 0;
		clear: both;
		}
	
	hr {/* This is the backup for screen readers */
		display: none;
		height: 0px;
		}
	/* Clear Fix -----------------*/
	.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.cf {display: inline-block;} /*this trips hasLayout for ie7*/
	.cf {display: block;} /*this returns it back to normal*/
	* html .cf {height: 1px;}
	/* Text Classes -----------------*/
	p.flash-notice {
		margin: 18px;
		padding: 9px;
		color: #ff0000;
		border: 1px dotted #ff0000;
		background: #ffffff;
		text-align: center;
		}
	.note {font-style: italic;}
	.note:before {content: "** "}
	.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
	.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
	.hide {display:none;}
	.quiet {color:#666; font-weight: normal;}
	.loud {color:#000; font-weight: bold;}
	.highlight {background:#ff0;}
	.added {background:#060;color:#fff;}
	.removed {background:#900;color:#fff;}
	.centered {text-align: center;}
	.first {margin-left:0;padding-left:0;}
	.last {margin-right:0;padding-right:0;}
	.top {margin-top:0;padding-top:0;}
	.bottom {margin-bottom:0;padding-bottom:0;}
	.error, .notice, .success, .growl, .message, .dialog {
		padding: 4px 9px 5px;
		margin-bottom:14px;
		border: 2px solid #ddd;
		}
	.error {background:#ad2d10; color:#fff; border-color:#900f00;}
	.success {background:#E6EFC2;color:#264409; border-color:rgba(182,217,41,0.8);}
	.error a {color:#8a1f11;}
	.notice a {color:#514721;}
	.success a {color:#264409;}
	
	/* Google Map; see local.js */
	/*hides iframe <a> tag*/
	.iframe {display: none;}
	.map {
		width: 529px;/* multiples of 9px less border and padding*/ 
		height: 360px; /* multiples of 9px less border and padding */
		border: 1px solid; 
		overflow: hidden; 
		display: block; 
		margin: 0 0 18px 0;
		padding: 9px;
		background: #ccc;/* customize me */
		}
	

/**************************************/
/*              FORMS                 */
/**************************************/
legend							{ padding-bottom: 18px; }
label							{ width: 100%; position: relative; top: 5px; margin-bottom: 18px; line-height: 18px; display: block; }

input[type="text"],
input[type="password"],
input[type="search"]			{ width: 100%; margin-bottom: -1px; display: block;}

input[type="radio"]				{ top: -1px; margin: 0 4px 3px 1px; }
input[type="checkbox"]			{ top: -2px; margin: 0 4px 3px 1px; }
input[type="file"]				{ margin: 0px 6px 3px 6px; }

input[type="submit"],
input[type="reset"],
input[type="button"]			{ position: relative; top: 5px; margin-bottom: 18px; }

select							{ display: block; margin: 0px; width: auto;}
textarea						{ width: 99%; line-height: 18px; margin-bottom: -2px; display: block; clear: left; overflow: auto; }

input, select, textarea { cursor: pointer;}

.unitx1 		{ width: 45px; }
.unitx2 		{	width: 108px; }
.unitx3 		{	width: 171px; }
.unitx8 		{	width: 486px;	}

label.unitx1 select					{ width: 45px; }
label.unitx2 select					{ width: 108px; }
label.unitx3 select					{ width: 171px; }
label.unitx8 select					{ width: 486px; }

label.width1, label.width2,
label.width3	{ margin-right: 18px; float: left; }

label.unitx1, label.unitx2,
label.unitx3, label.unitx8,		{ margin-right: 18px; float: left; }
label.first						{ margin-left: 0; }

label.width4, label.unitx8		{ width: 990px; overflow: hidden; }

label.width1 input[type="text"], label.width1 input[type="email"], label.width1 input[type="url"], label.width1 input[type="password"], 
label.width1 input[type="date"], label.width1 input[type="search"]	{ width: 228px; }

label.width2 input[type="text"], label.width2 input[type="email"], label.width2 input[type="url"], label.width2 input[type="password"], 
label.width2 input[type="date"], label.width2 input[type="search"]	{ width: 480px; }

label.width3 input[type="text"], label.width3 input[type="email"], label.width3 input[type="url"], label.width3 input[type="password"], 
label.width3 input[type="date"], label.width3 input[type="search"]	{ width: 732px; }



label.width1 select				{ width: 234px; }
label.width2 select				{ width: 486px; }
label.width3 select				{ width: 738px; }

label.unitx1 input[type="text"], label.unitx1 input[type="email"], label.unitx1 input[type="url"], 
label.unitx1 input[type="password"], label.unitx1 input[type="date"], label.unitx1 input[type="search"]	{ width: 39px; }

label.unitx2 input[type="text"], label.unitx2 input[type="email"], label.unitx2 input[type="url"], 
label.unitx2 input[type="password"], label.unitx2 input[type="date"], label.unitx2 input[type="search"]	{ width: 102px; }

label.unitx3 input[type="text"], label.unitx3 input[type="email"], label.unitx3 input[type="url"], 
label.unitx3 input[type="password"], label.unitx3 input[type="date"], label.unitx3 input[type="search"]	{ width: 165px; }

label.unitx8 input[type="text"], label.unitx8 input[type="email"], label.unitx8 input[type="url"], 
label.unitx8 input[type="password"], label.unitx8 input[type="date"], label.unitx8 input[type="search"]	{ width: 480px; }




	label { margin-bottom:13px}
	label span {
		display: inline-block;
		}
	label > span + span, label.required span.quiet {/*sibling span */
		font-size: 95%;
		font-weight: normal;
		}
	input[type="text"],	input[type="date"], input.date,	input[type="email"],	input[type="url"], input[type="password"],
	input[type="select"], input[type="search"], textarea, select {
		padding: 3px 0 4px;
		text-indent: 9px;
		line-height: 18px;
		border: 1px solid #666; /* customize me */
		background: #f1f1f1;/* customize me */
		}
	select {text-indent: 0;}
	textarea {height: 72px;}
	.width2 p.notice { width:200px}
	p.width1 { width:335px}
	
	.refer-a-friend label, .refer-a-friend label span { display:block;  }
	.refer-a-friend label.width2 input {width: 228px}
	
	.refer-a-patient span { display:block}
	.refer-a-patient fieldset label.unitx1 span { display:inline; margin-right:20px}
	.refer-a-patient fieldset label.unitx1 { display:inline;}
	.refer-a-patient label.width2 #Referral_Comments  {width: 480px}/* customize me */
	
	.appointment-request label.width2 #Nature_Of_Appointment  {width: 480px}/* customize me */	
	.appointment-request label.unitx2 { float:left; margin-right:18px;}
	.appointment-request label.width1 { width:234px; float:left; clear:left}
	.appointment-request label.unitx3 { float:left; }

	/* Radios and Checkboxes*/
	.radio-group {}
		.radio-group p {margin: 0;}
		.radio-group label span { font-size: 11px;}
		
	/* Field hover styles */
	input[type="text"]:hover,	input[type="date"]:hover,	input.date:hover, input[type="email"]:hover,	input[type="url"]:hover, 
	input[type="password"]:hover,	input[type="select"]:hover, input[type="search"]:hover, textarea:hover, select:hover, 	
	input[type="text"]:focus,	input[type="date"]:focus,	input.date:focus,	input[type="email"]:focus,	input[type="url"]:focus, input[type="password"]:focus,
	input[type="select"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
		background: #ffffff;
		border-color: #333; /* customize me*/
		box-shadow: 0 0 3px rgba(0,0,0,.35);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.35);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
		}
	/* disabled fields */
	input[disabled="disabled"], textarea[disabled="disabled"], select[disabled="disabled"],
	input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, select[disabled="disabled"]:hover {
		border-color: #e0e0e0;
		background: #e0e0e0;
		}
	/* Buttons */	
	button { margin-bottom:13px}
	button:active { top: 6px;}

	/* Required and Error styles */
	label.required > span, p.required > span  {font-weight: bold;}	
	/*errors*/
	fieldset div.error {text-shadow: 1px 0 1px rgba(0,0,0,.45); width: 250px; font-size: 90%;}
		.error em {
			display:block;
			width:0;
			height:0;
			border: 9px solid;
			border-color: transparent transparent #ad2d10;
	
			/* positioning */
			position:absolute;
			top:-17px;
			left:18px;
			}
			.error span {display: block; margin: 0;}
	
	input[type="text"].invalid,	input[type="email"].invalid,	input[type="url"].invalid, input[type="password"].invalid,
	input[type="select"].invalid, input[type="search"].invalid, textarea.invalid, select.invalid {
		border-color: #900f00; 
		color: #900f00;
		}

	/* hidden field styles */
	.hidden-option {
		display: none;
		}

	/* Star Rating*/
	div.js-rate {margin-bottom: 18px;}	
		div.js-rate p {margin: 0 0 9px;}
		div.js-rate label, div.js-rate label span {display: none;}
	
	.ui-stars-star,
	.ui-stars-cancel {
	  float: left;
	  display: block;
	  overflow: hidden;
	  text-indent: -999em;
	  cursor: pointer;
		}
		.ui-stars-star a,
		.ui-stars-cancel a {
		  width: 18px;
		  height: 18px;
		  display: block;
		  background: url(../../sesame_media/images/star_rating/jquery.ui.stars.png) no-repeat 0 0;
			}
		.ui-stars-star a {
		  background-position: 0 -36px;
			}
		.ui-stars-star-on a {
		  background-position: 0 -54px;
			}
		.ui-stars-star-hover a {
		  background-position: 0 -72px;
			}
		.ui-stars-cancel-hover a {
		  background-position: 0 -18px;
			}
		.ui-stars-star-disabled,
		.ui-stars-star-disabled a,
		.ui-stars-cancel-disabled a {
		  cursor: default !important;
			}

/**************************************/
/*               CSS3                 */
/**************************************/
	/* Rounded Corners */
	.box-round {
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		border-radius:7px;
		}
		
	.box-round-lower-left {
		border-radius:0 0 7px 7px;
		-moz-border-radius-bottomleft:7px;
		-moz-border-radius-bottomright:0px;
		-webkit-border-bottom-left-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
		
	.box-round-top {
		border-radius:7px 7px 0 0;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-topright:7px;
		-webkit-border-top-left-radius:7px;
		-webkit-border-top-right-radius:7px;
		}
	.box-round-bottom {
		border-radius:0 0 7px 7px;
		-moz-border-radius-bottomleft:7px;
		-moz-border-radius-bottomright:7px;
		-webkit-border-bottom-left-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
	.box-round-left {
		border-radius:7px 0 7px 0;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-bottomleft:7px;
		-webkit-border-top-left-radius:7px;
		-webkit-border-bottom-left-radius:7px;
		}
	.box-round-right {
		border-radius:0 7px 0 7px;
		-moz-border-radius-topright:7px;
		-moz-border-radius-bottomright:7px;
		-webkit-border-top-right-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
	/* text shadow  -----------------*/
	.singlepx-shadow-dark {
		text-shadow:0 1px rgba(0,0,0,0.65);
		}
	.singlepx-shadow-light {/* dark Apple-style shadow */
		text-shadow:0 1px rgba(255,255,255,0.85);
		}
	.negative-singlepx-shadow-dark {/* light Apple-style shadow */
		text-shadow:0 -1px rgba(0,0,0,0.85);
		}
	.negative-singlepx-shadow-light {/* dark negative Apple-style shadow */
		text-shadow:0 -1px rgba(255,255,255,0.85);
		}
	.inset-shadow {/* light negative Apple-style shadow */
		text-shadow:-1px -1px rgba(0,0,0,0.65), 1px 1px rgba(255,255,255,0.85);
		}
	.classic-shadow {
		text-shadow:2px 2px 3px rgba(0,0,0,0.65);
		}
	/* classic drop shadow  -----------------*/
	.glow-shadow {text-shadow:0 0 9px rgba(255,255,255,0.85);}
	/* box shadow  -----------------*/
	.box-shadow {
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.45);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.45);
		box-shadow:0 0 3px rgba(0,0,0,0.45);
		}
	.box-shadow-bottom {
		box-shadow:0 2px 3px rgba(0,0,0,0.45);
		-moz-box-shadow:0 2px 3px rgba(0,0,0,0.45);
		-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.45);
		}
	.box-shadow-large {
		-moz-box-shadow: 0 0 9px rgba(0,0,0,0.65);
		-webkit-box-shadow:0 0 9px rgba(0,0,0,0.65);
		box-shadow:0 0 9px rgba(0,0,0,0.65);
		}
	
	/* buttons  -----------------*/
	.button, a.button {
		color: #fff;
		border: solid 1px;
		text-align: center;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		line-height: 100%;
		padding: 5px 1em 5px;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		text-decoration: none;
		}
	.button:hover, a.button:hover { text-decoration: none;}
	.button span {padding-left: 24px;}
	.button-medium {
		font-size: 16px;
		padding: 4px 18px 5px;
		}
	
	.button-small {
		font-size: 14px;
		padding: 4px 9px 5px;
		}
	/* button colors  -----------------*/
	.site-button-color {
		color: #fff;
		border-color: #333;
		background: #444;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#cccccc));
		background: -moz-linear-gradient(#444444, #cccccc);
		background: linear-gradient(#444444, #cccccc);
		-pie-background: linear-gradient(#444444, #cccccc);
		behavior: url(../PIE.html);
		}

/**************************************/
/*           SESAME CONTENT           */
/**************************************/

/* Blog ------------------ */
.navigation,
.pagination {margin-top: 12px; margin-bottom:6px;}
.navigation .next_post,
.pagination .next_page {float: right;}
.navigation .previous_post:before,
.pagination .previous_page:before {content: "\27EA  ";}
.navigation .next_post:after,
.pagination .next_page:after {content: " \27EB";}
.post{margin-bottom:36px;}
.entry {display:block; clear:both;}
.entry img.alignleft {margin: 0 0 2px 7px; display: inline;	float:left;}
.entry img.alignright {margin: 0 7px 2px 0; display: inline; float:right;}
.entry img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.entry_meta p {margin: 0 0 12px;}
#entry_comments {margin-top:36px;}
  #entry_comments form {
    width: 486px;
    }
    #entry_comments form input {
      width: 480px;
      margin-bottom: 18px;
      }
    #entry_comments form label {margin-bottom: 6px;}
	#entry_comments form button {color:#333;}

form#blog_search {position:relative; top:110px; left:-15px; width: 205px; margin:0 auto; text-align:center; color:#000;}
  form#blog_search label {margin-bottom: 6px; color:#eadab6; text-align:center;}
  form#blog_search input {width: 205px; margin-bottom: 12px;}
  form#blog_search button {color:#000;}

.search-results .post {margin-bottom:30px;}
.search-results .post h2 {margin-bottom:0;}

.comment {margin:18px 0; border-bottom: 1px solid #000;}
.comment_author {font-weight: bold;}
.comment_author h3 {margin: 0;}
.comment_author span {font-style: italic; font-weight: normal;}
.comment_meta {font-size: 10px;}
.comment_meta a {text-decoration: none;}

	/* Brushing and Flossing -------------*/
	dl#brushing-instructions dd ul, 	dl#flossing-instructions dd ul {
	 margin: 0;
	 list-style: none;
	}
	#toggle-content dd ul {list-style: none; }
		
	/* Clarity/SmartClip -----------------*/
	#calrity-thumb, #clarity-thumb { /* customize me */ }
	
	/* Emergency Care --------------------*/
	#toggle-emergency li div { margin-bottom: 9px;}
	#toggle-emergency li div p { top: auto; margin-top: 0;}	
	
	/* Common Treatments -----------------*/
	div.box {
	  background-color: #ff99ff; /* Customize me! */
	  border: solid 1px #333; /* Customize me! */
	}
	div.box img {
	  border: solid 1px #333; /* Customize me! */
		}
	/* Incognito -------------------*/
	.incognito-image { /* customize me */ }
	
	/* In-Ovation  -----------------*/
	div.comparison {
	  border: 1px solid; /* Customize me! */
		}
		div.comparison div {
		  width: 46%; /* Adjust this number to fine tune width */
			}
	.in-ovation-image {/* customize me */}	
	
	/* Invisalign ----------------------- */
	#video-invisalign { width: 360px; height: 266px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Teen ------------------ */
	span.indent {padding-left: 40px;}
	#invisalign-sidebar {
	  background: #fff; /* Customize me! */
	  border: solid 1px #333; /* Customize me! */
	}
	#invisalign-sidebar a {
	  color: #036; /* Customize me! */
	}
	#invisalign-sidebar h3 {
	  background: #97AFC2; /* Customize me! */
	  font-size: 16px; /* Customize me! */
	  font-weight: bold; /* Customize me! */
	  color: #fff; /* Customize me! */
	}
	.thumb {
	  border: solid 1px #333; /* Customize me! */
	}
	
	/* Opalescence --------------------------- */
	#video-opalescence { width: 400px; height: 251px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Pro Pack ======================= */
	
	/* Reset */
	#pro-pack {
	  position: relative;
	  font-size: inherit;
	  line-height: inherit;
		}

	/* Global Pro Pack Styles ------------------- */
	#pro-pack .border {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Testimonials ------------------ */
	#pro-pack ul#testimonials {clear: both;}
	#pro-pack ul#testimonials li {overflow: auto;}
		#pro-pack ul#testimonials li p { margin-top: 0;}

	/* Invisalign Info ------------------ */
	#pro-pack #video-invisalign { width: 360px; height: 266px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Teen ------------------ */
	#pro-pack #invisalign-sidebar {
	  background: #fff; /* Customize me! */
	  border: solid 1px #333; /* Customize me! */
	}
	#pro-pack #invisalign-sidebar a {
	  color: #036; /* Customize me!! */
	}
	#pro-pack #invisalign-sidebar h3 {
	  background: #97AFC2; /* Customize me!! */
	  font-size: 16px; /* Customize me!! */
	  font-weight: bold; /* Customize me!! */
	  color: #fff; /* Customize me!! */
	}
	#pro-pack .thumb {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Videos ------------------- */
	#pro-pack div.invisalign-flash {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Before and After --------------- */
	#pro-pack #invisalign-before-after {
	  background-color: #e1ef7e; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack ul#before-after-cycle li img {
	  border: solid 1px #333; /* Customize me */
	}
	#pro-pack #invisalign-before-after div.cycle-detail {
	  background-color: #fff; /* Customize me */
	  color: #333; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-before-after div.before-after-nav {
	  background: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-before-after .before-after-nav a {color: #333;} /* Customize me */
	#pro-pack #invisalign-before-after .before-after-nav a.activeSlide,
	#pro-pack #invisalign-before-after .before-after-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* Invisalign Footer -------------------- */	
	#pro-pack #invisalign-footer {
	  border: solid 1px #333; /* Customize me!! */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-footer h3 {
	  background: #97AFC2; /* Customize me!! */
	  color: #fff; /* Customize me!! */
	  font-size: 14px; /* Customize me!! */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-footer ul {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Pro Pack Callouts --------------- */
	#pro-pack-callout-sm {
	  background: #eee /* Customize this color!! */ url(../../../media.sesamehost.com/images/invisalign-pro-package/callout-sm.png) no-repeat;
	  border: solid 1px #000; /* Customize me!! */
	  -moz-border-radius: 3px; /* Optional - you may customize or remove - Not supported in iYee */
	  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  margin: 0 0 18px; /* Customize me!! */
	  /* Uncomment the following lines if using absolute positioning */
	  /* top: 390px; Customize me!! */
	  /* left: 350px; Customize me!! */
	  /* position: absolute; */
	  /* z-index: 2; Adjust this number if needed */
	}
	#pro-pack-callout-lg {
	  background: #eee /* Customize this color!! */ url(../../../media.sesamehost.com/images/invisalign-pro-package/callout-lg.png) no-repeat;
	  border: solid 1px #000; /* Customize me!! */
	  -moz-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  /* Uncomment the following lines if using absolute positioning */
	  /* top: 470px; Customize me!! */
	  /* left: 350px; Customize me!! */
	  /* position: absolute; */
	  /* z-index: 2; Adjust this number if needed */
	}
	
	
	/* Before and After - Static ------------------ */
	ul.before-after-static li {
	  background-color: #FFAFFD; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	ul.before-after-static li img {
	  border: solid 1px #333; /* Customize me */
	}
	ul.before-after-static li div.detail {
	  background-color: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	
		

	
	/* jQuery Cycle Before and After ------------------ */
	
	#before-after-container {
    line-height: 18px;
    margin: 0 0 18px;
    padding: 10px 10px 10px 10px;
    width: 508px;
}

	#before-after-container ul li  {
		list-style: none;
	}
	
	#before-after-container {
	  background-color: #bf9328; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	ul#before-after-cycle li img {
	  border: solid 1px #333; /* Customize me */
	  margin: 0 0 20px; 0;
	}
	#before-after-container div.cycle-detail {
	  min-height: 70px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
	  background-color: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	#before-after-container .before-after-nav {
	  background: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	  width:  500px;
	}
	#before-after-container .before-after-nav a {
	  color: #333; /* Customize me */
	}
	#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */
	
	
	
	/* jQuery Before and After Slider ------------------ */
	.slider-container {
	color: #333; /* Customize me */
	background-color: #FFAFFD; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	.before-after-slider {border: solid 1px #333;} /* Customize me */
	.slider-container div.slider-detail {
	min-height: 55px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
	background-color: #fff; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	.slider-nav {
	background: #fff; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
	.slider-nav a {
	color: #333; /* Customize me */
	}
	.slider-nav a.activeSlide, .slider-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* Office Tour CSS ------------------ */
	ul#css-office-tour {
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	  background: url(../../../media.sesamehost.com/images/css-office-tour/image-01.jpg) 10px 10px no-repeat;
	}
	ul#css-office-tour li img {
	  border: solid 1px #333; /* Customize me */
	}
	
	/* Cycle Office Tour ------------------ */
	#slideshow-container ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 350px;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #9c8a5f; /* Customize me */
	border: solid 1px #af9f7e; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 460px; 
	padding: 10px;
	line-height: 18px;
	}
#slideshow-container div#caption {
	min-height: 18px;
	clear: both;
	background-color: #c4b8a0; /* Customize me */
	color: #291503; /* Customize me */
	padding: 10px;
	margin: 10px 0 0 0;
	border: solid 1px #af9f7e; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}
#slideshow-container ul.slideshow img {
	width: 460px; 
	height: 350px;
	margin: 0;
	}
.office-tour-nav {
	background-color: #c4b8a0; /* Customize me */
	margin: 0 0 10px 0;
	padding: 5px 3px;
	border: solid 1px #af9f7e; /* Customize me */
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
.office-tour-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #291503;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #b94e05;}
	
	/* Gallery Office Tour ------------------ */
	/* IMPORTANT - This prevents a flash of unstyled content */
	#gallery { visibility: hidden; }
	
	/* GALLERY CONTAINER */
	.gallery { background: #fff; border: 1px solid #333; padding: 10px; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
	/* LOADING BOX */
	.loader {
		background: url(../images/loader.html) center center no-repeat #ddd;
	}
	
	/* GALLERY PANELS */
	.panel {}
	
	/* DEFINE HEIGHT OF PANEL OVERLAY */
	/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
	.panel .panel-overlay,
	.panel .overlay-background {
		height: 25px; 
		padding: 0 10px; 
	} /* Change height to 0 if no captions are required */
	
	/* PANEL OVERLAY BACKGROUND */
	.panel .overlay-background {background: #222;}
	
	/* PANEL OVERLAY CONTENT */
	.panel .panel-overlay {
		color: #fff; 
		font-size: 12px; 
	}
	.panel .panel-overlay a {
		color: white;
		text-decoration: underline;
		font-weight: bold; 
	}
	
	/* FILMSTRIP */
	/* margin will define top/bottom margin in completed gallery */
	.filmstrip {margin: 5px;}
	
	/* FILMSTRIP FRAMES (contains both images and captions) */
	.frame {}
	
	/* WRAPPER FOR FILMSTRIP IMAGES */
	.frame .img_wrap {border: 1px solid #aaa;}
	
	/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
	.frame.current .img_wrap {border-color: #000;}
	
	/* FRAME IMAGES */
	.frame img {border: none;}
	
	/* FRAME CAPTION */
	.frame .caption {
		font-size: 11px; 
		text-align: center; 
		color: #888;
	}
	
	/* CURRENT FRAME CAPTION */
	.frame.current .caption {color: #000;}
	
	/* POINTER FOR CURRENT FRAME */
	.pointer {border-color: #000;}
	
	/* TRANSPARENT BORDER FIX FOR IE6 */
	/* NOTE - DO NOT CHANGE THIS RULE */
	*html .pointer {filter: chroma(color=pink);}

/**************************************/
/*           JQUERY PLUGINS           */
/**************************************/
	/* JQUERY TOOLS ----------------*/
	/* Calendar for <input type="date"/> */
	/* calendar root element */
	input.date {position: relative;}
	#calroot {
		
		top: 0;
		display: block;
		z-index:1000;/* place on top of other elements. set a higher value if nessessary */
		margin-top:-1px;
		width:198px;
		padding: 2px;
		background-color:#fff;
		font-size:11px;
		border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-box-shadow: 0 0 15px #666;
		-webkit-box-shadow: 0 0 15px #666;	
		}
	/* head. contains title, prev/next month controls and possible month/year selectors */
	#calhead {	
		padding:2px 0;
		height:22px;
		} 
	#caltitle {
		font-size:14px;
		color:#0150D1;	
		float:left;
		text-align:center;
		width:155px;
		line-height:20px;
		text-shadow:0 1px 0 #ddd;
		}
	#calnext, #calprev {
		display:block;
		width:18px;
		height:18px;
		background:transparent url(../../sesame_media/images/calendar/prev.png) no-repeat scroll center center;
		float:left;
		cursor:pointer;
		}
	#calnext { background-image:url(../../sesame_media/images/calendar/next.png); float:right;}
	#calprev.caldisabled, #calnext.caldisabled { visibility:hidden;}
	/* year/month selector */
	#caltitle select { font-size:10px;}
	/* names of the days */
	#caldays { height:14px; border-bottom:1px solid #ddd;}
		#caldays span { display:block; float:left; width:28px; text-align:center;}
	/* container for weeks */
	#calweeks { background-color:#fff; margin-top:4px;}
	/* single week */
	.calweek { clear:left; height:22px;}
	/* single day */
	.calweek a {
		display:block;
		float:left;
		width:27px;
		height:20px;
		text-decoration:none;
		font-size:11px;
		margin-left:1px;
		text-align:center;
		line-height:20px;
		color:#666;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;} 
	/* different states */
	.calweek a:hover, .calfocus { background-color:#ddd;}
	/* sunday */
	a.calsun { color:red;}
	/* offmonth day */
	a.caloff { color:#ccc;}
	a.caloff:hover { background-color:rgb(245, 245, 250);}
	/* unselecteble day */
	a.caldisabled { background-color:#efefef !important; color:#ccc	!important;	cursor:default;}
	/* current day */
	#calcurrent {	background-color:#498CE2;	color:#fff;}
	/* today */
	#caltoday { background-color:#333; color:#fff;}	
	
.meet-the-staff p {
	width: 400px;
	float:right;
}

.content-page-img {
    padding: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 5px #777;
}