/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* BEGIN: STANDARD ELEMENTS
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */

@import "slideshow.css";

body
{
	margin: 0;
	background-color: #45c0cd; /*Enter Background Color*/
	background-image: url(images/bg_main.gif);
	background-repeat: repeat;
	/*background-image: url(images/bgMain.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;*/
	color: #000000; /*Enter Text Color*/
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif; /*Enter Text Font*/
	font-size: 12px; /*Enter Text Font Size*/
}

h1
{
	margin: 25px auto 0 auto;
	font-family: "Centurey Gothic", Tahoma, "Trebuchet MS", Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

h2
{
	margin: 0px 0px 30px 0px;
	font-family: "Centurey Gothic", Tahoma, "Trebuchet MS", Arial;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}

h3
{
	margin: 0;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #242E6C;
}

p
{
	margin: 0 0 18px 0;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
}

a
{
	color: #242E6C;
	text-decoration: none;
}

a:hover
{
	color: #45C0CD;
	text-decoration: underline;
}
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* END: STANDARD ELEMENTS
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */



/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* BEGIN: MAIN FRAMEWORK
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/*** Contain ***/
#contain
{
	margin: 5px auto 5px auto;
	border: 0px;
	padding: 0px;
	width: 906px;
	background-color: #transparent;
}

/*** Header ***/
#head
{
	width: 906px;
	height: 195px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	clear: both;
}

/*** Menu ***/
#menu
{
	margin: 0px;
	padding: 0px;
	width: 900px;
	background-color: #transparent;
	border: #1246ac 3px solid;
	clear: both;
}

/*** Content ***/
#contentContainer
{
	width: 900px;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border-left: #1246ac 3px solid;
	border-right: #1246ac 3px solid;
}

#content
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background-color: #ffffff;
}

#contentLeft
{
	float: left;
	display: inline;
	width: 515px;
	margin: 0px;
	padding: 7px;
	background-color: #ffffff;
}

#contentRight
{
	float: right;
	display: inline;
	width: 345px;
	background-color: #ffffff;
}

#contentRight h2
{
	font-family:"Palatino Linotype", "Times New Roman", Times, Arial;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	color: #5b3714;
	margin-bottom: 2px;
}

#contentRight .specialImage img 
{
	margin: 0px 0 10px 50px;
	padding: 0px;
	border: #5f2472 1px solid;
}

/*** LEFT CONTENT ***/
#largeImage
{
	border: 0px;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#contentLeft h3
{
	margin: 0 0 3px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: left;
	color: #ffffff;
}

#sideNav
{
	margin: 0 20px 0 20px;
	width: 303px;
	position: relative;
	top: -20px;
	background-color: #ffffff;
	border: 1px solid #d0a8f3;
	text-align: center;
}

#sideNav ul
{
	margin: 0;
	padding: 5px;
	list-style: none;
	font-size: 11px;
}

#sideNav ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}

/*** BOTTOM CONTENT ***/
/*** Tag ***/
#tagBar
{
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-color: #45c0cd;
	background-image: url(images/tagBG.gif);
	background-repeat: repeat-x;
	border: #1246AC 3px solid;
	text-align: center;
	clear: both;
}

#tag
{
	width: 890px;
	margin: 1px 0px 0px 0px;
	padding: 5px 1px 3px 1px;
	background-color: transparent;
}

#tag p.left
{
	margin: 0px 10px 0px 2px;
	padding: 0px;
	float: left;
	display: inline;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #242E6C;
}

#tag p.right
{
	margin: 0px 2px 0px 10px;
	padding: 0px;
	float: right;
	display: inline;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #242E6C;
}

#tag p.right a
{
	color: #5f2472;
	text-decoration: none;
}

#tag p.right a:hover
{
	color: #5f2472;
	text-decoration: underline;
}

/*** Footer ***/
#foot
{
	margin: 0px auto 25px auto;
	padding: 0px;
	width: 906px;
	height: 128px;
	text-align: center;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #d0a8f3;
	display: block;
}

#foot ul
{
	margin: 0px 0px 12px 0px;
	padding: 27px 0px 5px 0px;
	list-style: none;
	font-size: 11px;
}

#foot ul li
{
	display: inline;
	margin: 0px;
	padding: 0;
}

#foot ul li a
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 6px 0px 4px;
	color: #ffffff;
	text-decoration: none;
}

#foot ul li a:hover
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 6px 0px 4px;
	color: #45C0CD;
	text-decoration: underline;
}

#foot p
{
	margin: 0px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	font-weight: normal;
	line-height: 125%;
	color: #e0ccf2;
}

#pageBottom
{
	width: 905px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	clear: both;
}

#pageBottom img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* END: MAIN FRAMEWORK
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */



