body {
 background-color: #eae9d7;
 text-align: center; /* center for old ie */
 margin: 0px;
 padding: 0px;
}




 /* ---------DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS DIVS --------- */

/* MAIN PAGES */

#greenboxplain { /* Plain green & logo Main container */
 width: 840px;
 background: #a6a286 url(images/StonkKnotsLogobigplain.jpg) no-repeat top center;
 margin: auto;
 padding-bottom: 10px;
 border: 1px solid #a6a286; /* Important avoids overflow probs with browsers*/
  }



#topcontentbox { /* All pages top container divs */ 
 overflow: hidden;
 width: 836px;
 margin-top: 110px;
 margin-left: auto;
 margin-right: auto;
 padding: 1px;
 border: 0px solid black;
}

div.contentbox { /* All pages not top divs*/ 
 overflow: hidden;
 width: 836px;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 1px;
 border: 0px solid red;
}

div.contentboxbuff { /* Buff divs*/ 
 background-color: #eae9d7;
 overflow: hidden;
 width: 780px;
 margin-top: 35px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 35px;
 border-left: 28px solid #a6a286;
 border-right: 28px solid #a6a286;
}


 /* INDEX & CONTACT & STONK ABOUT PAGES ONLY DIVS */

#greenboxi { /* Index & Contact & Stonk About page - Star & logo main container */
 width: 840px;
 background: #a6a286 url(images/StonkKnotsLogobig.jpg) no-repeat top center;
 margin: auto;
 padding-bottom: 10px;
 border: 1px solid #a6a286;  /* Important avoids overflow probs with non IE browsers*/

  }



#leftboxi { /* Index & Contact page left text div */
 float: left;
 width: 170px;
 margin-left: 46px;
 background-color: transparent;
 padding: 1px;
 border: 0px dotted blue;
 }

#leftboxi p {
 border: 0px solid orange;
 color: #ffffff;
 text-align: left;
 margin: 10px 1px 20px 1px;
}


#rightboxi { /* Index & Contact page right text div */
 float: right;
 width: 170px;
 margin-right: 46px;
 background-color: transparent;
 padding: 1px;
border: 0px dotted red;
 }


#rightboxi p {
 border: 0px solid orange;
 color: #000000;
 text-align: right;
 margin: 10px 1px 20px 1px;
}




/* PROJECTS PRODUCTS PAGES ONLY*/

#greenbox { /* Faded Star & logo Main container */
 width: 840px;
 background: #a6a286 url(images/StonkKnotsLogobigtransp.jpg) no-repeat top center;
 margin: auto;
 padding-bottom: 10px;
 border: 1px solid #a6a286; /* Important avoids overflow probs with browsers*/
  }



div.leftpro { /* Products & projects left text & image div */
 float: left;
 width: 410px;
 background-color: transparent;
 padding: 0px;
 border: 0px dotted blue;
 }

div.leftpro img {
 float: left;
 margin: 10px 2px 10px 92px;
 border: 0px solid #333333;
}


div.rightpro { /* Products & projects right text & image div */
 float: right;
 width: 410px;
 background-color: transparent;
 padding: 0px;
 border: 0px dotted red;
 }


div.rightpro img {
 float: right;
 margin: 10px 90px 10px 2px;
 border: 0px solid #ffffff;
}




/* WORKING WITH ROPES PAGE ONLY*/

div.third { /* 3x pics row container */ 
 width: 258px;
 height: 190px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 padding-left: 2px;
 border: 0px solid green;
 }

div.third img {
 margin-top: 0px;
 display: inline;
 border-top: 20px solid #eae9d7;
 border-bottom: 20px solid #eae9d7;
 border-left: 10px solid #eae9d7;
 border-right: 20px solid #eae9d7;
 }

div.thirdlabel { /* not used yet - labels for 3x pics row */ 
 width: 278px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid red;
 text-align: center;
 }


/* MATS & TIEBACKS PAGE ONLY*/

div.matthird { /* 3x pics row container */ 
 width: 258px;
 height: 240px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 padding-right: 0px;
 text-align: center;
 border: 0px solid green;
 }

div.matthird img {
 margin-top: 0px;
 display: inline;
 border-top: 20px solid #eae9d7;
 border-bottom: 20px solid #eae9d7;
 border-left: 10px solid #eae9d7;
 border-right: 20px solid #eae9d7;
 }


div.matthirdlabel { /* not used yet - labels for 3x pics row */ 
 width: 278px;
 float: left;
 margin-left: auto;
 margin-right: auto;
 border: 0px solid red;
 text-align: center;
 }




/* ------------TEXT TEXT TEXT TEXT TEXT TEXT------------- */

