html {
font: small/1.4 Georgia, serif;
}

body {
text-align:center;
background-image: url(art/MAIN_TOM_BACK.jpg);
background-repeat: repeat-x;
margin: 0;
padding: 0;
background-color: #fff;
}

p,h1,pre {
margin: 0;
}

#frame {
width: 800px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
padding: 0;
text-align: left;
background: none;
}
#frame_2 {
width: 800px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
padding: 10px 0 0 0;
text-align: left;
background: none;
border-top: 1px solid #cfcfcf;
}
#frame_3 {
display: block;
padding: 0;
margin: 0;
background-image: url(art/BACK_TILE_MESH.jpg);
background-repeat: repeat-x;
background-position: bottom left;
}
#frame_4 {
display: block;
padding: 0 0 10px 0;
margin: 0;
background-image: url(art/BACK_TILE_MESH_SM.jpg);
background-repeat: repeat-x;
background-position: bottom left;
}
#frame_WORK {
width: 800px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
padding: 0;
text-align: left;
background: none;
min-height: 800px;
}

/* Color PALLETE **************************
L BROWN - 413D34
D BROWN - 302D26
TAN     - D6A477
TAN 2   - 8B836E ************************** */

/* navigation for the top portion on the page BELOW NAVIGATION ************************** */

#MAIN_LEFT {
float: left;
width: 290px;
padding: 0;
margin: 0;
}

#MAIN_LEFT_2 {
float: left;
width: 277px;
padding: 0 10px 0 0;
margin: 0;
}

#MAIN_LEFT h1, #frame_2 h1 {
font-size: 28px;
font-weight: 500;
letter-spacing: -.03em;
margin-bottom: 3px;
color: #8B836E;
}

#MAIN_LEFT h2, #frame_2 h2 {
font-size: 23px;
font-weight: 500;
letter-spacing: -.03em;
margin-bottom: 5px;
line-height: 1.2em;
color: #8B836E;
}

#MAIN_LEFT h3 {
font-size: 18px;
font-weight: 500;
letter-spacing: -.03em;
margin-bottom: 5px;
margin-top: 5px;
line-height: 1.2em;
color: #413D34;
}

#MAIN_LEFT p, #frame_2 p {
font-family: arial, san-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.6em;
color: #696969;
margin-bottom: 4px;
}

#MAIN_LEFT a, #frame_2 a {
color: #D6A477;
text-decoration: none;
font-weight: 600;
}

#MAIN_RIGHT_WORK a {
color: #413D34;
text-decoration: none;
border-bottom: 1px solid #D6A477;
font-weight: 500;
}

#MAIN_LEFT a:hover, #frame_2 a:hover, #MAIN_RIGHT_WORK a:hover {
color: #413D34;
background-color: #8B836E;
border-bottom: 1px solid #D6A477;
}

#MAIN_LEFT_WORK {
float: left;
width: 150px;
padding: 0;
margin: 0;
}

#MAIN_LEFT_WORK a{
font-weight: 500;
}

#MAIN_RIGHT {
float: right;
width: 490px;
padding: 0;
margin: 0;
}

#MAIN_RIGHT_WORK {
float: right;
width: 600px;
padding: 0;
margin: 0;
text-align: center;
}

#MAIN_RIGHT_WORK img {
float: none;
}

#MAIN_RIGHT img {
float: right;
padding: 3px;
border: 1px solid #8B836E;
}

#frame_2 .lefty {
float: left;
padding: 2px;
margin: 5px 20px 20px 0;
border: 1px solid #8B836E;
background-color: #fff;
}

#frame_2 .last {
float: left;
padding: 2px;
margin: 5px 0 20px 0;
border: 1px solid #8B836E;
background-color: #fff;
}

#LITTLE_RIGHT {
float: right;
width: 527px;
padding: 0;
margin: 0;
}

/* Color PALLETE **************************
L BROWN - 413D34
D BROWN - 302D26
TAN     - D6A477
TAN 2   - 8B836E ************************** */

/* Info for the bottom portion on the page FOOTER ************************** */

