﻿h1 span, span {
	padding: 0; margin: 0;
	display: none;}
/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: #ACD4E3 url("../images/index/wrapper_bkgrnd.jpg") top left repeat-x;
	background-color: #FFFFCB;
}
p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #8B0B08;
	line-height: 16px;
}
a img, :link img, :visited img {
	border: none;
}
a:link,
a:visited	{color:#744F18;text-decoration:underline;}
a:hover,
a:active	{color:#FF6600;text-decoration:underline;}

h2, h3, h4 {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #EC672E;
	line-height: 16px;
}
a img, :link img, :visited img {
	border: none;
}
a:link, a:visited {
	color: #744F18;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF6600;
	text-decoration: underline;
}
li { 
	color: #744F18;
}
ul {
	margin: 0px 0 20px 10px;
	padding: 0 0 0 5px;
}
/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	background: url(../images/index/table_bkgrnd.jpg) left top repeat-y;
	overflow: hidden;
	width: 760px;
	margin: 0 auto;
}
#sub-wrapper {
	background: url(../images/sub/sub_bkgrnd.jpg) left top repeat-y;
	overflow: hidden;
	width: 760px;
	margin: 0 auto;
}
/*--------------- Nav ---------------------------------------*/
   #nav {
	width: 760px;
	height: 28px;
	background: url(../images/index/nav01.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0;
	float: left;
}
   #nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px;}
   #nav li, #nav a {
    height: 28px; display: block;
	line-height: 28px; text-align: center;}

   #nav01 {left:  27px; width:   80px;}
   #nav02 {left:  107px; width:  182px;}
   #nav03 {left: 289px; width:  169px;}
   #nav04 {left: 458px; width:  130px;}
   #nav05 {left: 588px; width:  129px;}

   #nav01 a:hover {background: transparent url(../images/index/nav01.jpg) -27px   -28px; background-repeat:no-repeat;}
   #nav02 a:hover {background: transparent url(../images/index/nav01.jpg) -107px  -28px; background-repeat:no-repeat;}
   #nav03 a:hover {background: transparent url(../images/index/nav01.jpg) -289px  -28px; background-repeat:no-repeat;}
   #nav04 a:hover {background: transparent url(../images/index/nav01.jpg) -458px  -28px; background-repeat:no-repeat;}
   #nav05 a:hover {background: transparent url(../images/index/nav01.jpg) -588px  -28px; background-repeat:no-repeat;}

/* structure elements
 * ------------------------------------------------------------------------------------- */
#main-container {
	background: url(../images/index/image_footer.jpg) bottom left  no-repeat;
	width: 760px;
	margin: 0 auto;
	float: left;
}

#left-column	{float:left;margin:0 auto;width:210px;}
#middle-column	{float:left;width:336px;}
#right-column	{float:left;margin:0 auto;width:214px;}


#left-column-p { padding: 69px 37px 0px 43px;}
#contact-p { padding: 69px 37px 0px 0px;}
#intro-p { padding: 94px 37px 10px 27px;}
#intro02-p { padding: 55px 37px 10px 27px;}

/* content
 * ------------------------------------------------------------------------------------- */
#masthead				{background:url(../images/index/masthead.jpg) left top no-repeat;width:760px;height:265px;float:left;}
#masthead_index {
  width: 760px;
  height: 265px;
  float: left;
  position:relative;
}

/* tabs (those little circles below slides) */
.header-slideshow {
	clear:both;
	position:absolute;
	bottom:5px;
	right:345px;
}

/* single tab */
.header-slideshow a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url('http://d30mo6i91aesjd.cloudfront.net/d/drrapisarda/navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.header-slideshow a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.header-slideshow a.current {
	background-position:0 -16px;     
}

#masthead_index img
{
  position:absolute;
  top:0;
  left:0;
}

#masthead_about			{background:url(../images/index/masthead01.jpg) left top no-repeat;width:760px;height:265px;float:left;}
#masthead_doctor		{background:url(../images/index/masthead05.jpg) left top no-repeat;width:760px;height:265px;float:left;}
#masthead_procedures	{background:url(../images/index/masthead03.jpg) left top no-repeat;width:760px;height:265px;float:left;}
#masthead_contact		{background:url(../images/index/masthead04.jpg) left top no-repeat;width:760px;height:265px;float:left;}
#contact-hd				{background:url(../images/index/qcontact_hd.jpg) left top no-repeat;width:214px;float:left;padding-top:65px;}
#contact-hd p			{padding:0 25px 0 33px;}
#procedures-hd			{background:url(../images/index/procedures_hd.jpg) left top no-repeat;width:210px;float:left;}
#excellence-hd			{background:url(../images/index/excellence_hd.jpg) left top no-repeat;width:336px;float:left;clear:both;}
#whitening-hd			{background:url(../images/index/whitening_hd.jpg) left top no-repeat;width:336px;float:left;}
#white-bk				{background:url(../images/index/whitening_bkgrnd.jpg) left top repeat-y;}

