/* --
	Theme Name: Barisch Family Chiropractic
	Description: Barisch Family Chiropractic official theme. 
	Version: 1.0	
	Author: Monocle Media
	Author URI: http://monoclemedia.com/
-- */

body {
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 62.5%;
}

.clearboth {
clear: both;
}


h1 {
font-size: 3.0em;
}


.wrap {
width: 990px;
margin-left: auto;
margin-right: auto;
height: 1%;
overflow: hidden;
}


#top {
width: 100%;
height: 110px;
background: url("../_img/bk-top.png") repeat-x 0 0;
}

#top .wrap {
background: url("../_img/bk-topwrap.png") no-repeat 0 0;
height: 110px;
}

h1#logo-barisch {
background: url("../_img/logo-barisch.png") no-repeat 0 0;
height: 85px;
width: 265px;
height: 110px;
float: left;
margin-left: 20px;
margin-top: 10px;
}

h1#logo-barisch a {
display: block;
text-indent: -999em;
height: 85px;
width: 265px;
}


/* =menu */
#nav {
width: 100%;
background: url("../_img/bk-nav.png") repeat-x 0 0 #7e3a2b;
}

#menu {
width: 990px;
position: relative;
top: 0;
left: 0;
margin-left: auto;
margin-right: auto;
z-index: 15;

}

#menu li {
font-size: 1.2em;
font-weight: bold;

}

#menu li li {
font-size: 1em;
}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.2em; /* match top ul list item height */
	z-index:		15;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
float: left;

}
.sf-menu a {
padding: 1em 1.5em 1em 1.5em;
text-decoration: none;
}




.sf-menu li li {
background: url("../_img/bk-subnav.png") repeat 0 0;
z-index: 20;
}


.sf-menu a:link, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: #ffffff;
}

 
.sf-menu a:hover, 
.sf-menu a:active, 
.sf-menu a:focus {
color: #f3dc9c;
}

.sf-menu li:hover, .sf-menu li.sfHover {
background: url("../_img/bk-topnav.png") repeat-x 0 0;
color: #f3dc9c !important;
padding-top: 2px;
margin-top: -2px;
}


.sf-menu li:hover span, .sf-menu li.sfHover span {
background: url("../_img/bk-navbdr2.png") no-repeat right 2px;
position: absolute;
width: 10px;
height: 36px;
top: 0;
right: -10px;
z-index: 18;
}

.sf-menu li:hover .hilite span, .sf-menu li.sfHover .hilite span {
background: url("../_img/bk-navbdr2.png") no-repeat right 2px;
position: absolute;
width: 10px;
height: 36px;
top: 2px;
right: -10px;
z-index: 18;
}


.sf-menu li li:hover, .sf-menu li li.sfHover {
background: url("../_img/bk-subnav.png") repeat 0 0;
padding-top: 0;
margin-top: 0;
}

.sf-shadow ul {
background:	url('../_img/shadow.png') no-repeat bottom right;
padding: 0 10px 10px 0;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.hilite {
background: url("../_img/bk-topnav.png") repeat-x 0 0;
color: #f3dc9c !important;
padding-top: 2px;
margin-top: -2px;
cursor: default;
}

.hilite span {
background: url("../_img/bk-navbdr2.png") no-repeat right 2px;
position: absolute;
width: 10px;
height: 36px;
bottom: 0;
right: -10px;
z-index: 18;
}

.sf-menu li li a.hilite, .sf-menu li li.sfHover a.hilite {
background: none !important

}



/* =content */
#content {
width: 100%;
clear: both;
position: relative;
}

#content-shadow {
background:	url('../_img/bk-content.png') repeat-x 0 0;
position: absolute;
top: 0;
left: 0;
z-index: 5;
height: 10px;
width: 100%;
}


#home #content .wrap {
height: 490px;
position: relative;
}

#home ul#slider {
height: 490px;
width: 990px;
position: absolute;
z-index: 3;
}

