/* CSS Reset
/* ------------------------------------------------------------------------- */
ul, ol { list-style:none; }
h1, h2, h3, h4, h5, h6, pre, code, td { font-size:1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, label, div, dd, dt, dl, table, tr, td { margin:0; padding:0; }
a img, :link img, :visited img, fieldset { border:none; }

/* global elements
/* ------------------------------------------------------------------------- */
/* ----- type selectors ----- */ 
body {
	background:#0F1941;
	text-align:center;
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#fff;
}
body#insurance {
	background:#0F1941;
	text-align:center;
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 20px 20px 10px 20px;
}
body#insurance p { margin-bottom: 10px; }
blockquote {
	margin-left:10px;
	margin-right:10px;
}
h1			{ font-size:18px; color:#F6B70D; font-weight:bold; }
h2			{ font-size:16px; color:#F6B70D; font-weight:bold; }
h3, p.h3	{ font-size:14px; color:#EFDFB3; font-weight:bold; }
h1 span, h2 span, h3 span { display:none; }
a:link, a:visited { color:#fff; text-decoration:underline; outline:none; font-weight:bold; }
a:hover, a:active { color:#8D99CA; text-decoration:underline; outline:none; font-weight:bold;
}

/* ----- classes ----- */
div.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
}
p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/top.gif") right no-repeat;
	font-size:10px;
}
p.read-more {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/img-read-more.gif") right no-repeat;
	font-size:10px;
}
img.img-left, img.img-right {
	border:solid 2px #fff;
	box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
}
#index img.img-left, #index img.img-right {
	border:none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
img.img-left	{ float:left; margin:5px 8px 5px 0; }
img.img-right	{ float:right; margin:5px 0 5px 8px; }
p.title {
	color:#0B2078;
	font-weight:bold;
}
#column-left .module{margin:0 35px 2em 22px;}
#column-left .module h3{margin:0;}
#column-left .module p{margin:0 0 10px;}

/* ----- global form elements ----- */
form {
	width:170px;
	margin:10px 0 15px 0px;
}
form label {
	font-size:.95em;
	color:#303030;
}
#contact-main-history label {
	width: 320px;
	color: #FFFFFF;
}
input.radio { width: 12px; }
form br {
	line-height:0;
	height:0;
} /* defaults vertical spacing between fields */
input, textarea, select {
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #303030;
	color:#303030;
	width:165px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	;
}
select {
	width:170px;
	padding:0;
} /* same width as form - !important */
textarea {
	height:90px;
	overflow:auto;
}
#contact_business { display: none; } /* do not remove */

/* ----- main contact form ----- */ 
#contact-main {
	margin:20px 0 10px 0;
	padding-right: 30px;
}
body#patient-forms #contact-main label { margin-right: 10px; }
#contact-main label {
	width:180px;
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-size:1.0em;
	color:#FFFFFF;
}
#contact-main label.dir {
	width: 500px;
	text-align:center;
	color: #EFDFB3;
}
#contact-main label input, #contact-main label textarea, #contact-main label select {
	width:150px;
	position:absolute;
	left:110%;
	top:-2px;
}
#contact-main label select { width:155px; }
#contact-main label textarea {
	height:100px;
	overflow:auto;
}

/* ----- submit button form elements ----- */
input.submit, input.submit-contact-main {
	width:69px;
	height:16px;
	cursor:pointer;
	padding:0;
}
input.submit-contact-main { margin:95px 0 0 203px; }
input.submit-contact-insurance { margin:15px 0 0 199px; }
input.submit-image, input.submit-contact-main, input.submit-contact-insurance { /* REMOVE IF NOT USED */
	background:url("../images/btn-submit.jpg");
	width:69px;
	height:16px;
	border:none;
	cursor:pointer;
}

/* framework
 * ------------------------------------------------------------------------- */
#wrap {
	background:url("../images/bg-wrap.gif") repeat-y;
	width:762px;
	margin:0 auto;
	text-align:left;
}
#masthead {
	position:relative;
	background:url("../images/masthead.gif");
	height:73px;
}
	#masthead a {
	position:absolute;
	left:10px;
	width:365px;
	top:10px;
	height:60px;
}
#masthead a span { display:none; }