/* sub content
 * ------------------------------------------------------------------------------------- */
 #sub-main-container {
	background: url(../images/sub/qcontact_footer.jpg) bottom right no-repeat;
	width: 760px;
	margin: 0 auto;
	float: left;
}
 #sub-left-column {
	float: left;
	margin: 0 auto;
	width: 546px;
}
#sub-right-column {
	width: 214px;
	margin: 0 auto;
	float: left;
}
#sub-right-column p, form, .module { padding: 0 25px 0 33px;}

#dental-hd			{background:url(../images/sub/dental_hd.jpg) left top no-repeat;width:546px;float:left;}
#about-hd			{background:url(../images/sub/about_hd.jpg) left top no-repeat;width:546px;float:left;}
#maincontact-hd		{background:url(../images/sub/main_contact_hd.jpg) left top no-repeat;width:546px;float:left;}
#doctor-hd			{background:url(../images/sub/meet_hd.jpg) left top no-repeat;width:546px;float:left;}
#gallery-hd			{background:url(../images/sub/gallery_hd.jpg) left top no-repeat;width:546px;float:left;}
#sitemap-hd			{background:url(../images/sub/sitemap_hd.jpg) left top no-repeat;width:546px;float:left;}
#sub-page-footer	{background:url(../images/sub/footer.jpg) left top no-repeat;width:760px;height:65px;float:left;clear:both;}
#sub-contact-hd		{background:url(../images/index/qcontact_hd.jpg) left top no-repeat;width:214px;height:94px;float:left;}
#map-hd				{background:url(../images/sub/map_hd.jpg) left top no-repeat;width:214px;height:94px;}
#blog-hd			{background:url(../images/sub/blog_hd.jpg) 0 -1px no-repeat;min-height: 540px;width:546px;}

#subp { padding: 65px 35px 10px 55px;}
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/index/footer.jpg) left top no-repeat;
	width: 760px;
	height: 65px;
	float: left;
	clear: both;
}
#footer {
	width: 760px;
	text-align: center;
	clear: both;
	float: left;
	background-color: #FFFFCB;
	
}
#footer p { 
	margin-top: 1px;
	font-size: 11px;
	color: #744F18;
}
#footer ul { 
	margin-top: 5px;
}
#footer li { 
	margin: 0px;
	padding: 0px;
	display: inline;
	color: #256F8C;
	font-size: 11px;
	}
#footer a:link,
#footer a:visited	{color:#F27137;text-decoration:none;}
#footer a:hover,
#footer a:active	{color:#96232A;text-decoration:underline;}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 .pic-float-right {
	float: right;
	margin-top: 60px;
	margin-right: 10px;
}
 .pic-float-right02 {
	float: right;
	margin-top: 80px;
	margin-right: 10px;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #744F18;
	border: 1px solid #AB6B4E;
	background-color: #FFFFCC;
}
.quickcontact {
	width: 130px;
}
.SubmitButtonHover {
	background-color: #FF9900;
	color: #FFFFCB;
	cursor: pointer;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #AB6B4E;
	}
.SubmitButton {
	background-color: #FFFFCC;
	color: #744F18;
	cursor: pointer;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #AB6B4E;
	}
#contact_business { display: none; } /* do not remove */ 
.top {
	background: url(../images/index/back_top.jpg) right top no-repeat;
	display: block;
	font-size: 10px;
	text-align:right;
	padding: 0 25px 0 0;
}
.ylw { color:#FFFFCB; padding-top: 60px;}
div.clear {
	clear: both;
}

/* =============== */
/* = Blog Ticker = */
/* =============== */
h3#news{
	color: #AD714D;
    font-family: Lucida Grande;
    font-size: 1.3em;
    font-weight: normal;
    margin: 25px 0 10px 25px;
    text-shadow: 4px 4px 3px #aaa;
    text-transform: uppercase;
}
.newsticker-jcarousellite{
	margin: 0 30px 25px 25px;
}
ul#blogPost{
	margin:0;
	padding:0;
}
ul#blogPost li {
	background-image: none;
	list-style:none;
	margin: 0;
	padding: 0 0 20px;
}
ul#blogPost li p {
	margin: 0;
	padding: 0;
}
.blogDate {
	color: #659FBD;
	font-size: 9pt;
	line-height: 16px;
}
.blogTitle {
	color: #8B0B08;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 2.6em;
    overflow: hidden;
}

/* ======== */
/* = Blog = */
/* ======== */
.post{
	margin:0 0 3em;
}
.addthis_toolbox{
	float:right;
}
.module{
	margin-bottom:1em;
}
