/* @override 
	http://dev.wilke.local/skin/css/cms_1kbgrid.css
	http://devel.wilkechiropractic.com/skin/css/cms_1kbgrid.css
	http://www.wilkechiropractic.com/skin/css/cms_1kbgrid.css
*/

/* Last modified 12/19/11 by ECL, Landmann InterActive */
/* NOTES */
/* USAGE - Use with "1kbgrid" Templates */
/* This style sheet is called by public-facing pages, and NOT admin pages */
/* CHANGE NOTES */
/* 7/28/11 - First implementation */

/* ---------------------------------------------- */
/* Embedded Fonts                                 */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* Standard Tags - Used throughout - OK to change */
/* ---------------------------------------------- */
body { font: normal 13px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background: white;
 	color: #666;
	margin: 0; 
	}
#page_body_wrapper { width: 100%; }
#page_wrapper {
	background: #FFF;
	margin: 0;
	background: white url(../images/background.png) repeat-x;
	}
h1	{ font: normal 26px/140% Georgia, "Times New Roman", Times, serif;
	color: #2e5b80;
	margin-bottom: 5px;
	border-bottom: 2px solid #4c4c4c;
	border-color: #bd6e39;
	}
h2	{ font: normal bold 16px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	margin: 4px 0 3px 0;
	padding-top: 4px; }
h3	{ font: normal bold 14px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	margin: 16px 0 0 0;}
h4	{ font: normal bold 13px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif; }
hr { color: #CCC;
	height: 2px;
	line-height: 100%;
	width: 95%; }
p {	font-size: 13px;
	line-height: 140%;
	text-align: left;
	padding-bottom: 8px; }
