html,body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body { background-color: #51452D }
body#portfolios { background-color: #A1834F }
body#projects { background-color: #553510 }
body#skills { background-color: #51452D }
body#clients { background-color: #51452D }
body#contacts { background-color: #51452D }

body table#main {
  height: 100%;
  width: 100%;
}

a, a:hover, a:visited {
  outline: none;
}

div#header {
  width: 806px;
  height: 48px;
  background: #6E644B url(/global_images/tops_r1_c1.jpg) no-repeat scroll center center;
  cursor: pointer;
}

div#header a {
  display: block;
  width: 806px;
  height: 48px;
}

body#portfolios div#header {
  background: #6E644B url(/global_images/tops2_r1_c1.jpg) no-repeat scroll center center;
}

body#projects div#header {
  background: #6E644B url(/global_images/third/global_r1_c1.jpg) no-repeat scroll center center;
}

div#footer {
  min-height: 21px;
  margin: 9px 0;
  background: #51452D url(/global_images/tops_r3_c1.jpg) no-repeat scroll center center;
}

body#projects div#footer {
  background: #8C6E52;
}

body#portfolios div#footer {
  background: #C4B191;
}

/*************************
 =Main Menu
 *************************/

ul#mainMenu {
  margin: 0;
  padding: 0;
}

ul#mainMenu li {
  background: #8D8578;
  float: left;
  color: #8D8578;
  height: 21px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 9px 0;
  width: 135px;
}

ul#mainMenu li a {
  height: 21px;
  display: block;
}

ul#mainMenu li.first {
  width: 96px;
  display: block;
}

body#portfolios ul#mainMenu li.first {
  background: #D1C1A7;
}

body#projects ul#mainMenu li.first {
  background: #9B8168;
}

ul#mainMenu li.item {
  display: block;
  cursor: pointer;
}

ul#mainMenu li#portfolio {
  background: #8D8578 url(/global_images/nav_1_r1_c2.jpg) no-repeat scroll left center;
}

ul#mainMenu li#portfolio:hover, ul#mainMenu li.selected#portfolio {
  background: #8D8578 url(/global_images/nav1_roll_r1_c1.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#portfolio {
  background: #D1C1A7 url(/global_images/second/neg_nav_r1_c2.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#portfolio {
  background: #D1C1A7 url(/global_images/third/global_r3_c2.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#portfolio:hover, body#portfolios ul#mainMenu li.selected#portfolio{
  background: #D1C1A7 url(/global_images/second/neg_nav_r1_c2.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#portfolio:hover, body#projects ul#mainMenu li.selected#portfolio{
  background: #9B8168 url(/global_images/third/neg_r1_c2.jpg) no-repeat scroll left center;
}

ul#mainMenu li#project {
  width: 143px;
  background: #8D8578 url(/global_images/nav_1_r1_c3.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#project {
  background: #D1C1A7 url(/global_images/second/rolls_r1_c3.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#project {
  background: #9B8168 url(/global_images/third/neg_r1_c3.jpg) no-repeat scroll left center;
}

ul#mainMenu li#project:hover, ul#mainMenu li.selected#project {
  background: #8D8578 url(/global_images/nav1_roll_r1_c2.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#project:hover, body#portfolios ul#mainMenu li.selected#project{
  background: #D1C1A7 url(/global_images/second/neg_nav_r1_c3.jpg) no-repeat scroll left center;
}

ul#mainMenu li#skill {
  width: 123px;
  background: #8D8578 url(/global_images/nav_1_r1_c4.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#skill {
  background: #D1C1A7 url(/global_images/second/rolls_r1_c4.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#skill{
  background: #9B8168 url(/global_images/third/global_r3_c4.jpg) no-repeat scroll left center;
}

ul#mainMenu li#skill:hover, ul#mainMenu li.selected#skill {
  background: #8D8578 url(/global_images/nav1_roll_r1_c3.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#skill:hover, body#portfolios ul#mainMenu li.selected#skill{
  background: #D1C1A7 url(/global_images/second/neg_nav_r1_c4.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#skill:hover, body#projects ul#mainMenu li.selected#skill{
  background: #9B8168 url(/global_images/third/neg_r1_c4.jpg) no-repeat scroll left center;
}

ul#mainMenu li#client {
  background: #8D8578 url(/global_images/nav_1_r1_c5.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#client {
  background: #D1C1A7 url(/global_images/second/rolls_r1_c5.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#client {
  background: #9B8168 url(/global_images/third/global_r3_c5.jpg) no-repeat scroll left center;
}

ul#mainMenu li#client:hover, ul#mainMenu li.selected#client {
  background: #8D8578 url(/global_images/nav1_roll_r1_c4.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#client:hover, body#portfolios ul#mainMenu li.selected#client{
  background: #D1C1A7 url(/global_images/second/neg_nav_r1_c5.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#client:hover, body#projects ul#mainMenu li.selected#client{
  background: #9B8168 url(/global_images/third/neg_r1_c5.jpg) no-repeat scroll left center;
}