/* ----- column-left ----- */
#column-left {
	width:251px;
	float:left;
}
#column-left a:link, #column-left a:visited {
	color:#0F1941;
	text-decoration:underline;
	outline:none;
	font-weight:bold;
}
#column-left a:hover, #column-left a:active {
	color:#8D99CA;
	text-decoration:underline;
	outline:none;
	font-weight:bold;
}
#column-left p, #column-left h2 {
	margin:0 35px 10px 22px;
	color:#303030;
	line-height:16px;
}
#column-left p.title {
	color:#0B2078;
	font-weight:bold;
	font-size:13px;
}
#column-left h2, #column-left h3 {
	color:#0B2078;
	font-weight:bold;
}
#column-left hr {
	background-color:#B0B0B0;
	color:#B0B0B0;
	height:3px;
	width:97%;
}
#column-left form { margin-left:0px; }
	#column-left ul.left-links { padding-left:20px; }
#column-left ul.left-links li {
	background:transparent url("../images/top-left.gif") 0px 8px no-repeat;
	padding-left:11px;
}
#column-left ul#related li {
	background:transparent url("../images/top-left.gif") 0px 12px no-repeat;
	padding: 7px 11px;
	font-size:14px;
}

/* ----- column-right ----- */
#column-right {
	width:511px;
	float:left;
}
#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl, .addthis_toolbox { margin:0 40px 10px 35px; }
#column-right form { margin-left:15px; }
	#column-right ul { padding-left:5px; }
#column-right ul li {
	background:transparent url("../images/top.gif") 0px 6px no-repeat;
	padding-left:10px;  /* pushes text to the right to display bg img */
}
	#column-right dl { padding-left:5px; }
#column-right dl dt {
	font-weight:bold;
	color:#99CC00;
}
#column-right dl dd {
	background:transparent url("../images/bullet.jpg") 0px 6px no-repeat;
	padding-left:10px;  /* pushes text to the right to display bg img */
	margin-left:5px;
}
#content-bottom {
	background:url("../images/content-bottom.gif") bottom no-repeat;
	clear:both;
	float: right;
	height:30px;
    width: 511px;
}
#bottom-wrap {
	background:url("../images/bottom-wrap.gif");
	height:23px;
	clear:both;
	width:100%; /* fix for Safar */
}

/* header framework
 * ------------------------------------------------------------------------- */
#header-graphic						{ height:260px; background:url("../images/header-index.jpg"); }
body#index #header-graphic			{ background:url("../images/header-index.jpg"); }
body#about #header-graphic,
body#patient-forms #header-graphic	{ background:url("../images/header-about.jpg"); }
body#technology #header-graphic		{ background:url("../images/header-technology.jpg"); }
body#cosmetic #header-graphic,
body#veneers #header-graphic,
body#invisalign #header-graphic,
body#whitening #header-graphic		{ background:url("../images/header-cosmetic.jpg"); }
body#restorative #header-graphic,
body#implants #header-graphic,
body#crowns #header-graphic,
body#metal-free #header-graphic		{ background:url("../images/header-restorative.jpg"); }
body#contact #header-graphic		{ background:url("../images/header-contact.jpg"); }
body#thankyou #header-graphic		{ background:url("../images/header-index.jpg"); }

/* subhead framework
 * ------------------------------------------------------------------------- */
#subhead { height:81px; } /* sets height for all subheads */
#subhead h1 { display:none; }
body#index #subhead			{ background:url("../images/subhead-welcome.gif"); }
body#about #subhead			{ background:url("../images/subhead-about.gif"); }
body#cosmetic #subhead		{ background:url("../images/subhead-cosmetic.gif"); }
body#veneers #subhead		{ background:url("../images/subhead-veneers.jpg"); }
body#invisalign #subhead	{ background:url("../images/subhead-invisalign.jpg"); }
body#whitening #subhead		{ background:url("../images/subhead-whitening.jpg"); }
body#restorative #subhead	{ background:url("../images/subhead-restorative.gif"); }
body#implants #subhead		{ background:url("../images/subhead-implants.jpg"); }
body#crowns #subhead		{ background:url("../images/subhead-crowns.jpg"); }
body#metal-free #subhead	{ background:url("../images/subhead-metal-free.jpg"); }
body#technology #subhead	{ background:url("../images/subhead-technology.gif"); }
body#contact #subhead		{ background:url("../images/subhead-contact.gif"); }
body#sitemap #subhead		{ background:url("../images/subhead-sitemap.jpg"); }
body#thankyou #subhead		{ background:url("../images/subhead-thankyou.gif"); }
body#patient-forms #subhead	{ background:url("../images/subhead-patient-forms.gif"); }
body#periodontal #subhead	{ background:url("../images/subhead-periodontal.jpg"); }

