/* green: #A9CC29 */


html { background: url(/media/img/bg.gif) #F6F6F6; background-position: top 50%; }
.content { color: #666; line-height: 1.3em; }
#page-container { width: 1000px; background-color: #F6F6F6;
                  margin: auto; }

#page-shadow { width: 1008px; margin: auto;
               background: url(/media/img/dropshadow.png) repeat-y;}
	       

#page { width: 960px; margin: auto; z-index: 5;}

#content { padding-bottom: 25px; min-height: 450px;}

.content a { color: #A9CC29; text-decoration: none; }
.content a:hover { color: #799C09; text-decoration: underline; }

.clear { clear: both;}

#masthead { /*background: url(/media/img/masthead-bg-repeat.png) top left repeat-x;*/
            width: 1008px; margin: auto; 
            padding: 0; position: relative; height: 280px;}
#masthead img { /* border: solid 1px #e5e5e5; */
    position: absolute;left: -70px; z-index: -1;}

#masthead-home-link { text-indent: -9000px; position: absolute; left: 370px; top: 45px; width: 260px; height: 100px; }
#masthead-grabba-link { text-indent: -9000px; position: absolute; left: 700px; top: 80px; width: 310px; height: 75px;}

.large-link { margin-top: 22px; text-transform: uppercase; font-weight: bold; font-size: 15px;}

em.small { font-size: 80%; }

