/*
Theme Name: Yes Bamboo
Version: 1.0
Description: Custom website for Yes Bamboo
Author: Intervision Design
Author URI: http://www.intervisiondesign.com
*/










/************************************/
/************ START CSS *************/

html {height:100%;}
body {margin:0px; padding:0; line-height:1.5em; height:100%; background:#ffffff;}
body,td,th {color:#666; font-family: 'Open Sans', sans-serif; font-size: 13px;}

/**********************************/
/************* RESET **************/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, p, span {padding:0; margin:0; text-decoration:none; font-weight:normal; list-style:none; border:0; outline:none;}
img { margin:0 0 -5px 0 !important; padding:0; outline:none; border:0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; font-weight: 300; color: #999; line-height: 1em;}

input[type="button"],input[type="submit"] {-webkit-appearance: none;}
a { color:#B2B833; outline:none; text-decoration:none; cursor:pointer;}
a:hover { color:#000;}
.clear {clear:both;}
.hidden { overflow: hidden;}
::selection {background: #e84c00; color:#fff;}
::-moz-selection {background: #e84c00; color:#fff;}

/************************************/
/********** SITE ALIGNMENT **********/

.grid_1 {  width: 65px; }
.grid_2 {  width:150px; }
.grid_3 {  width:235px; }
.grid_4 {  width:320px; }
.grid_5 {  width:405px; }
.grid_6 {  width:490px; }
.grid_7 {  width:575px; }
.grid_8 {  width:660px; }
.grid_9 {  width:745px; }
.grid_10 { width:830px; }
.grid_11 { width:925px; }
.grid_12 { width:1000px;}

.column { margin:10px; float:left; display:inline;}
.row { width:1020px; margin: 0 auto; position:relative; display:block;}
.row .row { margin:-10px -10px; width: auto; display: inline-block;}

/************************************/
/************** HEADER **************/

#header {width: 1000px; margin: 0 auto; height: 130px; position:relative; display:block;}
#logo { position: absolute; right: 0; bottom: 0; background: url(images/yesbamboo.jpg) no-repeat;}
#logo span { display: block; width: 277px; height: 92px;}

/************************************/
/*************** MENU ***************/

#menubox {position: absolute; bottom: 0; left: 0; width: 721px; height: 11px; border: 1px solid #D8DC9A;}
#menu { position: absolute; bottom: 13px; left: 0; width: 723px;}
#menu ul {}
#menu li { list-style:none; float:left; position: relative; display: block;}
#menu li a {display: block;}
#menu li a h2 { font-size:15px; color:#999; padding:0 20px 0 0;}
#menu li a:hover h2, #menu_main li.current-menu-item a h2, #menu_main li.current-menu-parent a h2 { color: #B2B833;}

#menu ul ul { position:absolute; left: 50%; margin-left: -105px; top: 15px; background:#fff; width: 210px; z-index:9999; text-align: left; padding: 10px 0; border:1px solid #D8DC9A;}
#menu ul ul li { width: 210px; padding: 0; margin: 0;}
#menu ul ul li a { display: block;}
#menu ul ul li a h2 {font-size: 14px; padding:10px 0; text-align: center; color: #999;}
#menu ul ul li:hover, #menu ul ul li.current-menu-item { color: #B2B833; padding: 0; border-bottom: none;}
#menu ul ul li:hover a h2, #menu ul ul li.current-menu-item a h2 { color: #B2B833;}

/************************************/
/*********** MAIN CONTENT ***********/

.bamboo_box { width: 660px; height: 120px; display: block; position: relative;}
#slideshow { float: left; width: 660px; height: 400px; background: #000;}
#slideshow .slide { width: 660px; height: 400px;}
.bamboo_banner_1 { display: none;}
.bamboo_banner_2 { display: block; width: 340px; height: 291px; background: url(images/banner22.jpg) no-repeat; position: absolute; top: -78px; right: -340px;}

h2.title { font-size: 24px; padding: 45px 0 34px 0;}
h2.title2 { font-size: 24px; padding: 45px 0 2px 0; line-height: 1.2em;}
.snip { padding: 0 0 30px 0;}

td {border: 1px #fff solid;}


/************************************/
/******* SORTING TRANSITIONS ********/

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -o-transition-property:top, left, opacity; transition-property:transform, opacity;}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s;}

/************************************/
/*********** TEXT STYLING ***********/

.text { line-height:1.5em; display:block; background: #f5f5f5; padding: 20px 10px; min-height: 200px;}
.text p { padding:0 0 7px 0;}
.text ul { padding:0 0 7px 0;}
.text ul li { list-style:square; list-style-position:outside; margin:0 0 0 20px;}
.text a {}
.text h6 { font-size:12px;}
.text h5 { font-size:14px;}
.text h4 { font-size:16px;}
.text h3 { font-size:18px;}
.text h2 { font-size:24px;}
.text h1 { font-size:30px;}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { padding:10px 0 15px 0;}
.text input, .text textarea { margin:3px 5px 3px 0; padding:4px 10px; border:1px solid #ccc; background:#fff; color:#666;/* width:auto;*/ font-size:12px;}
.text textarea { height:100px;}
.text input:focus, .text textarea:focus {/* background:#333;*/}
.text input:hover, .text textarea:hover { /*color:#fff;*/ border:1px solid #999;}
input[type="button"],input[type="submit"] { width:auto; border:1px solid #000; background:#333; color:#fff; font-size:12px; cursor:pointer;}
input:hover[type="button"],input:hover[type="submit"] { background:#1a1a1a; border:1px solid #000;}

/************************************/
/************ SHORTCODES ************/

.column_01 { width:25%;}
.column_02 { width:50%;}
.column_03 { width:75%;}
.column_04 { width:100%;}
.textrow {margin: 0 auto; overflow: hidden; position:relative; display:block;}
.textcolumn {float: left; display: inline;}
.paddingcol { padding:5px 10px 5px 0;}

ul.square li { list-style:square;}
ul.circle li { list-style:circle;}
ul.tick li { list-style-image:url(images/li_tick.png);}
ul.arrow li { list-style-image:url(images/li_arrow.png);}
ul.yes { width:640px;}
ul.yes li { width: 220px; float: left; list-style-image:url(images/yes.png); margin: 0 20px 0 70px;}

.twothirdonethird { display:block; padding:5px 0;}
.twothird { float:left; width:60%;}
.onethird { float:right; width:35%; border-left:1px dotted #999; padding:0 0 0 10px;}

.dropcap { float:left; padding:5px; background:rgba(0,0,0,0.4); color:#fff; font-size:24px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; margin:4px 5px 0 0;}
hr.line { margin:20px 0; border:0; background:none; border-bottom:1px dotted #666;}
.highlight { padding:1px 3px 2px 3px; background:#438; color:#fff;}
.quotes { font-size:14px; font-style:italic;}
.quote { float:left; margin:4px 5px 0 -10px; width:40px; height:24px; font-family:Arial, Helvetica, sans-serif; font-size:90px; line-height:0.8em; letter-spacing:-0.09em;}

/************************************/
/************* COMMENTS *************/

.commentboxes .text { padding:20px;}
#commentform { display:block; padding:15px;}
#commentform input[type="text"] { width:200px;}
#commentform textarea { height:65px; width:430px;}
#comments {display:block;}
#comments h2 { font-size:18px; padding:15px; font-weight:700;}
#comments ol { margin:0; padding:0 15px;}
#comments ol li { border-top:1px solid #ccc; padding:10px 20px;}
#comments ol li .quote {}
#comments ol li cite { font-size:10px; padding:10px 0; color:#999;}

/************************************/
/************** FOOTER **************/

#footerbox { height: 100px; width: 1000px; margin: 50px auto 0 auto; display: block; position: relative;}
#footerbox #slogan { position: absolute; right: 0; top: -27px; font-size: 30px; color: #ccc;}
#footerbox .certified { float: left; width: 242px; height: 100px; background: #D8DC9A;}
#footerbox .certified ul { height: 50px; width: 170px; margin: 40px 0 0 10px;}
#footerbox .certified ul li { float: left; width: 50px; height: 50px; margin: 0 5px 0 0;}
#footerbox .footcontacts { float: right; width: 755px; height: 100px; background: #B2B934; color: #fff;}
#footerbox .footcontacts .contact { width: 225px; float: right; padding: 20px 0 10px 0;}
#footer {width: 1000px; margin: 0 auto; font-size: 10px; text-align: right; padding: 5px 0; color: #999;}

/************************************/
/************** BUTTONS *************/


/************************************/
/************ ALIGNMENTS ************/

.aligncenter { display: block; margin-left: auto; margin-right: auto; padding:10px 0;}
.wp-caption { border: 1px solid rgba(0,0,0,0.6); text-align: center; background-color:rgba(0,0,0,0.5); color:#fff; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; margin:0 0 10px 10px;}
.alignleft { float: left; margin:0 10px 10px 0;}
img.alignleft { display:inline; float:left; margin:2px 10px 0 0 !important;}
img.alignright { display:inline; float:right; margin:2px 0 0 10px !important;}

/************************************/
/************* PAGENAVI *************/

.wp-pagenavi { font-size:13px; margin:0 auto; background:#fff; padding:10px 0 0 10px; text-align:right;}
#pagenavs span.pages, #pagenavs span.extend { cursor:text;}


/************************************/
/********** CONTACT FORM 7 **********/

.wpcf7-form .wpcf7-validation-errors{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ok{ border:none;  background-color:#daeabd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form .wpcf7-mail-sent-ng{ border:none;  background-color:#eacebd;  margin:0;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}
.wpcf7-form span.wpcf7-not-valid-tip{ border:none;  background-color:#eacebd;  padding:7px; -webkit-border-radius:3px; -moz-border-radius:3px;  border-radius:3px}

/************************************/
/************* END CSS! *************/