/* ----- subhead framework with varying heights ----- */
#subhead-location		{ padding-top:41px; background:url("../images/subhead-location.gif") no-repeat; }
#subhead-quick-contact	{ padding-top:48px; background:url("../images/subhead-quick-contact.gif") no-repeat; }
#subhead-locate			{ padding-top:61px; background:url("../images/subhead-locate.gif") no-repeat; }
#subhead-featured		{ padding-top:84px; background:url("../images/subhead-featured.gif") 0 -5px no-repeat; }
#title-patient-forms	{ padding-top:61px; background:url("../images/title-patient-forms.gif") top no-repeat; margin-top: 30px; }

/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:762px;
	margin:0 auto;
	text-align:center;
	background:#1F3282 url("../images/footer-bg.gif") no-repeat;
	padding-bottom: 10px;
}
#footer p {
	color:#fff;
	padding-bottom:10px;
	line-height: 16px;
	margin:0 10px;
}
#footer-1, #footer-2, #footer-3 {
	float:left;
	width:240px;
	text-align:left;
	margin-left:10px;
}
#footer a:link, #footer a:visited { color:#fff; }
#footer a:hover, #footer a:active { color:#8D99CA; }
#footer ul {
	margin-top:0px;
	padding-bottom:5px;
}
#footer li			{ padding:0 5px 0 7px; }
#footer li.first	{ border-bottom: 5px #f6b70d solid; }
#nav {
	background:url("../images/nav.gif") no-repeat;
	margin: 0 0 0 4px;
    padding: 0;
    width: 239px;
}
#nav li {
	list-style:none;
}
#column-left #nav li a {
	background:#ebebeb url("../images/nav.gif") 20px 0 no-repeat;
	border-bottom:solid 2px #fff;
	border-top:solid 6px #b0b0b0;
	display:block;
	font-size:13px;
	overflow:hidden;
	padding:13px 0;
	text-decoration:none;
	text-indent:40px;
	text-transform:uppercase;
	white-space:nowrap;
}
#column-left #nav li a:hover,
#column-left #nav li a:active		{ background:#949292 url("../images/nav.gif") 20px -50px no-repeat; border-top: solid 6px #716f6f; color:#fff; }
#column-left #nav li li a			{ background:#ebebeb url("../images/nav.gif") 40px -100px no-repeat; text-indent:60px; }
#column-left #nav li li a:hover		{ background:#b0b0b0 url("../images/nav.gif") 40px -150px no-repeat; color:#fff; }
#BookAnAppointment {
	position: relative;
	left: 515px;
	top: 10px;
}

h2#galleryHeader{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:-2px;
	font-weight: lighter;
	font-size: 20px;
}

div#galleryLink{
	position: relative;
	left: 40px;
    background: url('http://www.downtowndentist.com/images/bna/thumb_05.jpg');	
    width: 150px;
	height: 81px;
	margin-bottom: 10px;
}
div#galleryLink a{	
	display: inline-block;
    width: 150px;
	height: 81px;
}

/* =============== */
/* = Blog Ticker = */
/* =============== */
.newsticker-jcarousellite { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #303030; line-height: 1.5em; }
.newsticker-jcarousellite li{ background:#EBEBEB; display:block; list-style:none; overflow: hidden; padding:5px 10px 10px; }
.newsticker-jcarousellite li.odd { background:#fff; }
.newsticker-jcarousellite li span{ display:block; }
.newsticker-jcarousellite li span.blogDate { color:#888; font-size: 0.8em; }
.newsticker-jcarousellite li span.blogTitle { font-size: 1.2em; font-weight:bold; height: 1.5em; overflow: hidden; }
.newsticker-jcarousellite li span.blogPost { height: 4em; overflow: hidden; }
.newsticker-jcarousellite li a { display:block; float:right; }