/**** Begin Basic Framework - Be careful making changes to this section *****/
/*Only Change Marked Elements*/

body
{
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%;
	max-height: 100%;
	/*background-image: url(images/bkground.jpg);
	background-position: 170px 20px;
	background-repeat: no-repeat;*/
	background-color: #d0dadc; /*Enter Background Color*/
	font-family: Arial, Helvetica, sans-serif; /*Enter Text Font*/
	font-size: 15px; /*Enter Text Font Size*/
	overflow: hidden; 
}

/*** Elements ***/
h1
{
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #68b6dd;
}



h2 {

	margin: 0px 0px 10px 0px;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	

	color: Black;

}



p {

	margin: 0px 0px 10px 0px;

	font-family: Arial, Helvetica, sans-serif; /*Same as in body*/
	font-size: 15px; /*Same as in body*/
	font-weight: normal;

	text-align: left;

}



a {
	color: #404040;
	text-decoration: none;
	font-weight: bold;
}



a:hover, a:active {
	color: #68b6dd;
}





/*** Header ***/



/*Only Change Marked Elements*/
#header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 152px; /*Enter Header Height*/
	overflow: hidden;
	/*background-image: url(images/headerBG.jpg);
	background-position: 170px 20px;
	background-repeat: no-repeat;*/
	background-color: #b5d1dc;
	z-index: 4;
}



/** If Using Flash Header - Wrap this DIV around Flash **/

#flashHeader {

	float: left;

	display: inline;

	margin-right: 101px;

}







/** If Using Static Header - Only need to add IMG **/

/*Only Change Marked Elements*/

#header .headerIMG {

	height: 152px; /*Change Header IMG height: Note Image Height 3px less than DIV height*/

}

#doctorLink {
	background: url('images/corner.jpg') no-repeat top right;
}

#doctorLink a	{
	text-decoration: none;
	display: block;
	height: 152px;
	text-indent: -9999px;
}





/*** Footer ***/



/*Only Change Marked Elements*/

#footer {

	position: absolute;

	bottom: 0;

	left: 0;

	

	width: 100%;

	height: 75px; /*Enter Footer Height*/

	

	overflow: hidden;

	

	/*background: #F5DEB3;*/ /*Same as Body*/

	

	z-index: 2;

}



/*Only Change Marked Elements*/

#footBlock {

	margin-left: 213px;

/*	background-color: #F5DEB3;*/ /*Enter Footer Color*/

}



/*Only Change Marked Elements*/

div.footBar {

	line-height: 7px; /*Enter Bar Height*/

	font-size: 1px;

	height: 7px; /*Enter Bar Height*/

	background-color: #b5d1dc; /*Enter Bar Color*/

}



#footBlock .slogan {

	margin: 0px 0px 0px 10px;

	padding: 5px 0px 5px 0px;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	

	text-align: left;

	

	color: #404040; /*Enter Slogan Color*/

}



#footBlock .info {

	margin: 7px 0px 0px 10px;

	

	font-size: 11px;

	font-weight: bold;

	

	text-align: center;

	

	color: #404040;

}



#footBlock .info img {

	vertical-align: middle;

}





/*** Contain ***/



/*Only Change Marked Elements*/

#contain {

	position: fixed;

	top: 152px; /*Enter Header Height*/

	left: 0;

	bottom: 75px; /*Enter Footer Height*/

	right: 0;

	

	overflow: auto;

	

	z-index: 1;

}



/** for internet explorer **/



/*Only Change Marked Elements*/

* html body {

	padding: 152px 0 75px 0; /*Enter Header and Footer Height*/

}



* html #contain {

	height: 100%;

	width: 100%;

}





/*** Menu ***/



/*Only Change Marked Elements*/

#navigation {

	position: absolute;

	left: 0;

	top: 152px; /*Enter Header Height*/

	

	width: 205px;

	

	z-index: 3;

}



#navigation .address {

	margin: -8px 0 14px 0;;

	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	

	color: #404040; /*Enter Address Color*/

	

	text-align: center;

}



/** Contact Form **/



#contactForm {

	margin: 0px 10px 0px 10px;

	padding: 5px 5px 5px 5px;

	

	/*background-color: #9f9f9f;

	

	border: 1px solid #000000;*/

}



#contactForm p {

	margin-bottom: 3px;

	

	font-size: 11px;

	font-weight: bold;

	

	color: #404040;

}



#contactForm form {

	margin: 0;

}



#contactForm input, #contactForm textarea {

	color: #000000;

	/*background: #ffffa0;*/

	border: 1px solid #9f9f9f;

}



#contactForm .submit input {

	margin-right: 5px;

	font-size: 11px;

	font-weight: bold;

	

	color: #404040;

	background-color: #B5D1DC;

	border: 1px outset #9f9f9f;

}



#contactForm .alignRight {

	padding-right: 1px;

	text-align: right;

}



/** If Using Dynamic Menu - Wrap this DIV around it**/

#menu {

	margin: 18px 0px 20px 10px;

}



/** If Using Non-Dynamic Menu - Only use UL**/

#plainMenu {

	margin: 20px 10px 20px 10px;

	padding: 10px;

	

	list-style: none;

	

	background-color: #ffffff; /*Enter Menu Color*/

	

	border: 1px solid White; /*Enter Menu Border Color*/

}



#plainMenu a {

	font-size: 12px;

	font-weight: bold;

	

	line-height: 21px;

	

	color: White; /*Enter Menu Link Color*/

	

	text-decoration: none;

}



#plainMenu a:hover, #plainMenu a:active {

	color: #404040; /*Enter Menu Link Hover Color*/

}





/*** Page Title ***/



#pageTitle {

	display: block;

	padding: 18px 10px 10px 223px;

	clear: both;

}





