* { margin: 0; padding: 0; }	a img { border: 0; background: transparent; }	fieldset { border: none; }	html { height: 100% }	body { min-height: 101% }


/* =COMMON ELEMENTS
================================================ */
body {
	font: 75%/1.3 "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	color: #656565;
	background: #dde1dc url(../images/body_bg.gif) repeat-y 50% 0;
}
#container { width: 715px; background: #FFF; margin: 50px auto 60px; }


/* =TEXT & CLASS STYLES 
================================================ */
a { text-decoration: none; color: #417c8d; border-bottom: 1px dotted #6b9ca9; }
a:hover, a:focus { border-bottom: 1px solid #417c8d; color: #254156; }
p { line-height: 1.4; margin: .1em 0 1em; }
p.small {line-height: 1.4; margin: .1em 0 1em; font-size: 93%;}
h2 { font: normal 170% Georgia, "Times New Roman", Times, serif; color: #2e404e; }
h2 sup { font: 9px Helvetica, Arial, sans-serif; }
#content h3 { color: #888; font-weight: normal; margin: 6px 0 .8em; line-height: 1.4; font-size: 140%; }
h4 { font-size: 125%; font-weight: normal; margin: 1em 0 .1em; color: #676767; }
h5 { font-size: 115%; font-weight: normal; margin: 1em 0 1.25em; }
#bd-casestudies h4, #bd-practices h4 { margin: 5px 0 .4em; }
#case-holder { min-height: 400px; }
#content ul { margin: 1em 0; }
#content ul li, #sidebar-right ul li { margin: .3em 0; background: url(../images/bulblue-arr-sm.gif) no-repeat left .4em; padding-left: 10px; list-style: none; }
#bd-casestudies #sidebar-right ul li, #bd-practices #sidebar-right ul li { background-image: url(../images/bul-arr-sm.gif) }




/* =HEADER
================================================ */
#header { width: 775px; height: 75px; position: relative; margin: 0 auto; }
#header h1#logo a { position: absolute; top: 37px; left: 28px; width: 160px; height: 21px; background: url(../images/logo-zwas.gif); font-size: 125%; color: #3b4b5b; display: block; text-indent: -9999em; overflow: hidden; border-bottom: none; }
#bd-home #header h1 a { cursor: default; }
#header h3#tagline { position: absolute; top: 42px; right: 25px; width: 137px; height: 18px; background: url(../images/tagline.gif); font-size: 110%; color: #777; display: block; text-indent: -9999em; }



/* =CONTENT
================================================ */
#content {
	width: 455px;
	margin: 0 30px 30px 0;
	float: left; display: inline;
}

#content hr { color: #fff; background-color: #fff; border: 1px solid #EEE; border-style: none none solid; margin: 1em 0; display: block; }




/* =GRID - HOME PAGE
================================================ */
dl#grid {
	width: 451px; height: 209px;
	background: #EEE;
	margin: 2em 0;
}
dl#grid dt {
	width: 451px; height: 28px;
	background: #6b9ca9 url(../images/grid/head-areas.gif) no-repeat;
	text-indent: -9999em;
}
dl#grid ul#upper {
    width: 451px; height: 91px;
	background-image: url(../images/grid/upper.gif); 
    margin: 0; padding: 0;
	position: relative;
	list-style: none;
}
dl#grid ul#upper li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
dl#grid ul#upper li, dl#grid ul#upper li a { height: 91px; display: block; text-indent: -9999px; overflow: hidden; border-bottom: none; background-image: none; }
dl#grid #upper1 { left: 0px; width: 225px; }
dl#grid #upper2 { left: 225px; width: 226px; }

dl#grid #upper1 a:hover {
    background: transparent url(../images/grid/upper.gif)
	0px -91px no-repeat; }
dl#grid #upper2 a:hover {
    background: transparent url(../images/grid/upper.gif)
	-225px -91px no-repeat; }



/* LOWER GRID */
dl#grid ul#lower {
    width: 451px; height: 90px;
	background-image: url(../images/grid/lower.gif); 
    margin: 0; padding: 0;
	position: relative;
	list-style: none;
}
dl#grid ul#lower li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
dl#grid ul#lower li, dl#grid ul#lower li a { height: 90px; display: block; text-indent: -9999px; overflow: hidden; border-bottom: none; background-image: none; }
dl#grid #lower1 { left: 0px; width: 225px; }
dl#grid #lower2 { left: 225px; width: 226px; }

dl#grid #lower1 a:hover {
    background: transparent url(../images/grid/lower.gif)
	0px -90px no-repeat; }
dl#grid #lower2 a:hover {
    background: transparent url(../images/grid/lower.gif)
	-225px -90px no-repeat; }



/* Resources */
div#res-left { width: 215px; float: left; display: inline; }
div#res-right { width: 215px; float: right; display: inline; }


dl.resource {
	margin: .5em 0 1.75em;
	width: 215px;
	background: #f8f8f8;
	padding-bottom: 1em;
}
dl.resource dt {
	width: 215px; height: 28px;
	background: #6b9ca9; color: #FFF;
	text-indent: -9999em;
}
dl.resource dt#res-prof {
	background-image: url(../images/res-prof.png);
}
dl.resource dt#res-org {
	background-image: url(../images/res-org.png);
}
dl.resource dt#res-books {
	background-image: url(../images/res-books.png);
}
dl.resource dd {
	color: #2e404e;
	background: url(../images/bul-arr-sm.gif) no-repeat 0 .25em;
	padding-left: 11px;
	margin: .75em 1em .75em 11px;
}
dl.resource dd a {
	color: #2e404e;
	border-bottom: 1px dotted #2e404e
}
dl.resource dd a:hover {
	border-bottom: 1px solid #2e404e
}
	 