#FOOTER_CON {
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 0;
padding: 0;
text-align: center;
height: 40px;
background-image: url(art/MAIN_FOOTER_NEW.jpg);
background-repeat: repeat-x;
}

#FOOTER_CON h1 {
font-size: 17px;
font-weight: 500;
letter-spacing: -.03em;
color: #8B836E;
padding: 9px 0 0 0;
}

#FOOTER_CON h1 span {
font-size: 13px;
font-weight: 500;
letter-spacing: -.03em;
color: #8B836E;
margin-left: 40px;
}

#FOOTER_CON h1 span.dot {
font-size: 17px;
font-weight: 500;
letter-spacing: -.03em;
color: #413D34;
margin: 0;
}

#FOOTER_CON a {
color: #D6A477;
text-decoration: none;
font-weight: 500;
}

#FOOTER_CON a:hover {
color: #413D34;
background-color: #8B836E;
border-bottom: 1px solid #D6A477;
}

/* Color PALLETE **************************
L BROWN - 413D34
D BROWN - 302D26
TAN     - D6A477
TAN 2   - 8B836E ************************** */


/* navigation for the top portion on the page TOP OF THE PAGE ************************** */
	
#navigation {
padding: 75px 0 0 170px;
margin: 0 0 10px 0;
background-image: url(art/TNC_DESIGNS_TOP.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 80px;
}

#nav {
  width: 492px;
  height: 30px;
  position: relative;
  background: url(art/MAIN_TNC_NAV.jpg);
  margin: 0;    
  padding: 0;
}
#nav li {
  float: left;
  list-style-type: none;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 30px;
  background: url(art/MAIN_TNC_NAV.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_WEL a {
  left: 0;
  width: 100px;
  background-position: 0 0;
}
li#nav_WEB a {
  left: 118px;
  width: 56px;
  background-position: -118px 0;
}
li#nav_PNT a {
  left: 192px;
  width: 63px;
  background-position: -192px 0;
}
li#nav_ART a {
  left: 273px;
  width: 90px;
  background-position: -273px 0;
}
li#nav_CON a {
  left: 381px;
  width: 111px;
  background-position: -381px 0;
}
li#nav_WEL a:hover {
  background-position: 0 -30px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_WEB a:hover {
  background-position: -118px -30px;
  background-color: transparent;
  border-bottom: 0px;  
}
li#nav_PNT a:hover {
  background-position: -192px -30px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_ART a:hover {
  background-position: -273px -30px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_CON a:hover {
  background-position: -381px -30px;
  background-color: transparent;
  border-bottom: 0px;
}
#body_WEL li#nav_WEL  a {
  background-position: 0 -60px;
}
#body_WEB li#nav_WEB a {
  background-position: -118px -60px;
}
#body_PNT li#nav_PNT a {
  background-position: -192px -60px;
}
#body_ART li#nav_ART a {
  background-position: -273px -60px;
}
#body_CON li#nav_CON a {
  background-position: -381px -60px;
}

/* navigation for the RIGHT PORTION of SUB NAV FOR MY WORK ************************** */

/* Color PALLETE **************************
L BROWN - 413D34
D BROWN - 302D26
TAN     - D6A477
TAN 2   - 8B836E ************************** */


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

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
background-color: #302D26;
width: 180px;
padding: 4px 12px 4px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-size: 19px;
font-weight: 500;
letter-spacing: -.03em;
color: #FFF;
}

#navcontainer a:hover
{
background-color: #8B836E;
color: #FFF;
}

#navcontainer li li a
{
display: block;
background-color: #6d6658;
width: 180px;
padding: 4px 4px 4px 15px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-size: 13px;
font-weight: 500;
letter-spacing: -.03em;
color: #FFF;
}

#body_PNT li#PNT_PRINT a {
background-color: #D6A477;
color: #302D26;
}

#body_ART li#ART_ARTWORK a {
background-color: #D6A477;
color: #302D26;
}

#body_WEB li#WEB_WEB a {
background-color: #D6A477;
color: #302D26;
}