/*** Content ***/



#content {

	display: block;

	padding: 0px 10px 0px 223px;

}





/*** Bottom Navigation & Taglines ***/



#tag {

	display: block;

	padding: 30px 10px 5px 223px;

	

	text-align: center;

	clear: both;

}



#tag ul {

	margin: 0;

	padding: 0px 0px 5px 0px;

	

	list-style: none;

	

	font-size: 11px;

}



#tag ul li {

	display: inline;

	margin: 0;

	padding: 0;

}



#tag ul li a {

	padding: 0px 6px 0px 4px;

}



#tag p {

	margin: 0px 0px 0px 0px;

	font-size: 9px;

	text-align: center;

	color: #404040;

}





/***** End Basic Frame Work *****/







/***** Start General Elements *****/



.clear {

	clear: both;

}





/***** End General Elements *****/







/***** Start Page Layouts *****/





/*** Home ***/



#home {

	padding-top: 18px;

	text-align: left;

}



#homeImages img {

	margin-bottom: 20px;

	border: 1px solid #000000; /*Enter Border Color*/

}



#homeImages {

	text-align: center;

}



#homeImages .leftIMG {

	float:left;

	display: inline;

	margin: 0;

}



#homeImages .rightIMG {

	float: right;

	display: inline;

	margin: 0;

}



#homeImages .centerIMG {

	margin-left: 5px;

	margin-right: 5px;

}



#homeText .signature {

	font-family: Academy,Times New Roman,Times,serif;

	font-size: 18px;

	text-align: right;

}





/*** Page with list of subpages ***/



#listPage ul {

	list-style: square;

}





/***** End Page Layouts *****/







/***** Start Code for Specific Pages *****/





/*** About Our Practice ***/



#about img {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}

#about a {
    color: #68B6DD;
    text-decoration: underline;
}



#about .flashImage {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}





/*** Meet the Doctor ***/



#doctor img {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}





/*** Meet Our Dental Team ***/



.staffIntro {

	/*padding-bottom: 56px;*//*Add only for short content, adjust depending on length*/

}



#staff img {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}



#staff img {

	margin-bottom: 10px;/*Add only for short content, adjust depending on length*/

}





/*** Services Provided ***/



/*#services .procImages {

	float: left;

	display: inline;

	

	margin-right: 10px;

	border: 1px solid Black;

}*/



#services .procImages {

	float: left;

	display: inline;

}



#services .procImages img {

	margin-right: 10px;

	border: 1px solid Black;

}





/*** Bleaching ***/



#bleaching .procImages {

	margin-bottom: 10px;

}



#bleaching .procImages img {

	margin-right: 10px;

	border: 1px solid Black;

}



#bleaching .implantVid {

	width: 200px;

	text-align: center;

}





/*** Implant Dentistry ***/



/*#implants img {

	float: left;

	display: inline;

	margin: 0px 10px 10px 0px;

	border: 1px solid Black;

}*/



#implants {

	

}



#implants .procImages {

	float: right;

	display: inline;

	margin: 10px 0px 0px 0px;

	clear: both;

}



#implants .procImages img {

	margin: 0px 10px 0px 10px;

	border: 1px solid #000000;

}



#implants .flashElement {

	float: right;

	display: inline;

	margin: 20px 10px 30px 10px;

	

	border: 1px solid #000000;

}



#implantVideo {

	float: right;

	display: inline;

	position: relative;

	top: 0px; right: 15px;

}





/*** Smile Gallery ***/



#gallery {

	text-align: center;

}



#gallery table {

	margin: 0 auto;

}



#gallery td {

	width: 275px;

	text-align: center;

}



#gallery td p {

	font-weight: bold;

	text-align: center;

}



#gallery img {

	margin: 10px 0px 10px 0px;

}





/*** Patient Forms ****/



#formTable {

	width: 500px;

}



#formTable th {

	text-align: left;

}



#formTable td {

	width: 250px;

	padding-left: 8px;

}



#forms img {

	margin-left: 250px;

}





/*** Directions ***/



#directions img {

	/*float: left;

	display: inline;

	margin: 0px 10px 10px 0px;*/

	border: 1px solid Black;

}



#directions p {

	margin-bottom: 20px;

	text-align: center;

}



#directions {

	text-align: center;

}



#directions td {

	width: 300px;

	text-align: center;

}





/*** Site Map ***/



#sitemapLeft {

	float: left;

	display: inline;

	width: 350px;

}



#sitemap ul {

	list-style: none;

}



#sitemapRight .pushBullets {

	text-indent: 40px;

}
/***** End Code for Specific Pages *****/

.pageBottomLinks
{
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.signature
{
	font-family: Academy,Times New Roman,Times,serif;
	font-size: 18px;
	text-align: right;
}

.homePhrases
{
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	color: #5a5b5b;
}

.homeImage
{
	border: #5a5b5b 2px solid;
}

.specialLink
{
	color: #5697af;
	text-decoration: underline;
}


#magazine {
        margin: 0;
        width: 400px;
}

#magazine p {
        font-size: 0.9em;
        padding: 0 6px;
        text-align: left;
}

#magazine p strong {
                                        font-size: 1.1em;
}

#magazine img   {
        margin-left: 0px;
        float: left;
}

.clear {
        clear: both;
}

#magazine2 {
        margin: -131px 0 0 0;
        width: 400px;
        float: right;
}

#magazine2 p {
        font-size: 0.9em;
        padding: 0 6px;
        text-align: left;
}

#magazine2 p strong {
         font-size: 1.1em;
}

#magazine2 p.right {
    text-align: right;
}

#magazine2 img   {
        float: right;
}

.larger {
        font-size: 1.1em;
}