/* Website for Lefkoff Periodontics */
/* Summer 2008 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */


/* Reset browser default styles to insure consistency across various browsers */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; 	border: 0; 	font-size: 100%; line-height: 1; text-align: left; 	vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Helpful fixes */
a {outline: none;}  /* get rid of Firefox link boxes */
html { height: 100%; } /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combined with min-height on body */
body { min-height: 101%; } /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combinded with height on html */
* html ul li a { vertical-align: bottom; zoom: 1; } /* fixed IE6 bug that adds extra padding to a within li, esp for nav */

/* Layout Structure */
body { margin: 0; padding: 0; background: #ffffff url(../images/background.jpg) center top repeat; }
div#wrapper { position: relative; margin: 0 auto; padding: 0; width: 960px; background: #ffffff url(../images/content.jpg) repeat-y center top; }
	div#container { position: relative; width: 850px; margin: 0; padding: 51px 55px 20px 55px; 
								background: url(../images/headerInterior.jpg) no-repeat top left;}
	div#container.frontpage { background: url(../images/headerFront.jpg) no-repeat top left;}
		div#headerContainer { float: right; }
			div#header1 { float: right; width: 614px;	min-height: 73px; overflow: visible; margin: 0 -25px 0 0 ; padding: 9px 25px 0 0;
										background: url(../images/smallHeaderbkgd.jpg) bottom left repeat; }
			div#header2 { clear: right; float: right; width: 600px; min-height: 75px; margin-top: 12px; padding: 0 0 3px 0; overflow: visible;}
			div#container.frontpage div#header1, div#container.frontpage div#header2 {width: 363px; padding-left: 5px; }
			div#container.frontpage div#header1 {background-image: url(../images/smallHeaderbkgdFront.jpg);}
			* html div#header1, * html div#header2 {height: 73px;}
			div.cleardiv {clear: both; height: 1px;}
		div#nav {clear: right; float: right; width: 200px; margin: 0 0 0 20px; padding: 0; }
		div#content {width: 620px; margin: 0; padding: 0; }
div#footer { width: 900px; margin: 0 auto; padding: 3px 30px 0 30px; height: 80px; background: url(../images/footer.jpg) no-repeat top left;  clear: both;}
	div#footerContainer { width: 860px; padding: 0 20px;  background-color: #947bb5; }
		div#footerRight { float: right; width: 500px;}
	div#footerCredit { margin-top: 10px; }	
div.clear { clear: both;}
							