ul#mainMenu li#contact{
  width: 174px;
  background: #8D8578 url(/global_images/nav_1_r1_c6.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#contact {
  background: #D1C1A7 url(/global_images/second/rolls_r1_c7.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#contact {
  background: #9B8168 url(/global_images/third/global_r3_c6.jpg) no-repeat scroll left center;
}

ul#mainMenu li#contact:hover, ul#mainMenu li.selected#contact {
  background: #8D8578 url(/global_images/nav1_roll_r1_c5.jpg) no-repeat scroll left center;
}

body#portfolios ul#mainMenu li#contact:hover, body#portfolios ul#mainMenu li.selected#contact{
  background: #D1C1A7 url(/global_images/second/neg_nav_r1_c6.jpg) no-repeat scroll left center;
}

body#projects ul#mainMenu li#contact:hover, body#projects ul#mainMenu li.selected#contact{
  background: #9B8168 url(/global_images/third/neg_r1_c6.jpg) no-repeat scroll left center;
}

/*************************
 =Project Menu
 *************************/

ul#pMenu {
  margin: 0;
  padding: 0;
  width: 806px;
}

ul#pMenu li {
  background-color: #8C6E52;
  background-repeat: no-repeat;
  float: left;
  color: #8D8578;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  min-width: 10px;
  height: 21px;
}

ul#pMenu li a {
  display: block;
  height: 21px;
}

ul#pMenu li#gardner {
  background-image: url(/gardner/gardener.jpg);
  background-position: 10px 0;
  width: 85px;
}

ul#pMenu li#gardner:hover, ul#pMenu li.selected#gardner {
  background-image: url(/gardner/gardener2.jpg);
}

ul#pMenu li#bob{
  background-image: url(/global_images/third/nav_bottom/roots.jpg);
  background-position: 10px 0;
  width: 105px;
}

ul#pMenu li#bob:hover, ul#pMenu li.selected#bob {
  background-image: url(/global_images/third/nav_bottom/roots_r.jpg);
}

ul#pMenu li#harmony{
  background-image: url(/global_images/third/nav_bottom/harmony.jpg);
  background-position: 10px 0;
  width: 90px;
}

ul#pMenu li#harmony:hover, ul#pMenu li.selected#harmony{
  background-image: url(/global_images/third/nav_bottom/harmony_r.jpg)
}

ul#pMenu li#backbone{
  background-image: url(/global_images/third/nav_bottom/backbone.jpg);
  background-position: 10px 0;
  width: 100px;
}

ul#pMenu li#backbone:hover, ul#pMenu li.selected#backbone{
  background-image: url(/global_images/third/nav_bottom/backbone_r.jpg)
}

ul#pMenu li#union{
  background-image: url(/union/union2.jpg);
  background-position: 10px 0;
  width: 60px;
}

ul#pMenu li#union:hover, ul#pMenu li.selected#union{
  background-image: url(/union/union.jpg);
}

ul#pMenu li#vintage{
  background-image: url(/global_images/vintage/1.jpg);
  background-position: 20px 0;
  width: 80px;
}

ul#pMenu li#vintage:hover, ul#pMenu li.selected#vintage{
  background-image: url(/global_images/vintage/2.jpg);
}

ul#pMenu li#help {
  width: 200px;
  cursor: default;
  background: #8C6E52 url(/global_images/third/nav_bottom/navigate2.jpg) no-repeat scroll center center;
}

body#portfolios ul#pMenu li#help{
  float: right;
  background: #C4B191 url(/global_images/second/bottom_r1_c6.jpg) no-repeat scroll center right;
}

ul#pMenu li#prev {
  width: 100px;
  float: right;
  background: #8C6E52 url(/global_images/third/nav_bottom/pre.jpg) no-repeat scroll center center;
}

body#portfolios ul#pMenu li#prev {
  background: #C4B191 url(/global_images/second/next_r1_c1.jpg) no-repeat scroll center center;
}

ul#pMenu li#next {
  float: right;
  width: 71px;
  background: #8C6E52 url(/global_images/third/nav_bottom/next.jpg) no-repeat scroll center center;
}

ul#pMenu li#next-spacer {
  float: right;
  width: 71px;
}

body#portfolios ul#pMenu li#next {
  background: #C4B191 url(/global_images/second/bottom_r1_c9.jpg) no-repeat scroll center center;
}

body#portfolios ul#pMenu li#next-spacer {
  background-color: #C4B191;
  float: right;
  width: 71px;
}
/*************************
 = Utility
 *************************/
.hide { display: none }