/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* BEGIN: COMMONLY USED CLASSES
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
div.clear
{
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

#listPage
{
	/*height: 419px; Adjust based on longest page*/
}

/** Home Content **/
#stdPage
{
	background-color: #ffffff;
	margin: 15px 0px 0px 0px;
}

#stdPage img
{
	margin: 5px 12px 5px 2px;
	border: 1px solid #5f2472;
}

#stdPage p
{
	padding: 0px 3px 0px 3px;
	text-align: justify;
}

#stdPage h3
{
	margin: 0px 0px 10px 0px;
	color: #ffffff;
}

h2.stdPage
{
	font-family: "Centurey Gothic", Tahoma, "Trebuchet MS", Arial;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	margin: 10px 0px 10px 0px;
	color: #242E6C;
}

#stdPage p.pageBottomLinks
{
	text-align: center;
	margin: 35px 0px 10px 0px;
	padding: 0px;
	border: 0px;
}

.stdImage
{
	margin: 7px 7px 5px 7px;
	padding: 0px;
	border: #5f2472 1px solid;
}
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* END: COMMONLY USED CLASSES
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */




/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* BEGIN: SPECIFIC PAGES
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/*** Home Page ***/
#largeImage img.homeIMG
{
	border-bottom: 1px solid #7B6D4D;
}

/** Contact Form **/
#contactForm
{
	width: 345px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #ffffff;
}

#formContents
{
	width: 295px;
	margin: 0px 0px 15px 26px;
}

#formContents table
{
	width: 295px;
	padding: 0px;
}

#formContents td
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

#formContents form
{
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#formContents input
{
	width: 245px;
	color: #000000;
	border: #93abb8 1px solid;
	margin: 0px;
}

#formContents textarea
{
	width: 295px;
	color: #000000;
	border: #93abb8 1px solid;
	margin: -6px 0px 0px 0px;
}

#formContents input.submit
{
	width: 112px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#largeImage h3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #5b3714;
}

#largeImage table
{
	margin: 12px;
	width: 310px;
}

#largeImage table th
{
	text-align: left;
}

#largeImage table td
{
	padding: 1px;
	vertical-align: bottom;
}

#largeImage input, #largeImage textarea
{
	margin: 3px 0px 3px 0px;
	padding: 3px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #5b3714;
	background-color: #ffffff;
	border: 1px solid #5b3714;
}

#largeImage .submit input
{
	margin: 0 0 1px 10px;
	padding: 3px 0 3px 0;
	width: 60px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #697b5b;
	border: 1px solid #5b3714;
}


/** Services **/
#homeServices
{
	margin: 15px 15px 0 0;
	padding: 12px;
	border: 1px solid #7B6D4D;
	font-size: 13px;
	font-weight: bold;
	background-color: #201C1B;
}

#homeServices ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#homeServices ul li
{
	margin: 7px 0 0 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #C1B483;
}

p.small {
	font-size: 10px;
	width: 450px;
	margin: 0 auto 24px auto;
}

div.oraverse {
	width: 450px;
	margin: 0 auto;
}

.ddsStore {
  margin: 0px 0px 10px 21px;
  text-align: center;
}

/** Links **/
#homeLinks
{
	margin: 15px 15px 0 0;
	padding: 12px;
	font-size: 13px;
	font-weight: bold;
}

#homeLinks ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#homeLinks ul li
{
	margin: 3px 0 0 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #C1B483;
}

/** Home Content **/
h2.homeTitle
{
	font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Times;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	margin: 10px 0px 10px 0px;
	color: #242e6c;
}

#home
{
	background-color: #ffffff;
	margin: 15px 0px 0px 0px;
}

#home p
{
	padding: 0px 3px 0px 3px;
	text-align: justify;
}

#home h3
{
	margin: 0px 0px 10px 0px;
	color: #ffffff;
}

#home div.categories
{
	/*background-image: url(images/tagBG.gif);
	background-repeat: repeat;*/
	margin: 0px 0px 18px 0px;
	padding: 7px;
	width: 460px;
	background-color: #bad4fa;
}

#home div.categories h3
{
	font-family: "Century Gothic", Tahoma, Verdana, Arial;
	font-weight: bold;
	font-size: 17px;
	height: 16px;
	color: #242E6C;
}

#home div.categories a:link, #home div.categories a:visited, #home div.categories a:active
{
	color: #242E6C;
	text-decoration: none;
}

#home div.categories a:hover
{
	color: #45C0CD;
	text-decoration: underline;
}

#home div.categories img
{
	float: left;
	display: inline;
	border: 1px solid #ffffff;
}

#home div.categories p
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 100%;
	color: #000000;
	float: right;
	display: inline;
	margin: 4px 0px 4px 0px;
	padding: 0px;
	width: 395px;
}

#home div.categories p.read 
{
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	line-height: 100%;
	color: #5f2372;
	text-align: right;
}

#home p.homeLogo
{
	margin:  100px auto 18px auto;
	text-align: center;
}

#home p.signature
{
	font-family: "Times New Roman", Times, Arial;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	text-align: right;
	color: #008c98;
}

.homeBox
{
	width: 491px;
	margin: 10px 0px 15px 7px;
	padding: 0px;
	background-color: #BAD4FA;
}

.homeBoxTop
{
	background-image: url(images/home/highlights/boxTop.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 22px;
}

.homeBoxBottom
{
	background-image: url(images/home/highlights/boxBottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	/*background-color: #C6DDF1;*/
}

#home .socialIcons img {
	margin: 0 20px 20px 0;
	border: none;
	text-align: center;
}

/*** About Our Practice ***/
#about
{
	padding-bottom: 150px; /*Adjust  text length*/
}

/*** Meet Our Team ***/
#staff {
}

#staff stdImage 
{
	margin: 0px 7px 10px 7px;
	padding: 0px;
	border: #5f2472 1px solid;
}

#staff h2
{
	margin: 0px 0px 10px 0px;
	font-family: "Centurey Gothic", Tahoma, "Trebuchet MS", Arial;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}
	

/*** Services Provided ***/
#services
{
	padding-bottom: 150px; /*Adjust with text length*/
}

#services .procImages img {
	margin: 0 20px 20px 0;
	border: 1px solid #5d3916;
}

