@charset "utf-8";
/*****************************************************
CSS Document for Dr. Fleckner site
Design by Target Group Media (targetgroupmedia.com)
*****************************************************/

/***************************************************
COLORS:
	#527b7f - Nav BG
	#7f6753; - h1, h2 Color
	#d5ac94 - Link Color
	#171B1C - footer bg
	#d5ac94 - address color
*****************************************************/
/* FONTS*/

@font-face {
    font-family: 'CantarellRegular';
    src: url('../fonts/cantarell/Cantarell-Regular-webfont.eot');
    src: url('../fonts/cantarell/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cantarell/Cantarell-Regular-webfont.woff') format('woff'),
         url('../fonts/cantarell/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('../fonts/cantarell/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Humanst521BTRoman';
    src: url('../fonts/humanist/hum521n-webfont.eot');
    src: url('../fonts/humanist/hum521n-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/humanist/hum521n-webfont.woff') format('woff'),
         url('../fonts/humanist/hum521n-webfont.ttf') format('truetype'),
         url('../fonts/humanist/hum521n-webfont.svg#Humanst521BTRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BASICS *******************************************/
* { margin:0; padding:0; }
body, html { height:100%; margin:0; padding:0;}
a { text-decoration:none; }
ul { list-style:none; margin:0; padding:0; }
img { border:0; }
.fl { float:left; }
.fr { float:right; }
/* Hack that prevents div collapse when floating... */
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

/* TEXT STRUCURE *************************************/
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1.logo { text-indent:-99999px; display:none; }
h2, h3 {color: #7f6753;}
a {  }
a:hover {
	color: #FFF;
	text-decoration: none;
}
a:active {
	color: #D5AC94;
	text-decoration: none;
}

.mainText h2 { font-weight:bold; }
.mainText .bodyText { font-weight:bold; }

div.aboutTwo {font-weight:bold; }

/* Conditions Page */
h3.conditionsTitle, .conditionsArticle a, p.conditionsContent{ font-weight:bold; }

/* Office Info Page */
h3.officeInfoTitle, span.officeInfoDate, p.officeInfoContent, a.officeInfoLink { font-weight:bold;}

/* In The News - Media Coverage Page */
ul.newsNav a, h3.newsTitle, span.newsDate, p.newsContent, a.newsLink { font-weight:bold;}

/* Patient Resources Page */
h3.patResTitle{ font-weight:bold; }
/*.patResLinks a { font-weight:bold; }*/

/* Patient Comments Page: */
p.comment, p.resource { font-weight:bolder; }


/* PAGE FOUNDATION ***********************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-color: #171B1C; /* BLACK was #0B0F10*/
}
#wrapper { width:100%; } /* This is separatly surrounding the header, content, and footer*/
.header, #mainContent, .footer, .footerCredits { width:1220px; margin: 0 auto 0; position:relative;}
.mainWrap { background-color:#fff; }
.mainContent { position:relative; }

/* Footer */
#wrapper.footerWrap { background-color: #171B1C; /*was #0B0F10*/ position:relative; z-index:320;}
#wrapper.footerCreditsWrap { background-color: #171B1C; /*was #0B0F10*/ position:relative; z-index:320;}

.footer {
	text-align:center;
	color:#eee;
	padding-top:1em;
	background-image: url(../img/footer-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	position:relative; 
	z-index:300;
	background-color: #171B1C;
}
.add1 { margin-left:10.25em; }
.add2 { margin-right:6em; }
.footer h4 { font-size:1.8em; }
#address p { font-size:2.2em; margin-bottom:1em; }
#address p span { font-size:.85em; }
#address a { font-size:1.5em; font-weight:bold; }
#address a:hover { text-decoration:underline; }
.footer h4, .footer a { color:#d5ac94; }
/* Footer Credits */
#credits { font-size:.95em; }
#credits, #credits a {
	text-shadow:0px 0px 2px #111;
	text-align:center;
	padding:2em 0;
	color:#C4B6AC;
}
#credits p a:hover { text-decoration:underline; }
.creditsImages {
	padding-top:2em;
	background-image: url(../img/footer-credits-dots.png);
	background-repeat: no-repeat;
	background-position: center top;
}

/* PAGE SPECFIC***************************************/
/* -- INDEX */
body.index {
	background-image: url(../img/index-bg.png);
	background-repeat: repeat-x;
	background-position: top;
}
.index { /* Header */
	background-image: url(../img/headers/index-header.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:291px;
	/*box-shadow: 0 0 2px #000;*/
}
#mainContent { padding:1em 0 3.5em 0; }
body.index #mainContent { padding:1em 0 1.75em 0; }
.indexText { width:46%; margin-left: 340px; padding: 0; } /* Where h2 and p tags are*/
.indexText h2 { padding: .5em .5em 0 1em; background: url(../img/line.png) no-repeat 1em bottom; font-weight:bold;}
.indexText p { padding:1em 2em 0 2em; font-weight:bold;}
.hotLinks { width:258px; float:right; position:absolute; top:-1px; right:7em;}

/* -- About*/
body.about {
	background-image: url(../img/headers/about-bggg-grad.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #171B1C;
}
.about { /* Header */
	background-image: url(../img/headers/about-header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:365px;
	/*box-shadow: 0 0 2px #000;*/
	background-color:#94877c;
}
.aboutText { width:65%; margin-left: 340px; padding: 0; } /* Where h2 and p tags are*/
.aboutText h2 { padding: .5em .5em 0 1em; background: url(../img/line.png) no-repeat 1em 44px; font-weight:bold;}
.aboutText p { padding:1em 2em 0 2em;font-weight:bold; }

/* -- Conditions AND Related Articles */
body.conditions {
	background-image: url(../img/headers/conditions-bg.png); /* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
}
.conditions { /* Header */
	background-image: url(../img/headers/conditions-header.jpg); /* IMAGE */
	background-repeat: no-repeat;
	background-position: center bottom;
	height:355px;
}
.conditionsText { width:65%; margin-left: 340px; padding: 0; } /* Where h2 and p tags are*/
.conditions h2 { padding: .5em .5em .5em 1em; font-weight:bold; background: url(../img/line.png) no-repeat 1em 44px; }
div.conditionsArticle { padding:0 0 0 3em; position:relative; } /*was padding: 0 0 4em 3em*/
h3.conditionsTitle { margin:0; padding:0; color:#28505d;}
.conditionsArticle ul { margin:.75em 0 0 0; padding:0;}
h3.conditionsTitle, .conditionsArticle a {font-weight:bold;}
.conditionsArticle ul { margin-bottom:0; }
.conditionsArticle li { margin:.5em 0; }
.conditionsArticle li.lastChild { margin-bottom:2em; }
.conditionsArticle a { color:#000; padding-left:2.5em;}
.conditionsArticle a:hover { color:#6e9b9f; }/*was 3e5b03*/
p.conditionsContent { padding:.5em 0; line-height:1.25em; }
a.backLink { position:absolute; top:0; right:0; font-size:200%; font-weight:bold; color:#3e5b03;}
span.ConditionHeader { font-weight:bold; text-transform:uppercase; }
p.conditionsTag {
	margin:-.75em 0 0 0;
	font-weight:bold;
	font-style:italic;
	color:#203C66;
}

/*-- Office Information */
body.officeInfo {
	background-image: url(../img/headers/office-info-bg-grad.png); /* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
}
.officeInfo { /* Header */
	background-image: url(../img/headers/office-info-header-bg.jpg); /* IMAGE */
	background-repeat: no-repeat;
	background-position: center top;
	height:405px;
}
body.officeInfo #wrapper.footerWrap, body.officeInfo #wrapper.footerCreditsWrap { position:relative; top:-125px;}

.officeInfoText { width:65%; margin-left: 340px; padding: 0; position:relative; top:-105px; font-weight:bold;} /* Where h2 and p tags are*/
.officeInfoText h2 { color:#7f6753; padding: .5em .5em 0 1em; font-weight:bold; background: url(../img/line.png) no-repeat 1em 44px; }/*'LEFT' was -30px*/
.officeInfoText p { padding:1em 2em 0 2em; }

div.officeInfoArticle { padding:0 0 1em 3em; position:relative;}
div.officeInfoArticle img { padding-bottom:.75em;}
p.officeImage { /*text-align:justify;*/ width:70%; float:right;}
p.officeImage span { color:#00778f;  }
p.officeImage em { font-style:italic; font-size:80%; }
h3.officeInfoTitle, p.officeInfoContent, a.officeInfoLink { margin:0; padding:0;}
h3.officeInfoTitle { width:75%; padding:.25em 0; color:#000; font-weight:bold;}
p.officeInfoContent { padding-bottom:.5em; line-height:1.25em; }
a.officeInfoLink, a.officeInfoLink2 { color:#40858b; }
a.officeInfoLink:hover, a.officeInfoLink2:hover { color:#00778f; }

a.officeInfoLink, span.officeInfoDate { font-family: 'Humanst521BTRoman'; font-weight:normal;}

/* -- Contact */
body.contact {
	/*background-color: #122E2F;*/
	background-image: url(../img/headers/contact-bg-grad.png);/* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
	background-color: #171B1C;
}
.contact { /* Header */
	background-image: url(../img/headers/contact-header.jpg);/* IMAGE */
	background-repeat: no-repeat;
	background-position: center bottom;
	height:654px;
}
body.contact #wrapper.footerWrap { padding-bottom:3em; }
#contactInfo { padding-left:5em; text-align:center; position: relative; top:260px; text-shadow: 1px 1px 1px #000;}
.address, .address h2, .address a { color:#fff; }
.address h2 {  padding-top:2em;}
.address p { font-weight:normal;  padding:0 0 10px 0; }
.address span {  }
.address a { color:#fff; font-weight:bold; line-height:27px; }
.address a:hover { color:#ccc; }

/* -- News */
body.news {
	background-image: url(../img/headers/news-bg-grad.png); /* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
}
.news { /* Header */
	background-image: url(../img/headers/mark-fleckner-md-in-the-news.jpg); /* IMAGE */
	background-repeat: no-repeat;
	background-position: center 65px;
	height:405px;
}
body.news #wrapper.footerWrap { margin-top:-200px;}

.newsText { width:65%; margin-left: 340px; padding: 0; position:relative; top:-125px; } /* Where h2 and p tags are*/
.newsText h2 { color:#7f6753; padding: .5em .5em 0 1em; font-weight:bold; background: url(../img/line.png) no-repeat 1em 44px; }/*'LEFT' was -30px*/
.newsText p { padding:2em; }

ul.newsNav { margin:0; padding:0; }
ul.newsNav li { padding-left:2.5em; }
ul.newsNav a { color:#294d50;  padding-left:5px;}
ul.newsNav a:hover { color:#111; }
ul.newsNav a.current { color:#000; cursor:text;}
ul.newsNav li.current { background: url(../img/nav/nav_dot.png) no-repeat 10px center;  }

div.newsArticle { padding:0 0 3em 3em; position:relative;}
h3.newsTitle, p.newsContent, a.newsLink { margin:0; padding:0;}
h3.newsTitle { width:75%; padding: .25em 0; color:#000; font-weight:bold;}
span.newsDate, p.newsContent{  }
span.newsDate {}
p.newsContent { padding-bottom:.5em; line-height:1.25em; }
a.newsLink, a.newsLink2 { color:#40858b; }
a.newsLink:hover, a.newsLink2:hover { color:#00778f; }
ul.newsNav li.current a:hover{ color:#294d50; }

ul.newsNav a, a.newsLink, span.newsDate { font-family: 'Humanst521BTRoman'; font-weight:normal;}

/*-- Press Releases */
body.pressReleases {
	background-image: url(../img/headers/press-releases-bg-grad.png); /* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
}
.pressReleases { /* Header */
	background-image: url(../img/headers/press-releases-header.jpg); /* IMAGE */
	background-repeat: no-repeat;
	background-position: center top;
	height:405px;
}

body.pressReleases #wrapper.footerWrap { margin-top:-200px;}
body.pressReleases .bodyText { margin-top:-30px;}

/* -- Patient Comments */
body.patientComments {
	background-image: url(../img/headers/patient-comments-bg-grad.png); /* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
}
.patientComments { /* Header */
	background-image: url(../img/headers/patient-comments-header.jpg); /* IMAGE */
	background-repeat: no-repeat;
	background-position: center bottom;
	height:355px;
}
body.patientComments #wrapper.footerWrap { margin-top:-30px;}

.patientCommentsText { width:65%; margin-left: 340px; padding: 0; } /* Where h2 and p tags are*/
.patientComments h2 { padding: .5em .5em .5em 1em; font-weight:bold; background: url(../img/line.png) no-repeat 1em 44px; }
div.patientCommentsArticle { padding:0 6em 1em 3em; position:relative; }
p.comment{ text-align:justify;}
p.resource { color:#222; padding:.5em 0; margin-bottom:1em; line-height:1.25em; font-weight:bold; font-style:italic; }

/*-- Patient Forms */
body.patientForms {
	background-image: url(../img/headers/patient-forms-bg-grad.png); /* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
}
.patientForms { /* Header */
	background-image: url(../img/headers/patient-forms-header.jpg); /* IMAGE */
	background-repeat: no-repeat;
	background-position: center bottom;
	height:321px;
}
body.patientForms #wrapper.footerWrap { margin-top:-130px;}/*was -70px, CHANGE div.patResLink margin top to -3em */

h3.patResTitle { width:100%; padding: 0 0 .25em 0; color:#000; /*font-weight:normal;*/ }
.patResText p { padding:0 2em; }
.patResWrap { float:left; width:45%;  }
div.patResLinks { padding:0 0 0 3em; margin:-3em 0 3em 0;}/* margin was -3em 0 */
.patResLinks a { color:#749962; }
.patResLinks a:hover { color:#3e5b03; }
.prLink { margin-bottom:0em; }

/*-- Patient Resources */
body.patRes {
	background-image: url(../img/headers/patient-resources-bg.png); /* GRADIENT */
	background-repeat: repeat-x;
	background-position: top;
}
.patResHead { /* Header */
	background-image: url(../img/headers/patient-resources-header.jpg); /* IMAGE */
	background-repeat: no-repeat;
	background-position: center bottom;
	height:321px;
}

body.patRes #wrapper.footerWrap { margin-top:-130px;}
body.patRes #wrapper.footerCreditsWrap { }

.patResText { width:65%; margin-left: 340px; padding: 0; } /* Where h2 and p tags are*/
.patResText h2 { padding: .5em .5em 0 1em; font-weight:bold; background: url(../img/line.png) no-repeat 1em 44px; }
h3.patResTitle { width:100%; padding: 0 0 .25em 0; color:#000; font-weight:normal; }
.patResText p { padding:2em; }
.patResWrap { float:left; width:45%;  }
div.patResLinks { padding:0 0 4em 3em; }
.patResLinks a { color:#749962; }
.patResLinks a:hover { color:#3e5b03; }
.prLink { margin-bottom:2em; }


/* NAVIGATION ****************************************/
.navWrap { 
	height:900px; 
	background-image: url(../img/nav/new-nav-bg-grad.png);
	background-repeat: repeat-x;
	background-position: left 200px; 
	position:relative;
	z-index:1;
}
.navigation { width: 249px; margin-left:9em; float:left; position:absolute; top:304px; left:0; z-index:5;}
.navigation ul {
	margin:0;
	padding: .75em 0 .75em 3em;
	/*background-color: #527b7f;*/
	background-image: url(../img/nav/nav-box-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	list-style-position: inside;
	list-style-image: url(../img/nav/nav_dot.png);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.navigation li {
	margin:0 0 5px 0;
	padding: 5px 0 5px -5px;
	background-image: url(../img/nav/nav_dot_line.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*.navigation li:last-child { background-image:none; }*/
.navigation a { font-family: 'Humanst521BTRoman'; color:#fff; font-size:2.0em; padding-left:5px; line-height:25px;}
.navigation a:hover { color:#111; }
.navigation a.current { color:#000; cursor:text;}

/* FONT ADJUST ICONS */
#adjustFont { width: 130px; position:absolute; top: 15px; right:125px; z-index:2; }
#adjustFont span { font-size: 1.5em; color:#fff; margin-left: .25em; text-shadow: 0 0 1px #111;}
#adjustFont img { margin-right: .25em;}