#messagecenter { /* MESSAGE TITLE */
 border: 0px solid orange;
 text-align: center;
 margin-top: 20px;
 margin-bottom: 1px;
 color: #ffffff;
 font-size: 16px;
 letter-spacing: 0px;
 word-spacing: 6px;
 font-weight: 500;
 font-family: "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }
#message { /* MESSAGE */
 border: 0px solid orange;
 text-align: left;
 margin-top: 10px;
 margin-bottom: 1px;
 color: #000000;
 font-size: 13px;
 letter-spacing: 0px;
 word-spacing: 6px;
 font-weight: 500;
 font-family: "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }


/* Hs */

h1 { /* index white rightbox intro Stonk Knots */
 border: 0px solid orange;
 text-align: left;
 margin-top: 17px;
 margin-bottom: 1px;
 color: #ffffff;
 font-size: 19px;
 font-weight: 300;
 font-family: Didot, Georgia, "Times New Roman", "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }

h2 { /* index tungsten leftbox intro Stonk Knots */
 border: 0px solid orange;
 text-align: right;
 margin-top: 17px;
 margin-bottom: 1px;
 color: #333333;
 font-size: 19px;
 font-weight: 300;
 font-family: Didot, Georgia, "Times New Roman", "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }

h3 { /* tungsten subtitle on left pages */
 border: 0px solid orange;
 text-align: left;
 margin-top: 20px;
 margin-bottom: 1px;
 color: #333333;
 font-size: 19px;
 letter-spacing: 1px;
 word-spacing: 6px;
 font-weight: 300;
 font-family: "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }




/* PARAGRAPHS */

p {
 text-align: left;
 color: #000000;
 font-size: 13px;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 margin: 15px 20px 10px 20px;
 }

p.top {
 margin: 25px 20px 10px 20px;
}

p.vtop {
 margin: 45px 20px 10px 20px;
}



p.center { /* special projects individual pages when not using label with big margins */
 text-align: center;
 font-size: 14px;
 }


p.right { /* IS THIS USED???? */
 text-align: right;
 }


p.white {
 color: #ffffff;
}

p.quote { /* Main pages white intro paras */
 text-align: left;
 color: #ffffff;
 font-size: 14px;
 letter-spacing: 1px;
 word-spacing: 2px;
 margin: 15px 20px 0px 20px;
 font-family: Didot, Georgia, "Times New Roman", serif; }


p.pro { /* Centered pages paras*/
 margin: 15px 90px 10px 92px;
 }

p.proquote { /* Centered pages white intro paras */
 text-align: center;
 margin: 15px 20px 10px 22px;
 color: #ffffff;
 font-size: 14px;
 letter-spacing: 1px;
 word-spacing: 2px;
 font-family: Didot, Georgia, "Times New Roman", serif; }

p.price {
 border: 0px solid orange;
 text-align: left;
 margin: 30px 10px 10px 15px;
 color: #000000;
 font-size: 13px;
 letter-spacing: 1px;
 word-spacing: 1px;
 font-weight: 600;
 font-family: Didot, Georgia, "Times New Roman", "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }



p.label { /* special projects individual page descriptions of work */
 text-align: center;
 color: #000000;
 font-size: 14px;
 letter-spacing: 1px;
 word-spacing: 2px;
 margin: 70px 50px 50px 50px;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 }

p.pagesubtitle { /* page subtitles */
 text-align: left;
 color: #ffffff;
 margin-top: 30px;
 letter-spacing: 6px;
 font-size: 17px;
 font-weight: 300;
 font-family: Didot, Georgia, "Times New Roman", "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }


#pagetitle { /* page titles */
 text-align: left;
 color: #333333;
 margin-top: 2px;
 letter-spacing: 12px;
 font-size: 19px;
 font-weight: 300;
 font-family: Didot, Georgia, "Times New Roman", "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }


#credits { /* credits */
 text-align: center;
 color: #716d56;
 font-size: 12px;
 margin-top: 18px;
 font-family: Didot, Georgia, "Times New Roman", serif;
 }




/* SPANS */


#subtitle { /*Design in rope*/
 font-size: 23px;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 letter-spacing: 6px;
 color: #333333;
 }

#subtitlewhite { /*Design in rope*/
 font-size: 23px;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 letter-spacing: 6px;
 color: #ffffff;
 }


#subtitlein { /*Design IN rope*/
 font-size: 23px;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 letter-spacing: 0px;
 color: #333333;
 }


#subtitleinwhite { /*Design IN rope*/
 font-size: 23px;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 letter-spacing: 0px;
 color: #ffffff;
 }

#Stonk { /*Not used?????*/
 color: #ffffff;
 letter-spacing: 1px;
 font-size: 19px;
 font-weight: 300;
 font-family: Didot, Georgia, "Times New Roman", "Century Gothic", Verdana, Geneva, Helvetica, Arial, sans-serif;
 }


/* ------------- LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS------------ */