/* =SIDEBAR-RIGHT
================================================ */
#sidebar-right {
	width: 225px;
	float: left; display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#bd-casestudies #sidebar-right, #bd-practices #sidebar-right { margin-top: 25px; }

#sidebar-right h3 { color: #33626f; font: normal 145% Georgia, "Times New Roman", Times, serif; margin: 1.25em 0 0; }
#sidebar-right > h3:first-child { margin-top: 0; }
#sidebar-right p { font-size: 100%; color: #656565; }
#sidebar-right strong a { font-weight: normal; }
#sidebar-right hr { color: #fff; background-color: #fff; border: 1px solid #DDD; border-style: none none solid; margin: 1.25em 0 1em; }

#sidebar-right li.selected a { border-bottom: 1px solid #417c8d; color: #254156; }

#bd-about #sidebar-right, #bd-resources #sidebar-right  { margin-top: 14px; }
#sidebar-right h4 { font-weight: normal; font-size: 120%; color: #777; }



/* =MASTHEADS (photos)
================================================ */
#masthead { width: 765px; height: 160px; margin: 0 auto; }





/* =NAV MAIN
================================================ */
ul#navs-main {
	width: 765px; height: 30px;
	background: url(../images/nav-main.jpg) no-repeat; 
    margin: 0 auto 5px; padding: 0;
	list-style: none;
    position: relative;
}
ul#navs-main  li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;
	top: 0;
}
ul#navs-main li, ul#navs-main a { height: 30px; display: block; text-indent: -9999px; overflow: hidden; }
#nav1 { left: 0px; width: 120px; }
#nav2 { left: 120px; width: 114px; }
#nav3 { left: 234px; width: 146px; }
#nav4 { left: 380px; width: 120px; }
#nav5 { left: 500px; width: 124px; }
#nav6 { left: 624px; width: 141px; }

#nav1 a:hover, #bd-practices #nav1 a {
    background: transparent url(../images/nav-main.jpg)
	0px -30px no-repeat; }
#nav2 a:hover, #bd-methods #nav2 a {
    background: transparent url(../images/nav-main.jpg)
	-120px -30px no-repeat; }
#nav3 a:hover, #bd-casestudies #nav3 a {
    background: transparent url(../images/nav-main.jpg)
	-234px -30px no-repeat; }
#nav4 a:hover, #bd-about #nav4 a {
    background: transparent url(../images/nav-main.jpg)
	-380px -30px no-repeat; }
#nav5 a:hover, #bd-resources #nav5 a {
    background: transparent url(../images/nav-main.jpg)
	-500px -30px no-repeat; }
#nav6 a:hover, #bd-contact #nav6 a {
    background: transparent url(../images/nav-main.jpg)
	-624px -30px no-repeat; }




/* =FORM
================================================ */
form {
  background: #f1f1f1;
  margin: 1.5em 0;
  padding: .9em 1.25em;
}
form div { margin: 0 0 .75em; padding-bottom: .75em; border-bottom: 1px dotted #CCC; }
form div.msg, form div.formbtn { padding-bottom: 0; border-bottom: none; }
input, textarea, select {
	font-size: 100%;
	padding: 3px;
	width: 250px;
}
input, textarea {
	background: #fff;
	border: 1px solid #ccc;
	border-color: #aaa #eee #eee #aaa;
	color: #545454;
	font: 115% "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
}
input:hover, textarea:hover { border-color: #888 #ddd #ddd #888; }
input:focus, textarea:focus { border-color: #777; }
textarea { width: 410px; }
form label { font-size: 98%; }
form input.button { width: auto; background: #f5f5f5; color: #777; font-weight: bold; border: 1px solid #bbb; border-color: #ddd #999 #999 #ddd; padding: .3em; font-size: 120%; font-variant: small-caps; cursor: pointer; }
form input.button:hover { color: #555; border: 1px solid #bbb; border-color: #bbb #777 #777 #bbb; background: #fff; }

#bd-contact #sidebar-right {
	margin-top: 22px;
}
#sidebar-right h4 {
	font-weight: normal; font-size: 120%; color: #656565;
}



/* =FOOTER
================================================ */
#footer { clear: both; margin: 4em 0; font-size: 94%; }
#footer hr { color: #fff; background-color: #fff; border: 1px dotted #888; border-style: none none dotted; width: 715px; margin: 3em 0 .75em; display: block; }
#footer p { float: left; }
#footer p.co-info { width: 485px; }
#footer p.designby a { border-bottom: none; color: #777; }
#footer p.designby a em { text-decoration: underline; font-style: normal; }
#footer p.designby a:hover em { color: red; }



/* =EXTRAS (clears floats)
================================================ */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1px; }


/* =SKIP NAV
================================================ */
ul#skipNav { position: absolute; left: -9999px; font-size: small; z-index: 200; }
ul#skipNav a:link, ul#skipNav a:visited { color: #F00; }
ul#skipNav a:focus { display: block; position: absolute; top: 20px; left: 10020px; font-size: 130%; background: #FFF; border: solid 1px #888; padding: 10px; width: 8em; z-index: 10000; }
ul#skipNav a:hover { color: #390; background: #EEE; border: solid 1px #333; }