/* got PIE? */
#container #document, .boxxy, .minibutton, #booking_form .formBlockSubmitButton{
  behavior: url(http://www.beuplifted.co.nz/themes/yoga2/PIE.htc);
  position:relative;
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
  background:#ffb606 url(http://www.beuplifted.co.nz/themes/yoga2/images/bodybg.jpg) 50% top no-repeat;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins {	text-decoration: none;}
del {	text-decoration: line-through;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
p{margin-bottom:10px;}
em{font-style:italic;}
strong{font-weight:bold;}


body {
	font: normal normal 13px Arial;
	color:#787878; 
}

img {border: 0px}
a,a:visited,a:active {color:#ffb506;}
a:hover {color:#ffd906;} 

#document ul{padding-left:20px;}
  #document ul li{list-style:disc outside none}

/* Layout */
#container{
  width:1000px;
  margin:0 auto;
  position:
}

  #container #site_nav{
    height:25px;
    padding:20px 0 0 0;
    position:relative;
    z-index:99;
 
  }
    #container #site_nav li{
      margin:0 10px;
    }
    #container #site_nav a{
      font-family:georgia,"times New Roman",times,serif; 
      font-size:14px;
      text-decoration:none;
      color:#c67400;
    }
      #container #site_nav a:hover,  
      #container #site_nav a.nav-selected{
        color:#c63d00;
      }
      
         #container #site_nav .nav ul {
            -moz-border-radius: 3px 3px 3px 3px;
            -moz-box-shadow: 0 0 15px #B37A00;
            
            -webkit-border-radius: 3px 3px 3px 3px;
            -webkit-box-shadow: 0 0 15px #B37A00;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 0 15px #B37A00;
            background: none repeat scroll 0 0 #FFFFFF;
            padding: 10px;
            position: absolute !important;
            top: 30px;
            white-space: nowrap;
            width: auto;
        }
          #container #site_nav .nav ul li{
            border-bottom: 1px dotted #787878;
            display: block;
            margin: 0;
          }

          #container #site_nav .nav ul a{
            font-size:14px;
            color:#787878;
            padding:5px 0;
          }
            #container #site_nav .nav ul a:hover{
              color:#C63D00;     
            }


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

      
  #container #document{
    line-height:1.3;
    padding:20px;
    background:#fdf9f1;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    box-shadow:0 0 15px #b37a00;
    -moz-box-shadow:0 0 15px #b37a00;
    -webkit-box-shadow:0 0 15px #b37a00;
  }

    #container #document #logo{
      text-indent:-999em;
      width:217px;
      height:185px;
      display:block;
      position:absolute;
      background:url(http://www.beuplifted.co.nz/themes/yoga2/images/logo.png) no-repeat;
      margin:0;
      padding:0;
      top:-4px;
      z-index:30;
      left:37px;
}
      
  
#footer{
  width:960px;
  margin:0 auto;
  font-size:10px;
}
  #footer, #footer a{color:#d59c00;}

/* boxes */
.clear{display:block; clear:both; height:0;}

.boxxy{
  padding:10px 20px;
  margin-bottom:10px;
  background:#fff;
  box-shadow:0 0 5px #ebe6df;
  -moz-box-shadow:0 0 5px #ebe6df;
  -webkit-box-shadow:0 0 5px #ebe6df;
}

.minibutton{
  display:block;
  height:20px;
  line-height:20px;
  border:1px solid #edddbe;
  text-decoration:none;
  text-align:center;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  color:#6a5531;
  background: #fcf0d7;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdf9f0), to(#fcf0d7));
  background: -moz-linear-gradient(#fdf9f0, #fcf0d7);
  background: linear-gradient(#fdf9f0, #fcf0d7);
  -pie-background: linear-gradient(#fdf9f0, #fcf0d7);
}

.minibutton:hover{  
  color:#6a5531;
  background: #fff6e3;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#fff6e3));
  background: -moz-linear-gradient(#fff, #fff6e3);
  background: linear-gradient(#fff, #fff6e3);
  -pie-background: linear-gradient(#fff, #fff6e3);
}

.minibutton:visited{color:#6a5531;}
  
/* homepgage */
/* header thing */
#page_header{ padding:10px;}
#home_header{ padding:10px;}
  #home_header .home_testimonial{
    position:absolute;
    right:10px;
    bottom:10px;
    padding:10px;
    width:420px;
    background:url(http://www.beuplifted.co.nz/themes/yoga2/images/black_20.png);
    font-family:georgia,"times New Roman",times,serif; 
  }

    #home_header .home_testimonial span{
      display:block;
      color:#fff;
      font-style:italic;
      
    }
      #home_header .home_testimonial span.home_testimonial_name{
        margin-top:10px;
        text-align:right;
        font-size:10px;
      }
    

#home_welcome,
#home_promo{
  width:440px;
  float:left;
}

#home_welcome{margin-right:20px;}
#home_promo{  padding:10px;}

#home_cols{clear:both;}
#home_cols .boxxy{padding:10px;}
  #home_cols .col{
    float:left;
    width:225px;
    margin-right:20px;
  }
    #home_cols .col.col4{margin-right:0}

  #home_cols .textblock{padding:0 10px}
  
  #home_cols a.minibutton{
    width:100px;
  }
  
  
/* bookingform */
#left_col.bookingpage_left_col,
#right_col.bookingpage_right_col{width:440px;}

#booking_form{}
  
  #booking_form .formBlockSurveyCell{float:none;}
    
    #booking_form .formBlockSurveyCell.question{
      width:100%;
      padding:0;
      font-family:georgia,"times New Roman",times,serif;
      font-style:italic;
    }
    
    #booking_form .formBlockSurveyCell.answer{}
  
  #booking_form input,#booking_form textarea,#booking_form select{
    border: 1px solid #e2dfd9;
    color: #444444;
    font-size: 12px;
    padding: 4px;
    height:20px;
    line-height:20px;
    width:450px;
  }
  
  #booking_form select{padding:0px; height:28px; width: 460px;}
  #booking_form textarea{height:auto; line-height:1.2}
  
  #booking_form .formBlockSubmitButton{
    display:block;
    height:30px;
    line-height:30px;
    border:1px solid #edddbe;
    text-decoration:none;
    text-align:center;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    color:#6a5531;
    background: #fcf0d7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fdf9f0), to(#fcf0d7));
    background: -moz-linear-gradient(#fdf9f0, #fcf0d7);
    background: linear-gradient(#fdf9f0, #fcf0d7);
    -pie-background: linear-gradient(#fdf9f0, #fcf0d7);
    padding:0 20px;
    float:right;
  }
  
    #booking_form .formBlockSubmitButton:hover{
      color:#6a5531;
      background: #fff6e3;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#fff6e3));
      background: -moz-linear-gradient(#fff, #fff6e3);
      background: linear-gradient(#fff, #fff6e3);
      -pie-background: linear-gradient(#fff, #fff6e3);
    }
  
/* 2 Col pages */ 
#left_col,
#right_col{
  width:430px;
  float:left;
}

#left_col{margin-right:20px;}