a, a:active, a:visited {
 color: #000000;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 font-size: 13px;
 font-weight: 300;
 text-decoration: underline;
 word-spacing: 0px;
 }

a:hover {
 color: #ffffff;
 }

a.white, active, visited {
 color: #ffffff;
}

a.white:hover {
 color: #000000;
 }

a.serif, active, visited { /* Links on contact footer */
 color: #000000;
 font-family: Didot, Georgia, "Times New Roman", serif;
}

a.serif:hover {
 color: #ffffff;
 }

a.serifwhite, active, visited { /* Main Links on Products & Projects */
 color: #ffffff;
 font-family: Didot, Georgia, "Times New Roman", serif;
 font-size: 14px;
 font-weight: 300;
 margin-top: 20px;
 letter-spacing: 2px;
 text-decoration: none;
 border: 0px;
 border-top: 0px solid #333333;
}

a.serifwhite:hover {
 color: #333333;
 }



/* BACK TO LINK */

#backto, active, visited {
 color: #000000;
 font-family: "Century Gothic", Trebuchet, sans-serif;
 font-size: 12px;
 font-weight: 300;
 text-decoration: underline;
 word-spacing: 0px;
 margin-left: 570px;
 }

#backto:hover {
 color: #ffffff;
 }







/* BIG FOOTLINKS LINE */

#bigfootlinksbox {
 width: 836px;
 background-color: transparent;
 padding: 0px;
 margin-top: 20px;
 margin-bottom: 20px;
 border: 0px dotted blue;
 }


#bigfootlinksbox ul {
 text-align: center;
 list-style: none;
 margin: 1px;
 padding: 1px;
 border: 0px dotted red;
 }

#bigfootlinksbox ul li {
 display: inline;
 padding-left: 41px;
 padding-right: 41px;
 border: 0px solid purple;
 }


#bigfootlinksbox ul a, active, visited {
 color: #ffffff;
 font-family: Didot, Georgia, "Times New Roman", serif;
 font-size: 12px;
 font-weight: 300;
 letter-spacing: 2px;
 text-decoration: none;
 border: 0px;
 border-top: 1px solid #ffffff;
 padding: 2px;
  }


#bigfootlinksbox a:hover {
 color: #000000;
 border: 0px;
 border-bottom: 1px solid #333333;
  }

/* ONLY FOR IE MAC */

* html>body #bigfootlinksbox ul {
 padding-right: 41px;
 }

* html>body ul>li, * html>body ul>li a {
 display:inline-block;
	}

* html>body ul>li a {
 width:1px; white-space:nowrap}





/* TOP LINKS LINE IN OTHER PAGES */

div.linksbox {
 width: 836px;
 background-color: transparent;
 padding: 0px;
 margin-top: 20px;
 margin-bottom: 10px;
 border: 0px dotted blue;
 }


div.linksbox ul {
 text-align: center;
 list-style: none;
 margin: 1px;
 padding: 1px;
 border: 0px dotted red;
 }

div.linksbox ul li {
 display: inline;
 padding-left: 5px;
 padding-right: 5px;
 border: 0px solid purple;
 }


div.linksbox ul a, active, visited {
 color: #ffffff;
 font-family: Didot, Georgia, "Times New Roman", serif;
  font-size: 13px;
 font-weight: 300;
 letter-spacing: 2px;
 text-decoration: none;
 border: 0px;
 border-top: 1px solid #ffffff;
 padding: 2px;
  }


div.linksbox a:hover {
 color: #000000;
 border: 0px;
 border-bottom: 1px solid #333333;
  }

/* ONLY FOR IE MAC */

* html>body div.linksbox ul {
 padding-right: 10px;
 }

* html>body ul>li, * html>body ul>li a {
 display:inline-block;
	}

* html>body ul>li a {
 width:1px; white-space:nowrap}





/*-------IMAGES IMAGES IMAGES IMAGES IMAGES IMAGES IMAGES IMAGES IMAGES IMAGES --------*/
img {
 margin-left: auto;
 margin-right: auto;
 margin: 20px 20px 10px 20px; 
 padding: 0px;
 border: 0px solid #333333;
 }


img.right { /* Pics on right of main */
 float: right;
 margin: 20px;
 padding: 0px;
 border: 0px dotted #cfcec9;
}


img.left { /* Pics on left of main */
 float: left;
 padding: 0px;
 margin: 20px; 
 border: 0px solid #333333;
 }


img.thinleft { /* pics with wide border on left of main */
 float: left;
 padding: 0px;
 margin: 20px 20px 20px 60px; 
 border: 0px solid #333333;
 }

img.thinright { /* pics with wide right border on right of main */
 float: right;
 padding: 0px;
 margin: 20px 60px 20px 20px; 
 border: 0px solid #333333;
 }