/*.text-block img {border: solid 1px #ccc;}*/
.text-block { color: #878787;}

/* columns */

.column { float: left; }

/* 576 (19) 365 */
.colset-1 .column.left-column { width: 576px; margin-right: 19px; }
.colset-1 .column.right-column { width: 365px; }

/* 470 (20) 470 */
.colset-2 .column.left-column { width: 470px; margin-right: 20px; }
.colset-2 .column.right-column { width: 470px; }

/* 49% 5px */
.colset-liquid-bloggers .column.half { width: 49%; margin-right: 5px; }
.colset-liquid-bloggers .column.half.last { margin-right: 0px; }
.colset-liquid-bloggers .column.third { width: 30%; margin-right: 15px; }
.colset-liquid-bloggers .column.third.last { margin-right: 0px; }
.colset-liquid-bloggers div{ margin: 10px 0px 0px 0px}
.colset-liquid-bloggers{ padding-bottom: 0px; margin-top: -15px;} /* override div margin */


.colset-liquid .column.half { width: 45%; margin-right: 20px; }
.colset-liquid .column.half.last { margin-right: 0px; }
.colset-liquid .column.third { width: 30%; margin-right: 15px; }
.colset-liquid .column.third.last { margin-right: 0px; }
.colset-liquid div{ margin: 10px 0px 0px 0px}
.colset-liquid{ padding-bottom: 0px; margin-top: -15px;} /* override div margin */

#header { padding-top: 20px; padding-bottom: 11px; }

#nav ul { list-style-type: none; padding: 0; margin: 0;}

#nav ul li { float: left; margin-right: 1px; }
#nav ul li.last { margin-right: 0px; }

.box { background-color: #fff; border: solid 1px #e5e5e5;
       padding: 15px; margin-bottom: 25px;}
.box .title-container { margin-left: 10px;}

.box.shallow { margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px;}

.box .title h1 { padding-top: 0px; margin-top: 0px; }
.box .title img { margin-right: 0px; margin-top: -5px;
                       margin-left: -28px; }

.metadata {margin-bottom: 20px;}
.post-box { padding: 22px 18px 18px 18px;}
.post-box .date { float: right; color: rgb(229,229,229); }
.post-box .metadata p { margin: 0; line-height: 1.2em;}
.post-box .metadata p strong { color: rgb(102,102,102); }

.comments-share a, .comments-share a:hover, .comments-share a:visited { color: #42b6cd; }
.comments-share a { display: block; }
.comments-link { float: left; background: url(/media/img/speech-bubble.png) center left no-repeat;
                padding-left: 20px; }
.share-link { float: right; }
.comments-share { margin-bottom: 15px; margin-top: 10px;
                  padding-top: 15px; border-top: solid 1px #eee; }
.join-the-conversation{ margin: 10px 0px 3px 0px;}

.page-data-header img, .page-data-header p { display: block; float: left; }
.page-data-header p { margin-left: 15px; padding-top: 10px;
                      margin-bottom: 0px; }

.large-type-body { font-size: 18px; font-style: italic;
                   line-height: 1.2em; }

/* sidebars */
.sidebar-box { padding: 18px;}
.sidebar-box h1.header { margin-top: 0px; }
.related-post {font-size: 14px; margin: 12px 0px 0px 0px;}

/* pagination */

.content .work-pagination { margin: 0px auto; width: auto;}
.content .work-pagination a,
.content .work-pagination span { display: block; float: left; padding: 10px;
                            padding-top: 4px; padding-bottom: 4px;
                            border: solid 1px #e5e5e5; background-color: #fff;
                            margin-right: 1px; color: #A9CC29;
                            font-weight: bold; text-transform: uppercase;}
.content .work-pagination .disabled { color: #b8b8b8; }

.content .pagination { width: 100%; text-align: center; margin: 0px 0px 0px -5px;}
.content .pagination a,
.content .pagination span { padding: 7px 10px 7px 10px;
                            border: solid 1px #e5e5e5; background-color: #fff;
                            margin: 0px -1px 0px -1px; color: #A9CC29;
                            font-weight: bold; text-transform: uppercase;}
                            /*display: block; float: left;*/
.content .pagination a { text-decoration: none;}
.content .pagination .prev, .content .pagination .next { font-size: 0.9em; padding-top: 8px; padding-bottom: 7px;}
.content .pagination .page.current { color: #fff; background-color: #A9CC29; padding: 7px 8px 7px 8px;}
.content .pagination .disabled { color: #b8b8b8; }


/* comment area */
.comment { border-bottom: solid 1px #eee; margin-top: 10px;
           margin-bottom: 10px; }
.comment .avatar-box { float: left; margin-right: 15px; margin-left: 15px;
                       width: 40px; }
.comment .comment-box { float: left; width: 455px; }
.comment .name { color: #FF5D00; font-weight: bold;}
.comment a.name:hover { text-decoration: underline; }
.comment a.timestamp-link { color: #666; }
.comment .comment-box .text-block { margin-top: 5px; }

/* comment form */
#comment-form .textarea-box { width: 530px; 
                              border: solid 1px #ccc; margin-bottom: 10px;
                              margin-top: 10px; }
#comment-form textarea { margin-left: 10px; margin-top: 10px; height: 110px;
                         width: 500px; border: 0; resize: none;}
#comment-form .text-input-box { width: 260px; margin-right: 9px;
                                float: left; border: solid 1px #ccc; }
#comment-form .text-input-box.last { margin-right: 0px; }
#comment-form .text-input-box input { margin-top: 10px; margin-left: 10px; width: 240px;
                                      border: none; }
#comment-form .text-input-box input:focus { border: none; }
#comment-form .text-input-box input:hover { border: none; outline-color: none;
                                  outline-style: none; outline-width: 0;
                                  border-color: none;}
#comment-form .submit-button-image { display: block; margin-top: 10px; }

.content input[type="text"], .content input[type="password"],
.content textarea { font-family: arial, sans-serif; color: #666;}

p.center { text-align: center; }
.content p.small { font-size: 90%; color: #666;}

/* work grid */
.work-grid-cell { float: left; background-repeat: no-repeat; width: 214px; margin-bottom: 20px;
                  height: 214px; margin-right: 20px; background-color: #E5E5E5;
                  position: relative; cursor: pointer; display: block; border: solid 1px #e5e5e5;}

.work-grid-cell.last { margin-right: 0px; }
.work-grid-cell .title { background-color: #A8CD3B; color: #fff; position: absolute;
                         bottom: 15px; right: -10px; padding: 5px; text-transform: uppercase;
                         font-weight: bold;}
/* work grid small */                         
 .work-grid-cell-small { float: left; background-repeat: no-repeat; width: 150px; margin-bottom: 20px;
                 height: 150px; margin-right: 20px; background-color: #E5E5E5;
                 position: relative; cursor: pointer; display: block; border: solid 1px #e5e5e5;}
 .work-grid-cell-small .title { background-color: #A8CD3B; color: #fff; position: absolute;
                          bottom: 15px; right: -10px; padding: 5px; text-transform: uppercase;
                          font-weight: bold; font-size: 11px;}
 .work-grid-cell-small.last { margin-right: 0px; }

/* work grid small */                         
.office-grid-cell-small { float: left; background-repeat: no-repeat; width: 117px; margin-bottom: 20px;
              height: 117px; margin-right: 20px; background-color: #E5E5E5;
              position: relative; cursor: pointer; display: block; border: solid 1px #e5e5e5;}
.office-grid-cell-small .title { background-color: #A8CD3B; color: #fff; position: absolute;
                       bottom: 15px; right: -10px; padding: 5px; text-transform: uppercase;
                       font-weight: bold; font-size: 11px;}
.office-grid-cell-small.last { margin-right: 0px; }


/* grabba beast sidebar */
.beast-column { float: left; width: 175px;}
.beast-column.last{ width: 150px;}
.beast-grid-cell-small { float: left; background-repeat: no-repeat; width: 150px;
                height: 150px;  background-color: #E5E5E5;
                position: relative; cursor: pointer; display: block; border: solid 1px #e5e5e5;}
.beast-grid-cell-small .title { background-color: #A8CD3B; color: #fff; position: absolute;
                         bottom: 15px; right: -10px; padding: 5px; text-transform: uppercase;
                         font-weight: bold; font-size: 11px;}
.beast-grid-cell-small.last { margin-right: 0px; }
.beast-grid-cell-caption { float: left; padding-top: 10px;}

/* staff */
.staff-member-small { margin-bottom: 15px; }
.staff-member-small img { float: left; margin-right: 10px;}
.staff-member-small a strong { display: block; padding-top: 7px;}

/* about */
.clients { padding: 15px;}
.client-grid-cell { width: 150px; height: 80px; float: left;
                    margin-right: 30px; }
.client-grid-cell div { height: 80px;  display: table-cell;
                        vertical-align: middle; }
ul.discipline-list, ul.discipline-list li { list-style-type: none; margin: 0px;}
ul.discipline-list li { border-bottom: solid 1px #ddd;}
ul.discipline-list li.last { border-bottom: none; }

.discipline-text { width: 540px;}
.discipline-text p { margin-bottom: 0px;}
.discipline-logo {text-align :center;}
/*.discipline-logo { float: left; display: block; width: 80px;}*/
/*
.discipline-logo div { width: 80px; height: 80px; display: table-cell;
                       vertical-align: middle; }
*/
.discipline-logo img { /*vertical-align: middle;*/ margin: 17px 0px 17px 0px;}
ul.discipline-list h4, ul.discipline-list h4 a { color: #FF5D00; font-size: 12px;
                                                 font-weight: bold;
                                                 text-transform: uppercase; margin: 0px 0px 7px 0px;}
ul.discipline-list h4 a:hover { color: #FF5D00; }
/*ul.discipline-list p { margin:0px;}*/

#you-define-us-form div.field-wrapper { padding: 0; margin-bottom: 7px;}

#you-define-us-form .textarea-box { width: 325px; height: 75px;
                                    border: solid 1px #e5e5e5; }
#you-define-us-form .textarea-box textarea { width: 310px; margin-left: 5px;
                                             margin-top: 5px;
                                             height: 55px; border: none;
                                             font-size: 16px;
                                             font-style: italic; }
#you-define-us-form .text-input-box { width: 270px; height: 20px; padding: 0;
                                      border: solid 1px #e5e5e5; float: left; }
#you-define-us-form .text-input-box input { width: 262px; height: 14px;
                                            margin-top: 3px; margin-left: 3px;
                                            border: none; font-size: 11px; }
#you-define-us-form .submit-button-image { margin-left: 4px; margin-top: -2px;}

#you-define-us-results ul, #you-define-us-results ul li { list-style-type: none;
                                                          margin: 0; }
#you-define-us-results li strong { display: block; color: #ccc;}
#you-define-us-results li em { display: block; }
#you-define-us-results li img { display: block; }
#you-define-us-results li { padding-bottom: 0px; }

#you-define-us-form .errorlist, #you-define-us-form .errorlist li { list-style-type: none; margin: 0;}
#you-define-us-form .errorlist { color: #f88; font-weight: bold; }

/* store */

#cart-sidebar { display: none; }
.content table.cart-table { margin-bottom: 0px; }
.cart-table td { padding: 10px; }
.cart-table tr.info-row td { padding-top: 2px; padding-bottom: 2px;}
.cart-table tr.checkout-row td { padding-top: 15px; padding-bottom: 2px;}
.cart-table tr.row1 {  }
.cart-table tr.row2 { background-color: #e8e8e8; }
.quantity-input { width: 15px; border: solid 1px #ccc;
                  background-color: #eee; font-size: 11px; }
.cart-table tr.divider td { height: 1px; border-bottom: solid 1px #ccc;  }

#paypal-checkout-form { margin-bottom: 0px; }

/* search */
#search-form { margin: 0; }
#search-form .text-input-box { width: 330px; height: 18px; border: solid 1px #e5e5e5;
                               float: left; 
                               background: url(/media/img/search-label.png) 10px 6px no-repeat #fff;}
#search-form .text-input-box input { width: 260px; height: 14px; color: #999;
                                     margin-left: 60px; margin-top: 6px;
                                     border: 0; padding: 0; }
#search-button { float: left; padding: 0; padding-left: 1px;}

/* mailing list */
#mailinglist-form{ margin:0; }
#mailinglist-form .text-input-box { width: 250px; height: 18px; border: solid 1px #e5e5e5;
                               float: left; }
#mailinglist-form .text-input-box input { width: 220px; height: 14px; color: #999;
                                     margin-left: 5px; margin-top: 6px;
                                     border: 0; padding: 0; }
#mailinglist-button { float: left; margin-left: 22px; width: 53px; margin-top: 8px;}

/* blog */
.post-block{
    padding: 7px 0px 15px 0px;
}
.share-arrow{ margin-bottom: 2px;}
#RES_ID_fb_login_image{ width: 89px;}

.header{ width: 460px;}
.small-link { margin-bottom: -25px;}

.header-box{ float: right; width: 333px;}