/*** Dental Implants ***/
#implants
{
	padding-bottom: 150px;
}

#implants .procImages img
{
	margin: 0 20px 20px 0;
	border: 1px solid #C1B483;
}

#implants .implantVid
{
	width: 200px;
	text-align: center;
}

/*** Smile Gallery ***/
#gallery {}

#flashGallery
{
	position: relative;
	top: -5px;
}

/*** Forms ***/
#forms h3
{
	margin: 0 0 15px 0;
	padding: 10px 0 0 0;
}

#forms img
{
	margin: 40px 0 0 0;
}

/*** Contact ***/
#contact
{
	height: 400px; /*Adjust based on text length */
}

/*** Site Map ***/
#sitemap
{
	padding-left: 20px;
}

/*** New Patients ***/
#newLeftImage
{
	border: 0px;
	background-color: #ffffff;
}

#newLeftImage h3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	color: #5b3714;
}

#newLeftImage table
{
	margin: 12px;
	width: 310px;
}

#newLeftImage table th
{
	text-align: left;
}

#newLeftImage table td
{
	padding: 1px;
	vertical-align: bottom;
}

#newLeftImage input, #newLeftImage textarea
{
	margin: 3px 0px 3px 0px;
	padding: 3px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #5b3714;
	background-color: #ffffff;
	border: 1px solid #5b3714;
}

#newLeftImage .submit input
{
	margin: 0 0 1px 10px;
	padding: 3px 0 3px 0;
	width: 60px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #697b5b;
	border: 1px solid #5b3714;
}

#npSpecialBody
{
	width: 343px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(images/new/np_main_bg.jpg);
	background-repeat: repeat-y;
}

#npSpecialBody img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#npSpecialBody p
{
	width: 310px;
	margin: 10px 20px 0px 12px;
	padding: 0px;
	font-size: 11px;
}

.npSpecialTitle
{
	color: #54391f;
	font-weight: bold;
	font-size: 11px;
}

#npSpecialFooter
{
	width: 343px;
	height: 8px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 0px;
	background-image: url(images/new/np_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
}


/*** Invisalign ***/

#invisalign {
}

#invisalign .specialImg
{
	margin: 0 0 15px 0;
	border: 0px;
}

/*** Office Tour ***/
#officetour {
	padding-bottom: 71px; /*Adjust  text length*/
}

a.show, a.show:visited {
	display:block;
	display:inline-block;
	color:#000;
	text-decoration:none;
	border:1px solid #163a6a;
	width:45px;
	height:45px;
	float:left;
	margin:4px;
	z-index:50;
}

a.slidea {background:url(images/tour/thumbs/pic1.jpg);}
a.slideb {background:url(images/tour/thumbs/pic2.jpg);}
a.slidec {background:url(images/tour/thumbs/pic3.jpg);}
a.slided {background:url(images/tour/thumbs/pic4.jpg);}
a.show em, a.show span {display:none;}
a.show:hover {border:1px solid #0088ce;}


/*** styling for LEFT gallery ***/
#container_left {
	position:relative;
	width:448px; height:305px;
	background:#f7f7f5;
	border:1px solid #0a3b77;
	margin:1em auto;
}

#container_left img {
	border:0;
}

#container_left .thumbs {
	width:112px;
	position:absolute;
	left:0; top:0;
}

#container_left a.show:hover span {
	display:block;
	position:absolute;
	width:250px; height:50px;
	top:265px; left:175px;
	padding:5px;
	font-style:italic;
	color:#fff;
	z-index:100;
}

#container_left a.show:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
}

#container_left a.show:active, #container_left a.show:focus {
	border:1px solid #000;
}

#container_left a.show:active em, #container_left a.show:focus em {
	display:block;
	position:absolute;
	width:240px; height:240px;
	top:5px; left:180px;
	padding:5px;
	color:#000;
	border:1px solid #0a3b77; z-index:50;
}

#container_left h1 {
	clear:both;
	padding-top:80px;
	margin-left:100px;
	width:300px;
	text-align:center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:3em;
	font-weight:normal;
	color:#163a6a;
}
#container_left h1 em {
	font-size:0.6em;
	color:#163a6a;
}


/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */
/* END: SPECIFIC PAGES
/* ~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~%~ */