/* Typography */
body, input, textarea {	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3f3f3f;}
h1 { font-size: 24px; font-weight: normal; color: #532d90; line-height: 30px; margin: 0; padding: 7px 0 10px 0px; }
h2 { font-size: 18px; font-weight: normal; color: #7f669e; line-height: 22px; margin: 0 0 5px 0; padding: 10px 0 0 0; }
h3 { font-size: 15px; font-weight: normal; color: #8a8a8a; font-style: italic; padding: 0 0 3px 0; }
p, li { font-size: 15px; line-height: 20px; margin: 0; padding: 0 0 10px 0; }
div#content p {padding-left: 20px;}
td, th { font-size: 13px; line-height: 18px; margin: 0 0 10px 0; padding: 0; text-align: left; font-weight: normal; }
th { font-weight: bold; }
strong { color: #532d90; font-weight: bold;}
blockquote { padding: 5px 20px; }
a { color: #532d90; }
a:link { color: #532d90; }
a:visited { color: #532d90; }
a:hover { color: #532d90; background-color: #e9e1f3; }
a:active { color: #532d90; background-color: #e9e1f3; }
ul { list-style-position: outside; list-style-type: square; margin: 0 0 10px 2.2em; padding: 0 0 0 0;}
ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 20px 2.2em; padding: 0 0 0 0; }
ul ul, ol ul { list-style-type: disc; margin: 10px 0 10px 2.2em; list-style-position: outside; }
ol ol, ul ol { list-style-type: lower-alpha; margin: 10px 0 10px 2.2em; list-style-position: outside; }
li { margin: 0 0 10px 0; padding: 0; }
ul.listCompact { list-style-position: outside; list-style-type: square; margin: 0 0 10px 2em; padding: 0 0 0 0; }
ol.listCompact { list-style-position: outside; list-style-type: decimal; margin: 0 0 10px 2em; padding: 0 0 0 0; }
ul.listCompact li, ol.listCompact li { margin: 0; padding: 0; }
table { margin: 10px 0; padding: 0; }
td { padding: 4px; margin: 0; vertical-align: top;}
th { padding: 4px; margin: 0; vertical-align: top; }

/* Primary Navigation */
div#nav ul { list-style: none; list-style-position: outside; text-indent: 0; margin: 0; padding: 0; }
div#nav li { margin: 0; padding: 0; border-top: 1px solid #cccccc; text-align: right; }
div#nav li a.notext { padding-bottom: 20px; }
div#nav li.currentNav { background-color: #f3f3f3; }
div#nav li.firstNav { border-top: none; }
div#nav li a { display: block;  margin: 0; padding: 10px 5px 10px 0; text-align: right; font-size: 19px; color: #532d90;	line-height: 1.2; text-decoration: none; }
div#nav li .linkdetail { display: block; font-size: 13px; color: #3f3f3f; line-height: 1.2; margin: 0; padding: 3px 0 0 0; text-align: right; }
div#nav li a:hover { background-color: #e9e1f3; }
div#nav li.currentNav a:hover { background-color: #f3f3f3; }
div#nav p.hidden {display: none;}

/* Graphics */
img.photoRight { border: 1px solid #666666; padding: 5px; background-color: #ffffff; margin: 5px 0 5px 10px; float: right; }
img.photoLeft { border: 1px solid #666666; padding: 5px; background-color: #ffffff; margin: 5px 10px 5px 0; float: left; }
img.graphicRight { border: none; padding: 0; margin: 5px 0 5px 5px; float: right; }
img.graphicLeft { border: none; padding: 0; margin: 5px 5px 5px 0; float: left; }

/* Response Forms */
form.response { border: 1px solid #cccccc; margin: 10px 0 20px 0; padding: 10px; background-color: #f3f3f3; }
form.response input, form.response textarea { margin: 3px 8px 3px 0; padding: 3px; }
form.response input.formInput, form.response textarea { border: 1px solid #cccccc; color: #532d90; font-size: 13px; }
form.response label { display: block; margin: 20px 0 0px 0; letter-spacing: 1px; color: #3c3c3c; padding: 0; font-size: 11px; }
form.response div#honeypot { display: none; } /* spambot trap */
form.response .fieldwarning { color: #532d90; font-weight: bold; padding-left: 0; background-color: #FFFF66; }
form.response .retMessage { background-color: #ffffff; color:  #532d90; padding: 5px 7px !important; margin: 5px 0; border: 1px solid  #333333; }
form.response .warning { color: #532d90; font-weight: normal; padding-left: 0; background-color: #ffff66; }
div#content form.response p {padding: 0;}
/* Special uses */
.floatclear { clear: both; }

/* Header content */
div#header1 h1 { font-size: 18px; font-weight: bold; color: #ffffff; text-align: right; line-height: 1.2; margin: 0; padding: 0;}
div#header1 h2 { font-size: 18px; font-weight: normal; color: #ffffff; text-align: right; line-height: 1.2; margin: 0; padding: 0; border: none; }
div#header1 p { font-size: 18px; color: #ffffff; text-align: right; line-height: 1.2; margin: 0; padding: 0;}
div#header2 p { font-size: 14px; color: #8a8a8a; text-align: right; line-height: 1.2; margin: 0; padding: 0; }

/* Testimonial content */
div.testimonial { margin: 10px 0 10px 0; padding: 15px; border: 1px solid #532d90; }
div#content div.testimonial p {padding: 0 0 10px 0; margin: 0; font-size: 13px; font-style: italic;}
div#content div.testimonial p.writer {padding: 0; text-align: right; font-style: normal;}

/* Footer content */
div#footer p { font-size: 13px; font-weight: normal; line-height: 1.4; margin: 0; padding: 5px 0 0 0; color: #ffffff; text-align: left; }
div#footer p a, div#footer p a:link, div#footer p a:visited { color: #ffffff; text-decoration: none; }
div#footer p a:hover { color: #ffffff; background-color: transparent; font-weight: bold;  text-decoration: underline; }
div#footer div#footerCredit p { text-align: right; font-size: 11px; color: #999999; }
div#footer div#footerCredit p a { color: #999999; }
div#footer div#footerCredit p a:hover { color: #532d90; background-color: transparent; font-weight: normal; }
div#footer div#footerRight p { text-align: right; }

/* back to top links */
h2 .backlink {font-size: 13px; color: #666666;}
h2 .backlink a {color: #666666;}