/* feld_08.css
 design by: Ake Stone
 code by: Nick Stone http://www.nick-stone.com/

client: Central Virginia Feldenkrais, Marsha Robertson
site: http://www.CentralVirginiaFeldenkrais.com

created: 4/22/09
updated:  4/24/09
updated:  4/26/09 update nav buttons, width & filenames
updated: 6/4/09 change movie div ID from underscore to hyphen
		also updated swfobject.js with new ID for movie div
updated: 6/6/09 fixed italic declaration
updated: 7/29/09 add rules for contact.php

*/



  /*   RESET per Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------------------- */
/* PAGE STRUCTURE

960px wrap
160px AP primary nav
800px h1 floats right, contains mast background
800px main floats left
	500px main-content floats left
	300px sidepanel (15+270+15) floats right
800px footer clears both

*/


 body {
	background: #fff url(../img/090422_body_back_mint_gradient_10x1164.jpg) repeat-x 0 0 ;
    position:relative; /*enable AP, Z */
    font-size: 62.5%;
    font-family: helvetica,arial,sans-serif;
}

#wrap {
margin-top:100px;
width: 960px;
margin-left:auto;
margin-right:auto;
position:relative;/* enable AP nav */
}
#skip {
height:0;
width:0;
overflow:hidden;
position:absolute;
}
/* h1 sits above content, holds box tops */
h1{
text-align:right; /* push img over content */
  font-weight:bold;
  font-size: 1.8em;
height:70px; /* fixed height matches img */
}
.ndx h1{
height:105px; /* fixed height matches img */
}
/* -------------------------- */
/* CONTENT holds 2 columns */

#content {
  float:right;  /* contain sidepanel */
width: 800px;
background: url(../img/090507_content_background_800x20.gif) repeat-y 0px 100px; /* faux columns */
}
/* ie6 fix
problem: gap appears btwn h1 and content
fix: negative margin on content
*/
* html #content{
  margin-top:-5px;
}


.ndx #content{
  background:none;
}



/* -------------------------- */
/* Content MAIN is left column */
#content #main {
float:left;
width:482px;
background:#fff;
color:#000;
margin-bottom: 80px;
}
.ndx #content #main {
 width:500px;
}

#main h2{
   font-weight:bold;
   font-size: 1.7em;
   margin: 1em;
 }
#main h3{
   font-weight:bold;
   font-size: 1.6em;
   margin:2em 1em 1em;
 }

#main p,
#main li  {
  margin:1em ;
  font-size: 1.4em;
line-height:1.4em;
}
.ndx #main p{
   font-size: 1.6em;
line-height:1.6em;
}
#main .italic {
font-style:italic;
}

abbr,acronym {
border-bottom:1px dashed #000;
cursor:help;
}



/* -------------------------- */
/* Content SIDEPANEL is right column */

#sidepanel{
float:right;
width:318px; /* plus 0 left gutter */
background:#f96;
color:#000;
}

/* SIDEPANELS EXCEPT .ndx  */
/* images are 210x160 */
#sidepanel .box{
height:190px;
width:210px;
margin:0 auto 50px;
background:#48911d;
color:#fff; /* for alt text */
}
#sidepanel #b1{
margin-top:1.7em; /* v-align with h2 */
}
#sidepanel .box  h3{
font-size: 1.5em;
margin: .9em 8px;
}
#sidepanel .box img{
font-size:1.4em;  /* for alt text */
margin-top:30px;
}

/* .t = Testimonials */
#sidepanel .t{
height:auto; /* override box height */
width:210px;
margin:0 auto 50px;
background:#bdefa0;
color:#fff; /* for alt text */
padding: 20px 0;/* text needs top & btm pad */
font-size: 1.2em;
line-height: 1.2em;
}

#sidepanel .t blockquote p{
color:#000;
background:#bdefa0;
margin: 1em 8px 0;
text-align:justify;
}