#home #pager {
bottom: 20px;
right: 15px;
position: absolute;
z-index: 4;
text-indent: -999em;
width: 100px;
height: 8px;
}

#home #pager a {
width: 8px;
height: 8px;
background:	url('../_img/bk-pager.png') no-repeat 0 0;
margin: 0 5px;
display: block;
float: left;
}

#home #pager a.activeSlide {
background:	url('../_img/bk-pager.png') no-repeat 0 -8px;
}



#home #welcome {
width: 580px;
position: absolute;
z-index: 4;
}

#home #h2-welcome {
background:	url('../_img/h2-welcome.png') no-repeat 0 0;
text-indent: -999em;
height: 70px;
width: 430px;
}

#home #welcome-note {
background:	url('../_img/hr-welcome.png') no-repeat 0 bottom;
padding: 40px 40px 20px 40px;
}

#home #welcome-note p {
font-size: 1.4em;
line-height: 140%;
font-weight: bold;
margin-bottom: 15px;
font-family: "Avenir LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#welcome-note li {
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
padding: 5px 0;

}

#welcome-note li a {
text-decoration: none;
background:	url('../_img/icon-welcome.png') no-repeat 0 50%;
padding: 5px 5px 5px 10px;
}


#welcome-note li a:link, #welcome-note li a:visited {
opacity: 0.7;
filter: alpha(opacity=70);
color: #333333;
}

html #welcome-note li a:link, html #welcome-note li a:visited {
color: #666666;
}

#welcome-note li a:hover {
opacity: 1.0;
filter: alpha(opacity=100);
color: #333333;
}

html #welcome-note li a:hover {
color: #333333;
}


#home #welcome-vid {
padding: 20px 40px 20px 40px;
}

#welcome-vid p {
font-size: 1.4em;
line-height: 140%;
font-weight: bold;
width: 260px;
margin-bottom: 10px;
color: #666666;
}

#welcome-vid .movie {
background: url("../_img/bk-video.png") no-repeat -2px bottom;
height: 145px;
width: 246px;
display: block;
}


#stage {
width: 100%;
height: 110px;
position: relative;
}

.mission-stage {
background:	url('../_img/bk-stage-mission.jpg') no-repeat 0 0;
}

.mission-stage span {
background:	url('../_img/bk-stage-mission2.jpg') no-repeat 0 0;
position: absolute;
top: 0;
right: 0;
width: 280px;
height: 160px;
}


#container {
width: 710px;

float: left;

}

#main {
width: 490px;
float: left;
position: relative;
padding: 20px;
}

#main p {
margin-bottom: 15px;
line-height: 140%;
font-size: 1.3em;
text-align: justify;
}


#h2-about, #h2-mission, #h2-history, #h2-team, #h2-chiropractic, #h2-services, #h2-news, #h2-resources, #h2-faqs, #h2-links, #h2-contact {
text-indent: -999em;
height: 30px;
width: 320px;
left: 20px;
top: -40px;
position: absolute;
z-index: 5px;
}

#h2-about {
background:	url('../_img/h2-about.png') no-repeat 0 0;
}

#h2-mission {
background:	url('../_img/h2-mission.png') no-repeat 0 0;
}

#h2-history {
background:	url('../_img/h2-history.png') no-repeat 0 0;
}

#h2-team {
background:	url('../_img/h2-team.png') no-repeat 0 0;
}

#h2-chiropractic {
background:	url('../_img/h2-chiropractic.png') no-repeat 0 0;
}

#h2-services {
background:	url('../_img/h2-services.png') no-repeat 0 0;
}

#h2-news {
background:	url('../_img/h2-news.png') no-repeat 0 0;
}

#h2-resources {
background:	url('../_img/h2-resources.png') no-repeat 0 0;
}

#h2-faqs {
background:	url('../_img/h2-faqs.png') no-repeat 0 0;
}

#h2-links {
background:	url('../_img/h2-links.png') no-repeat 0 0;
}


#h2-contact {
background:	url('../_img/h2-contact.png') no-repeat 0 0;
}

/* =sidenav */