b { font-weight: bold; }
img { border-style: none; margin-left: 0; }
table { border-style: none; }
tr { padding: 0; }
td { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color: #666; }
u { text-decoration: underline; }
ul	{ font: normal normal 12px/170% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align: left; 
	margin-top: 0;
	padding: 0 10px 4px 40px; }

/* Standard Links */
a:link, a:visited, a:hover {
	font: normal 12px/180% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #792618; }
/* Header Links */
a.HeaderLink:link, a.HeaderLink:visited, a.HeaderLink:hover {
	font: normal 12px/180% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #792618; }
strong { font-weight: bold; }
/* ---------------------------------------- */
/* Classes - Used throughout - OK to change */
/* ---------------------------------------- */
.border { background: #000;
	border-left: 1px solid #000; }

/* -------------------------------------- */
/* Dropdowns - OK to Change                   */
/* -------------------------------------- */
/* These classes are used for Fireworks-style dropdowns */
a.dropdown:link, a.dropdown:active, a.dropdown:visited, p.dropdown  {
	font-size: 12px;
	text-decoration: underline;
	background-color: transparent;
	font-weight: bold;
	color: #FFF; }
table.dropdown { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #CC99FF;
	padding: 8px 20px 8px 20px; }

/* -------------------------------------- */
/* Forms - OK to Change                   */
/* -------------------------------------- */
.FormPanelContainer {
	font: normal normal 11px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background-color: transparent;
	margin-top: 10px;
/*	padding: 10px 20px 20px 20px; */
	display: block; }
.FormPanelVertContainer, .FormPanelVertContainer div {
	font: normal normal 11px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background-color: #F0F0E6;
	margin-top: 10px;
	padding-left: 5px;
	padding-top: 7px;
	display: block;
	border-bottom: 3px solid #CCC;
	border-top: 3px solid #1C4975;
}
.FormPanelVertContainer h3	{ font: normal bold 16px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #facb1b;
	margin: -7px -5px 10px -5px;
	padding-top: 2px;
	border-bottom: 3px solid #1C4975;
	background-color: #1C4975;
	}
/* .FormPanelVertContainer p {
	color: black; } */
form { 
	font: normal normal 11px/ 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
 	color: #666; }
/* Contact form */
form.contactform, form.contactform div, form.contactform p, form.contactform div {
	font: normal normal 11px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background: white;
	margin: 0;
 	color: #666;
	padding: 5px; }
#ContactFormSubmit {
	font: 11px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	background: #fff;
 	color: #666;
	border: 1px solid gray;
	/* Using this because text-align:center refuses to work */
	margin-left: 200px; }
#ContactFormVertSubmit {
	font: 11px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	background: #fff;
 	color: #666;
	border: 1px solid gray;
	/* Using this because text-align:center refuses to work */
	margin-left: 120px; }
div.FormPanelContainer h3 {
	font: 14px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 8px 0 5px 0;
	border-bottom: 1px dotted silver; }
checkbox, input, radio, select, textarea {
	font: 12px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	margin: 5px;
	background: #FFF;
 	color: #666;
	border: 1px solid silver;
}

/* -------------------------------------- */
/* Main Content Panel - OK to change      */
/* -------------------------------------- */
/* Content Panel */
.ContentPanelContainer {
	background-color: transparent;
	padding: 0 0 10px 0;
	display: block; }
.ContentPanel, .SecondContentPanel {
	font: normal normal 12px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	background-color: transparent;
 	color: #666;
	padding: 0 10px 2px 0;
	vertical-align: top; }
.ContentPanel h3 {
	font: normal bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: left;
	background-color: transparent;
	margin: 8px 0;
	padding-bottom: 0;
	padding-top: 4px; }
.ContentPanel p, .SecondContentPanel p {
	font: normal normal 13px/150% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #666;
	padding: 4px 10px 6px 0;
	margin: 0;
	vertical-align: top; }
.ContentPanelImage {
	vertical-align: top; 
	margin: 10px 0 0 0;
	padding: 0; }
.SecondContentPanel {
	font: normal normal 12px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	left: 564px;
	z-index: -1;
	text-align: left;
	color: #666;
	font-weight: normal;
	padding: 0 10px 10px 0; }
.SecondContentPanel p { font-size: 13px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	z-index: -1;
	text-align: left;
	color: #666;
	font-weight: normal;
	padding: 0 10px 10px 0; }
.ContentPanelHead, .ContentPanelHead h1 {
	font: normal 26px/150%  Georgia, "Times New Roman", Times, serif;
	color: #2e5b80;
	text-align: left;
	background-color: transparent;
	margin: 0;
	padding: 6px 10px 0 0; }

.ContentPanel h2, .SecondContentPanel h2 {
	font: normal 18px/120%  Georgia, "Times New Roman", Times, serif;
	color: #bd6e39;
	text-align: left;
	background-color: transparent;
	margin: 20px 0 14px 0;
	padding: 4px 10px 0 0;
	border-bottom: 2px solid #4c4c4c;
	border-color: #bd6e39;
	}

.ContentPanelSubhead, .ContentPanelSubhead h2  {
	font: bold 20px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	text-align: left;
	background-color: transparent;
	padding: 10px 10px 0 0; }
.ContentPanelAuthor {
	text-decoration: none;
	font-size: 13px;
	text-align: left;
	background-color: white;
	color: white;
	padding: 0 5px 5px 0;
	font-style: italic; }
.ContentPanelCaption {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: left;
 	color: #666;
	padding: 5px 5px 15px 0; }
.ContentPanelDate {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	color: #999;
	padding: 0 5px 5px 0; }
/* Content Panel Links */
a.ContentPanel:link, a.ContentPanel:visited, a.ContentPanel:hover {
	text-align: center;
	text-decoration: underline;
	background-color: transparent;
	font-weight: normal;
 	color: #666;
	padding: 0 5px 5px 10px; }

/* -------------------------------------- */
/* Portfolios - OK to change              */
/* -------------------------------------- */
.PortfolioContainer {
/*	background-image:url(http://wilkechiropractic.com/skin/images/teal_gradient.png); */
/*	background-repeat:repeat-x; */
	background-color: white;
	text-align: left;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 5px 10px 5px 10px;
	border: 3px solid white; }
.PortfolioPanelReverse { font: bold 12px/140% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: white;
	background-color: white;
	padding: 8px 6px 12px 10px;
	text-align: center; }
.PortfolioImage {
	border-style: none; 
	text-align: center;
	font-size: 11px;
	background-color: transparent;
	font-weight: normal;
	padding: 0 5px 5px 0; }
.PortfolioTitle {
	text-align: center;
	font-size: 11px;
	background-color: transparent;
	font-weight: bold;
	padding: 0 5px 5px 0; }
.PortfolioCaption {
	text-align: center;
	font-size: 11px;
	background-color: transparent;
	font-weight: normal;
	padding: 0 5px 5px 0; }

/* -------------------------------------- */
/* Galleries - OK to change               */
/* -------------------------------------- */
.GalleryContainer {text-align:left;width:700px;margin:30px auto; padding:30px; background:#333}
.GalleryContainer p {margin-top:1.6em;}
.GalleryNavContainer {padding-top: 15px;
	clear: both;
	font: 80% 'helvetica neue',sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center }
/* .caption{ font-style:italic;color:#887;} */
.gallery_final {width:702px;margin:0 auto;}
.gallery_final li {width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_final li div {left:240px}
.gallery_final li div .caption {font:italic 0.7em/1.4 georgia,serif;}
#main_image {margin:0 auto 60px auto;height:438px;width:700px;background:black;}
#main_image img {margin-bottom:10px;}
a.GalleryNav:link, a.GalleryNav:hover, a.GalleryNav:visited {
	text-decoration: none;
	color: yellow;
	text-align: center }

/* -------------------------------------- */
/* Video - OK to change                   */
/* -------------------------------------- */
div#VideoPlaceholder {
	background-color: transparent;
	padding-bottom: 17px; }

/* -------------------------------------- */
/* Testimonials - OK to change            */
/* -------------------------------------- */
.TestimonialContainer {
	/*width: 240px;*/
	height: 425px;
	text-align: left;
	font-size: 12px;
	margin: 10px 0 5px 0;
	/*padding: 55px 10px 0 10px;*/
	background: url(../images/Testimonial.png) no-repeat;
	}
.testimonial { font: italic 15px/170% Georgia, "Times New Roman", Times, serif;
	color: #01562f;
	padding: 55px 10px 20px 10px;
	text-align: left;
	border: none; }
/*div.Testimonial { margin-top: 10px; }*/
div.TestimonialAttribute { font: normal 13px/170% Georgia, "Times New Roman", Times, serif;
	color: #01562f;
	padding-left: 30px; }
.TestimonialHead {
	background-color: transparent;
	padding: 4px 4px 4px 10px;
	margin-top: 4px;
	}
/* -------------------------------------- */
/* Stories - OK to change                 */
/* -------------------------------------- */
.StoryContainer, .StoryContainer p, .StoryContainer ul, .StoryContainer li {
	font: normal normal 13px/140% Georgia, "Times New Roman", Times, serif;
	color: #504A44;
	text-align: left;
	background-color: #F0F0F0;
	margin-top: 10px;
	padding-right: 5px; }
.StoryImage {
	padding: 5px 15px 0 15px; 
	background-color: transparent; }
.StoryHead, p.StoryHead, .StoryHead p {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-align: left;
	padding: 5px 5px 10px 0; }
.StoryName {
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: transparent;
	padding: 5px 5px 0 5px; }
.StoryContent {
	font: normal normal 12px/140% Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: transparent;
	padding: 0; }
/* -------------------------------------- */
/* ErrorBox Messages */
/* -------------------------------------- */
/* Used for Positive Messages */
#ErrorBoxHeadPos div.ErrorHeadPos {
	width: 500px;
	background-color: #0C0;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 130%;
	border-bottom: 1px dotted black;}
#ErrorBoxMessagePos div.ErrorMessagePos  {
	width: 500px;
	background-color: #ffc;
	margin: 0 0 10px 0;
	padding: 5px 5px 10px 10px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 130%; }
/* Used for Negative Messages */
#ErrorBoxHeadNeg div.ErrorHeadNeg  {
/*	width: 500px; */
	background-color: red;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 130%;
	border-bottom: 1px dotted black; }
#ErrorBoxMessageNeg div.ErrorMessageNeg  {
/*	width: 500px; */
	background-color: #ffc;
	margin: 0 0 10px 0;
	padding: 5px 5px 10px 10px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 130%; }
/* Used for Tooltips */
#ErrorBoxMessagePosFullWidth {
	margin: 0;
	padding: 5px 5px 10px 10px;
	text-align: left;
	background-color: #ffc; }

/* -------------------------------------- */
/* Miscellaneous ------------------------ */
/* -------------------------------------- */
/* Display On/Off - Used for ToggleDisplay */
.DisplayOn { display:block; }
.DisplayOff { display:none; }
.alert { color: #F00; }
.ghost {
	color: #BBB; 
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	text-decoration: none;
 }

a span.ghost {
		
	}

/* For Debugging */
.debug {
	font: normal 10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	background-color: #f6ffca; }
.debugCT {
	font: normal 10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	background-color: #ccff99; }

/* -------------------------------------- */
/* Miscellaneous - OK to Change           */
/* -------------------------------------- */
.footerContainer {
	font: normal 10px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
	padding-top: 20px;
	text-align: left;
	background: transparent;
	border-top: 3px solid gray;
	}
.footer {
	font: bold 10px/150% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #4e606e;
	text-align: left;
	background: white; }
/* Footer links */
a.FooterLink:link,a.FooterLink:visited,a.FooterLink:active {
	font: normal 10px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #4e606e; }
a.FooterLink:hover {
	font: normal 10px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #4e606e; }
/* -------------------------------------- */
/* Heirarchy - OK to Change               */
/* -------------------------------------- */
/* Used to display the heirachy tree */
/* Defining up to 10 levels of indent. Indent0 is for the root nodes */
/* The "on" is used for the navbar category head that is the **current** page */
/* Background color is different */
.indent0on {
	font: normal bold 12px/120% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: white;
	margin: 12px 0 8px 0;
	text-align: left;
	border-bottom: 1px dotted #EBBB22;
}
/* "off" is used for navbar category heads NOT current page */
.indent0off {
	font: normal bold 12px/120% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #EBBB22;
	margin: 12px 0 8px 0;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px dotted #EBBB22;
}
.indent0 {
	font: normal normal 13px/120% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #EBBB22;
	margin: 20px 0 20px 0;
	text-align: left;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 5px;
	display: block;
	margin-bottom: 0; }
.indent1 {
	font: normal normal 13px/120% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 20px 0 20px 0;
	text-align: left;
	text-decoration: none;
	margin-left: 15px;
	display: block;
	padding-right: 5px;
	margin-bottom: 0; }
.indent2 {
	font: normal normal 13px/120% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	background-color: transparent;
	margin-left: 20px;
	display: block;
	padding-right: 5px;
	margin-bottom: 0; }

/* for link found in indent */
/* Make link font size match indent0 */
a.indent0:link, a.indent0:visited, a.indent0:active
 { margin-top: 5px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none; }

a.indent1:link, a.indent1:visited, a.indent1:active,
a.indent2:link, a.indent2:visited, a.indent2:active
	{ margin-top: 5px;
	font-size: 13px;
	line-height: 120%;
	color: #FFF;
	text-decoration: none; }

/* Make link font size match indent0 */
a.indent0:hover
 { margin-top: 5px;
	color: #920000;
	text-decoration: underline; }

a.indent1:hover, a.indent2:hover
 { margin-top: 5px;
	color: #920000;
	text-decoration: underline; }

/* Special class for the link for the current page */
.linkcurrentpage { font-style: italic; }

/* -------------------------------------- */
/* Quicksearch - OK to Change             */
/* -------------------------------------- */
/* Used on Quicksearch results pages */
/* input#QSInput {
	background:#FFF url('../../devel-sub/skin/images/button_search.gif') no-repeat left;
	padding: 0 0 0 24px;
	margin-left: 10px;
	width: 130px;
 	color: silver;
	border: none; } */
input#QSInput {
	background: transparent;
	padding: 0;
	height: 24px;
	margin: 2px 0 2px 10px;
	width: 143px;
	float: left;
 	color: #9e9896;
	border: none;
}
input.QSButton {
	float: right;
	margin: 1px 3px; }
.QSSearchLabel { font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 16px;
	vertical-align: bottom;
 	color: #666;
	padding-right: 7px; }
#quicksearch {
	width: 226px;
	background-color: white;
	color: #b6b6b6;
	margin: 10px 0 14px 0;
	display: block;
	height: 28px;
	border: 2px solid #666;
	}
/*#quicksearch form { height: 30px; padding-top: 0; }*/
#quicksearch a {
	font: normal 10px/160% 'Trebuchet MS', Arial, Helvetica, Geneva, sans-serif;
	color: white;
	margin: 0;
	z-index: 1; }
.BannerInfo {
	font: bold 13px/140% 'Trebuchet MS', Arial, Helvetica, Geneva, sans-serif;
	color: #2e5b80;
	text-align: left;
	display: block;
	margin-top: 8px;
	margin-bottom: 4px;
	z-index: 1; }
div.BannerLinkContainer {
	font: normal 10px 'Trebuchet MS', Arial, Helvetica, Geneva, sans-serif;
	line-height: 160%;
	color: white;
	margin-top: 0px;
	padding: 5px;
	width: 240px; }
a.BannerLink { text-decoration: none; }
a.BannerLink:hover { text-decoration: underline; }
.QSContainerHead {
	background-color: #e9ffaa;
	padding: 10px 10px 10px 10px; }
.QSContainerResults {
	padding: 10px 10px 10px 10px; }
.QSSearchedForHead {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
 	color: #666;
	padding: 10px 10px 0 10px; }
.QSSearchedFor { text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: red;
	padding: 10px 10px 0 10px; }
.QSFoundCount {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
 	color: #666;
	padding: 10px 10px 0 10px; }
.QSHead {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #300;
	padding: 10px 10px 0 10px;
	font-stretch: condensed; }
.QSAuthor {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
 	color: #666;
	padding: 0 10px 0 10px;
	font-style: italic; }
.QSDate {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	padding: 0 10px 0 10px;
	color: #666; }
.QSText1 {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
 	color: #666;
	padding: 0 10px 0 10px; }
.QSText2 {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
 	color: #666;
	padding: 5px 10px 0 10px; }
/* for link found in Quicksearch */
a.QSLink:link, a.QSLink:visited, a.QSLink:active {
	font-size: 12px;
	margin-top: 5px;
 	color: #666;
	text-decoration: underline;
	font-weight: bold;
	padding: 0 10px 0 10px; }
a.QSLink:hover {
	font-size: 12px;
	margin-top: 5px;
	color: #920000;
	text-decoration: underline;
	font-weight: bold;
	padding: 0 10px 0 10px; }