#sidepanel .t cite  {
display:block;
text-align:right;
color:#555;
background:#bdefa0;
font-size:0.9em;
margin: 0.5em 8px;
}

#sidepanel a:link,
#sidepanel a:visited{
  text-decoration:underline;
}
#sidepanel a:hover{
  text-decoration:none;
}
/* ----------- */
/* #sidepanel BIO  */


.bio #sidepanel .box,
.bio #sidepanel .t {
width: 260px; /* match bio photo */

}
.bio #sidepanel .box img{
font-size:1.4em;  /* for alt text */
margin-top:0;/* override default 30px */
}


/* ----------- */
/* #sidepanel CONTACT  */

.contact #sidepanel .box{
height:auto; /* override box height */
width:210px;
margin:0 auto 50px;
background:#bdefa0;
color:#000;
padding: 20px 0;/* text needs top & btm pad */
font-size: 1.2em;
line-height: 1.2em;
}

.contact #sidepanel .box dl,
.contact #sidepanel .box p{
color:#000;
background:#bdefa0;
margin: 1.5em 8px 0;
}

.contact #sidepanel dt{
  font-weight:700;
}
.contact #sidepanel dd{
margin-top: .2em;

}



/* ------------ */
/* #sidepanel INDEX*/
.ndx #content #sidepanel{
width:300px; /* plus 15 left gutter */
background:#fff;
color:#000;
}
.ndx #sidepanel .box,
.ndx #sidepanel p,
.ndx #sidepanel a{
background:#a54e21;
color:#fff;
}
.ndx #sidepanel .box{
margin:0 15px 15px;
width: 270px;
height: 170px;
overflow:auto;
position:relative; /*enable AP */
}

.ndx #sidepanel a{
font-size: 1.2em;
}
.ndx #sidepanel li,
.ndx #sidepanel p {
font-size: 1.2em;
margin: .5em 8px;
}

.ndx #sidepanel #b1{
  padding:1em 0;
margin-top: 0; /* override default 1.7em */
}

.ndx #sidepanel #b1 li{
font-size:1.2em;
text-align:center;
}
/* phone */
.ndx #sidepanel #b1 li.phone {
  font-size:1.8em;
  margin-top: 20px;
}


.ndx #sidepanel #b2 img#muscles{
margin: 8px 0 8px 29px; /* horiz distributed with #pain */
}
.ndx #sidepanel #b2 img#pain{
position:absolute;
top:25px; /* vertically centered with img#muscles */
right:29px;  /* horiz distributed with #muscles */
margin:0; /*override default box margins */
}
.ndx #sidepanel #b2 p{
text-align:center;
}

.ndx #sidepanel #b3 img#bliss{
position:absolute;
top:8px;
right:8px;
margin:0; /*override default box margins */
}
.ndx #sidepanel #b3 ul{
  margin-top: 35px;
}
/* mirror box2-img-positioning  */
.ndx #sidepanel #b4 img#benefit-01{
position:absolute;
top:25px; /* vertically centered with img#benefit-02 */
right:29px;  /* horiz distributed with img#benefit-02 */
margin:0; /*override default box margins */
}
.ndx #sidepanel #b4 img#benefit-02{
width:68px; /*temp*/
height:110px;  /*temp*/
margin: 8px 0 8px 29px; /* horiz distributed with #benefit-01 */
}
.ndx #sidepanel #b4 p{
text-align:center;
}




/* -------------------------- */
/* -------------------------- */
/* FOOTER */

#footer {
float:right;
background:#ffb38c;
background:#a54e21;
width: 800px;

}
#footer #copyright{
  color:#ccc;
  background:#ffb38c;
background:#a54e21;
}
#footer p{
 font-size:1.3em;
 color:#aaa;
 background:#ffb38c;
background:#a54e21;
 text-align:center;
 margin:1em;
}


#footer p a:link,
#footer p a:visited {
font-size:1.3em;
  color:#aaa;
  background:#ffb38c;
background:#a54e21;
  text-align:center;
  text-decoration:none;
}