#sidenav {
float: left;
width: 140px;
background:	url('../_img/bk-sidenav.png') repeat-x 0 bottom #f0e9df;
height: 540px;
padding: 30px 20px;
}

#sidenav ul {
width: 140px;
font-size: 1.3em;
font-weight: bold;
}

#sidenav li a {
display: block;
padding: 5px 5px 5px 20px;
text-decoration: none;
}

#sidenav li a:link, #sidenav li a:visited {
color: #b39974;
background:	url('../_img/icon-sidenav-link.png') no-repeat 0 50%;
}

#sidenav li a:hover, #sidenav li a.sidehilite {
color: #9d4836;
background:	url('../_img/icon-sidenav-hover.png') no-repeat 0 50%;
}

#sidenav li a.sidehilite:hover {
cursor: default;
}



/* =sidebar */
#sidebar {
width: 280px;
height: 600px;
float: right;
background:	url('../_img/sidebar-bdr.png') no-repeat 0 0;
margin-top: 50px;
}

#sidebar h2 {
background: url("../_img/bk-nav.png") repeat-x 0 0 #7e3a2b;
font-size: 1.6em;
padding: 15px;
color: #ffffff;
font-weight: bold;

}

#sidebar ul {
width: 249px;
background: url("../_img/bk-sidebar.png") repeat-x 0 0;
margin-left: 1px;
padding: 15px;
}

#sidebar ul#video li.movie {
background: url("../_img/bk-video.png") no-repeat -2px bottom;
height: 145px;
width: 246px;
display: block;
}

#sidebar a.learn-more {
font-size: 1.1em;
background: url("../_img/icon-arrow.png") no-repeat 0 50%;
padding: 5px 5px 5px 10px;
font-weight: bold;
margin-top: 5px;
display: block;
text-transform: uppercase;
text-decoration: none;
opacity: .75;
filter: alpha(opacity=75);
}

#sidebar a.learn-more:link, #sidebar a.learn-more:visited {
color: #333333;
opacity: .75;
filter: alpha(opacity=75);
}

#sidebar a.learn-more:hover {
color: #333333;
opacity: 1.0;
filter: alpha(opacity=100);
}



#sidebar ul#updates li {
background: url("../_img/sidebar-hr.png") no-repeat 0 bottom;
padding-bottom: 10px;
margin-bottom: 10px;
}

#sidebar ul h4 {
font-size: 1.3em;
font-weight: bold;
line-height: 140%;
}

#sidebar ul p {
font-size: 1.3em;
line-height: 140%;
}

/* =footer */

#footer {
clear: both;
width: 950px;
margin-left: auto;
margin-right: auto;
height: 1%;
overflow: hidden;
padding: 20px;
color: #666666;
border-top: 1px solid #685a4f;
margin-top: 0;
}


#footer a {
text-decoration: none;
}


#footer a:link, #footer a:visited {
color: #666666;
}

#footer a:hover {
color: #333333;
}

#footer .col {
float: left;
width: 50%;
}

#footer .col ul {
float: left;
width: 100%;
font-size: 1.1em;
margin-bottom: 15px;
}

#footer .col li {
float: left;
padding-right: 5px;
border-right: 1px solid #666666;
margin-right: 5px;
}

#footer .col li.last {
padding-right: 0;
border-right: none;
margin-right: 0;
}

#footer .col li a {
font-weight: bold;
}


#footer .col p {
font-size: 1.1em;
font-weight: bold;
}


#footer .vcard {
float: right;
width: 49%;
text-align: right;
color: #666666;
font-family: "Avenir LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;
}



#footer .vcard p {
font-size: 1.4em;

}

#footer .vcard h4, #footer .vcard .tel .type {
display: none;
text-indent: -999em;
float: left;
}

#footer .vcard .tel {
font-size: 1.6em;
margin-top: 10px;
}

#footer .vcard .tel .value {
background: url("../_img/icon-phone.png") no-repeat 0 50%;
padding-left: 25px;
padding-top: 10px;
padding-bottom: 10px;
}