#footer p a:hover {
  color:#fff;
  background:#ffb38c;
background:#a54e21;
  text-decoration:none;
}



/* ------------------------- */
/* ------------------------- */
/* NAV Primary */
/* ------------------------- */
/* ------------------------- */

/*  NAV Primary  */

#nav-p  {
  position:absolute;
  width:160px;

  top: 105px; /* match h1 height to align with #slides & #b1 */
  left: 0;
  width: 160px;

}
#nav-p  li {
    text-align:right;
    height: 36px;
	margin-bottom: 36px;
}

/* NAV-P anchors */
#nav-p  a {
    position:relative;
    display:block;
    text-decoration:none;

}

/* NAV-P TEXT SPANS */
#nav-p  a:link span.txt,
#nav-p  a:visited span.txt,
#nav-p  a:hover span.txt {
  display:block;
  position: absolute;
  top:0;
  right:0;

}



   /* NAV-P TITLE SPANS */
#nav-p  a:link span.tip,
#nav-p  a:visited span.tip {
  display:none;
  position: absolute;
  top:40px;
  right:0;
  width: 100%;
  height: 100%;
}
#nav-p  a:hover span.tip {
display:block;
  right:4px;
  text-align:right;
  width: 240px;
  color: #fff;
  background: transparent;
  font-size: 1.4em;

}

#nav-p  a span.i  {
height:36px;
position:absolute;
right:0;
top:0;
}

#nav-p  .home span.i  {
    width: 64px;
background:url(../img/nav/090426_btn_home_64x36_export.png) no-repeat 100% 0;
  }
#nav-p  .feldenkrais span.i {
    width: 125px;
background:url(../img/nav/090511_btn_feldenkrais_125x36_export.png) no-repeat 0 0;
  }
#nav-p  .bones span.i{
    width: 134px;
background:url(../img/nav/090426_btn_bones_134x36_export.png) no-repeat 0 0;
  }
#nav-p  .sleep span.i {
    width: 135px;
background:url(../img/nav/090426_btn_sleep_135x36_export.png) no-repeat 0 0;
  }
#nav-p  .bio span.i {
    width: 56px;
background:url(../img/nav/090426_btn_bio_56x36_export.png) no-repeat 0 0;
  }



/* ----------
   INDEX
   ---------- */
/* -------------------------- */
/* Index Content-Main SLIDE SHOW */

.ndx #slides {
width: 365px;
height: 285px;
margin-left:65px;
/*border:1px solid #dde;  */
}

#movie-01{
position:absolute;
width:365px;
height:285px;
top:105px;
left:225px;

}


/* -------------------------- */
/* Index Content-Main GREEN LINKS BOX */

.ndx #main #links-box{
background:#c6f1aa; /*url(../img/090422_wave_432x27_export.png) no-repeat 19px 10px*/
width:470px;
height: 17em;
margin:1em 0 1em 15px;
 text-align:center;
}

.ndx #main #links-box img {
  margin-top: 12px;
}
.ndx #main #links-box ul{
margin:auto;
width: 27em;
/*border-bottom: 1px solid red;/**/
}
.ndx #main #links-box li{
font-size:1.5em;
text-align:left;
margin: 1.1em 0;
}
.ndx #main #links-box a:link,
.ndx #main #links-box a:visited{
text-decoration:underline;
color:#060;
background:#c6f1aa;
}
.ndx #main #links-box a:hover{
text-decoration:none;
}

/* ------------------------- */
/* BIO */
/* ------------------------- */

.bio #content #main .last-p {
  margin-bottom: 120px;
}


/* ------------------------- */
/* CONTACT */
/* ------------------------- */

/* submitted contact page is very short,
needs extra white space to provide sufficient height
for primary nav
*/

.contact #content form {
  margin-bottom:180px;
}
.contact #content #msg-sent  {
  margin-bottom:280px;
}

    /* ------------------------- */
/* FILTER */
/* ------------------------- */