body
 {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-color: #fdfcf7;
 background-image: url(/images/bg.gif);
 background-repeat: repeat-x;
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 12px;
 color: #363636; 
 line-height:18px;
 text-align:center; /*centers table in IE5 and up*/
 }

#body-gallery-home {
 background-color: #000000;
 background-image: url(/images/bg-gallery-home.gif);
 background-repeat: repeat-x;
}

#body-gallery {
 background-color: #000000;
 background-image: url(/images/bg-gallery.gif);
 background-repeat: repeat;
}


/**************************************************************
   Global Styles
 **************************************************************/


a:link {color:#14603c; text-decoration: none;}
a:visited {color:#14603c; text-decoration: none;}
a:hover {color:#14603c;	text-decoration: underline;}
a:active {color:#14603c; text-decoration: none;}

p {margin:10px 0px 10px 0px} /* 20px left margin is the minimum required to bring back bullets or numbers in lists */

object {display: block;}

img {border: none;}

table.center  /*also need to ad "class="center" to table tag in html - this only applies to tables with an id not class*/
 {
 margin-left:auto;
 margin-right:auto;
 }

td
 {
 vertical-align: top;
 text-align: left;
 }

/* include padding when setting td widths */ 

h1
 {
 margin: 0 0 0 0;
 padding: 0;
 font-size: 13px;
 font-weight: bold;
 color:#111111;
 /*display: inline;*/
 }

h1.nomargin
 {
 margin: 0;
 padding: 0;
 font-size: 13px;
 font-weight: bold;
 color:#111111;
 display: inline;
 }


h1.white
 {
 margin-left: 0;
 padding: 0;
 font-size: 13px;
 font-weight: bold;
 color:#ffffff;
 display: inline;
 }

h2
 {
 margin: 10px 0 10px 0;
 font-size:12px;
 color: #252525;
 }

h2.white
 {
 margin: 0 0 0 0;
 font-size:12px;
 font-weight: bold;
 color: #ffffff;
 }

span.h2-larger
 {
 margin: 25px 0 10px 0;
 font-size:13px;
 font-weight: bold;
 color: #000000;
 }

h2.nobottomspace
 {
 padding: 0;
 margin: 10px 0 0 0;
 font-size: 12px;
 font-weight: bold;
 color: #252525;
 }

h2.notopspace
 {
 padding: 0;
 margin: 0 0 10px 0;
 font-size: 12px;
 font-weight: bold;
 color: #252525;
 }

span.arrow
 {
 font-size:13px;
 color: #14603c;
 font-weight: bold;
 }

span.required
 {
 font-size:15px;
 color: #ff0000;
 font-weight: bold;
 }

span#reg
 {
 vertical-align: super;
 }
 
span.reg-sml
 {
 /*vertical-align: top;*/
 /*font-size: 8px;*/
 color: #898989;
 }
 
span.reg-sml-white
 {
 vertical-align: top;
 font-size: 8px;
 color: #e1e1e1;
 }

img.facebook
 {
 vertical-align: middle;
 padding-right: 3px;
 margin-bottom: 2px;
 }

img.facebook-wide
 {
 vertical-align: middle;
 float: right;
 padding-left: 10px;
 }


/**************************************************************
   Get Started
 **************************************************************/


.step1
 {
 background-image: url(/images/1.gif);
 background-repeat: repeat-x;
 background-position:left top; 
 margin-bottom: 20px;
 width: 803px;
 height: 35px;
 padding: 18px 0 0 133px;
 font-size: 13px;
 font-weight: bold;
 color: #ffffff;
 }

.step2
 {
 background-image: url(/images/2.gif);
 background-repeat: repeat-x;
 background-position: left top; 
 margin-bottom: 20px;
 width: 803px;
 height: 35px;
 padding: 18px 0 0 133px;
 font-size: 13px;
 font-weight: bold;
 color: #ffffff;
 }

.step3
 {
 background-image: url(/images/3.gif);
 background-repeat: repeat-x;
 background-position: left top; 
 margin-bottom: 20px;
 width: 803px;
 height: 35px;
 padding: 18px 0 0 133px;
 font-size: 13px;
 font-weight: bold;
 color: #ffffff;
 }

.imgfloat-getstarted
{
float: right;
padding: 0 0 0px 25px;
}

/*
img.get-started
 {
 border: none;
 padding-top: 8px;
 }
*/

/**************************************************************
   Other Products Green Products
 **************************************************************/


.product-links
 {
 font-weight: bold;
 }

span.product-intro-title
 {
 font-size: 13px;
 font-weight: bold;
 }


/**************************************************************
   Header
 **************************************************************/


table#tbl-header
 {
 background-color:#ffffff;
 border-top: 5px solid #ffffff;
 padding: 0px;
 width: 986px;
 height: 121px;
 }

#logo
 {
 background-image: url(/images/bg-logo.gif);
 background-repeat: no-repeat;
 width: 268px;
 height: 96px;
 padding: 0px;
 }

table#tbl-top-nav
 {
 background-color:#ffffff;
 padding: 0px;
 width: 668px;
 height: 30px;
 }

td#top-nav
{
 width: 295px;
 height: 30px;
 text-align: right;
 line-height: 30px;
 padding-right: 15px;
}
td#top-nav a:link {color:#686868; text-decoration: none;}
td#top-nav a:visited {color:#686868; text-decoration: none;}
td#top-nav a:hover {color:#14603c; text-decoration: underline;}
td#top-nav a:active {color:#686868; text-decoration: none;}

table#tbl-main-nav
 {
 background-color:#ffffff;
 background-image: url(/images/bg-main-nav.gif);
 background-repeat: no-repeat;
 border: 0px;
 padding: 0px;
 width: 668px;
 height: 58px;
 }

#under-header
 {
 background-color:#000000;
 width: 986px;
 height: 25px;
 padding: 0px;
 }

/**************************************************************
   Main Table Content Container With White Border
 **************************************************************/


table#tbl-content-container /*abrevaited to cc below*/
 {
 background-color:#fdfcf7;
 border: 0px;
 padding: 0px;
 width: 986px;
 vertical-align: top;
 }

#cc-top {width: 986px; height: 5px;}
#cc-left {background-image: url(/images/cc-left.gif); background-repeat: repeat-y; width: 25px;}
#cc-left-short {background-image: url(/images/cc-left-short.gif); background-repeat: repeat-y; width: 25px;}
.cc-gray {background-color:#c9c9c9; width: 1px;}
.cc-white {width: 4px;}
#content-container {background-color:#ffffff; width: 926px;}

#cc-intro
 {
 background-color:#000000;
 width: 926px;
 padding: 0px 20px 30px 650px;
 vertical-align: bottom;
 color: #ffffff; 
 }

#cc-right {background-image: url(/images/cc-right.gif); background-repeat: repeat-y; width: 25px;}
#cc-right-short {background-image: url(/images/cc-right-short.gif); background-repeat: repeat-y; width: 25px;}
#intro-bottom {width: 986px; height: 25px;}
#product-bottom {width: 986px; height: 25px;}
#cc-bottom {width: 986px; height: 54px;}


/**************************************************************
   Table Content Containers
 **************************************************************/


table.tbl-content-corian-bg
 {
 background-color: #fdfcf7;
 margin-left:auto;
 margin-right:auto;
 border: 0px;
 padding: 0px;
 width: 986px;
 }

table.tbl-content-white-bg
 {
 background-color:#ffffff;
 margin-left:auto;
 margin-right:auto;
 border: 0px;
 padding: 0px;
 width: 926px;
 }

table#tbl-content-gallery
 {
 background-color: #000000;
 margin-left:auto;
 margin-right:auto;
 border: 0px;
 padding: 0px;
 width: 986px;
 }


/**************************************************************
   Crumb
 **************************************************************/


table.tbl-crumb
 {
 background-color: #d7d7d7;
 margin-left:auto;
 margin-right:auto;
 border: 0px;
 padding: 0px;
 width: 986px;
 height: 40px;
 }

td#crumb
 {
 background-color: #d7d7d7/*dfdedd*/;
 height: 40px;
 padding: 0px 21px 0px 21px;
 vertical-align: middle;
 font-size: 11px;
 color: #626262;
 }
 
td#crumb a:link {text-decoration: none; color: #464646;}
td#crumb a:visited {text-decoration: none; color: #464646;}
td#crumb a:hover {text-decoration: underline; color: #14603c;}
td#crumb a:active {text-decoration: none; color: #686868;}

td#crumb-right
 {
 background-color: #d7d7d7;
 width: 213px;
 height: 40px;
 padding: 0px 21px 0px 0px;
 vertical-align: middle;
 font-size: 11px;
 color: #626262;
 text-align: right;
 }

td.crumb-space-res
 {
 background-color: #fdfcf7;
 height: 40px;
 width:4px;
 }


/**************************************************************
   AddThis
 **************************************************************/


/* to float right on specific pages add style in the head of the php page */ 
.addthis_button {float: left;}


/**************************************************************
   Left Column
 **************************************************************/


table#tbl-left-col
 {
 border: 0px;
 padding: 0px;
 width: 150px;
 }

td.left-col-head2 /*remove when stable*/
 {
 background-color: #000000;
 width: 150px;
 height: 30px;
 padding: 0px 5px 0px 5px;
 vertical-align: middle;
 text-align: center;
 font-size: 11px;
 color: #ffffff;
 font-weight: bold; 
 }

td.left-col
 {
 background-image: url(/images/bg-left-col.gif);
 background-repeat: repeat-y;
 width: 150px;
 padding: 10px 10px 10px 5px;
 font-size: 11px;
 line-height: 18px;
 }

 .left-col-label 
 {
 background-color: #000000;
 width: 150px;
 height: 30px;
 padding: 0px 0px 0px 0px;
 border-top: 0 solid #ffffff;
 vertical-align: middle;
 text-align: center;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold; 
 line-height: 30px;
 }

.left-col-head 
 {
 background-color: #000000;
 width: 150px;
 height: 30px;
 padding: 0px 0px 0px 0px;
 border-top: 20px solid #ffffff;
 vertical-align: middle;
 text-align: center;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold; 
 line-height: 30px;
 }

/**************************************************************
   Content
 **************************************************************/


td#content-idx
 {
 width: 567px; /* should be 552 but mislaigns in ie*/
 padding: 22px 35px 0px 20px;
 }

td#content-idx a:link {text-decoration: none; color: #363636;}
td#content-idx a:visited {text-decoration: none; color: #363636;}
td#content-idx a:hover {text-decoration: none; color: #363636;}
td#content-idx a:active {text-decoration: none; color: #363636;}

td#under-buttons-idx
 {
 width: 279px;
 height: 60px;
 padding: 0 25px 15px 0;
 text-align: right;
 vertical-align: top;
 }

td.content /* master width is 986 */
 {
 padding: 20px 25px 20px 25px;
 }

td.content-wide /* master width is 986 */
 { 
 width: 986px;
 padding: 20px 25px 20px 25px;
 text-align: left;
 }

td.content-framed /* master width is 926 with white border */
 {
 width: 926px;
 padding: 15px;
 text-align: left; }


td.content-left /* master width is 986 minus 25px for trans.gif in php table layout = 961 */
 { 
 width: 605px; 
 padding: 20px 25px 20px 25px;
 text-align: left;
 }

td.content-mid /* master width is 986 */
 { 
 width: 430px;
 padding: 20px 25px 20px 25px;
 text-align: left;
 }
 
td.content-notoppad
 {
 padding: 0px 25px 0px 25px;
 }

td#content-gallery-home /* master width is 986 */
 {
 padding: 0 25px 25px 25px;
 color: #cccccc;
 text-align: left;
  }
 
td#content-gallery /* master width is 986 */
 {
 background-image: url(/images/bg-gallery-logo.gif);
 background-repeat: no-repeat;
 height: 500px;
 padding: 0 25px 25px 25px;
 color: #cccccc;
 text-align: center;
 }

td#content-gallery-left /* master width is 986 minus 25px for trans.gif in php table layout = 961 */
 { 
 width: 605px; 
 padding: 0 25px 50px 25px;
 text-align: left;
 color: #cccccc;
 }
  

/**************************************************************
   Columns
 **************************************************************/ 
 

 td.column
 {
 background-color: #e7e6e4;
 padding: 15px;
 border-bottom: 4px solid #ffffff;
 text-align: center;
 }

td.column-white-bg
 {
 background-color: #ffffff;
 width: 276px;
 padding: 15px;
 text-align: left;
 } 
 
td.column-green
 {
 background-color: #e6e8e3/*ebece7*/;
 padding: 20px 15px 15px 15px;
 border-bottom: 4px solid #ffffff;
 text-align: center;
 }
 
td.column-mid
 {
 background-color: #e7e6e4;
 padding: 15px;
 border-bottom: 4px solid #ffffff;
 text-align: center;
 }

td.column-no-bottom-border
 {
 background-color: #e7e6e4;
 padding: 15px;
 text-align: left;
 }


/**************************************************************
   Right Columns
 **************************************************************/ 
 
 td#right-column-idx
  {
  width: 330px;
  padding: 21px 21px 0px 0px;  
  } 
 
 td#right-col-head
  {
  background-color: #000000;
  width: 306px;
  height: 30px;
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  color: #ffffff;
  font-weight: bold; 
  }

td#right-col
 {
 background-image: url(/images/bg-right-col.gif);
 background-repeat: repeat-y;
 width: 306px;
 padding: 15px 0px 0px 0px;
 border-top: 4px solid #ffffff;
 font-size: 11px;
 }
 
td#sample-gallery2  /*remove when stable*/
 {
 background-image: url(/images/bg-right-col.gif);
 background-repeat: repeat-y;
 width: 306px;
 padding: 15px 0px 0px 0px;
 /*border-top: 4px solid #ffffff;*/
 font-size: 12px;
 }

td#sample-gallery
 {
 background-image: url(/images/bg-right-col.gif);
 background-repeat: repeat-y;
 width: 306px;
 padding: 0px 0px 0px 0px;
 border-top: 20px solid #ffffff;
 font-size: 12px;
 }


td#sample-gallery-head2 /*remove when stable*/
 {
 background-color: #000000;
 width: 306px;
 height: 30px;
 padding: 0px 5px 0px 5px;
 vertical-align: middle;
 text-align: center;
 font-size: 11px;
 color: #ffffff;
 font-weight: bold; 
 }

#sample-gallery-head 
 {
 background-color: #000000;
 width: 306px;
 height: 30px;
 padding: 0px 0px 0px 0px;
 margin-bottom: 15px;
 vertical-align: middle;
 text-align: center;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold; 
 line-height: 30px;
 }

#sample-gallery-head-work 
 {
 background-color: #000000;
 width: 306px;
 height: 30px;
 padding: 0px 0px 0px 0px;
 margin-bottom: 0;
 vertical-align: middle;
 text-align: center;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold; 
 line-height: 30px;
 }

td#right-col-about
 {
 width: 306px;
 text-align: right;
 padding: 20px 0px 0px 0px;
 }

td#right-col-gallery
 {
 background-color: #000000;
 width: 281px;
 text-align: right;
 padding: 0 25px 50px 0;
 color: #cccccc;
 }


/**************************************************************
   Footer
 **************************************************************/ 


table#tbl-footer-container
 {
 background-color:#000000;
 background-image: url(/images/bg-footer.jpg);
 background-repeat: repeat-x;
 border: 0px;
 padding: 0px;
 width: 100%;
 }

table#tbl-footer
 {
 background-color:#000000;
 border: 0px;
 padding: 0px;
 width: 986px;
 font-size: 11px;
 color: #808080;
 line-height: normal;
 }

td#corian-edge
 {
 background-color:#cdd1d4;
 background-image: url(/images/bg-corian-edge.jpg);
 background-repeat: repeat-x;
 width: 986px;
 height: 91px;
 padding: 0px 25px 0px 0px;
 text-align: right;
 }

td#footer-left
 {
 width: 465px;
 padding: 15px 0px 25px 25px;
 }

td#footer-right
 {
 width: 496px;
 padding: 15px 25px 25px 0px;
 }

a.foot:link {text-decoration: none; color: #808080;}
a.foot:visited {text-decoration: none; color: #808080;}
a.foot:hover {text-decoration: none; color: #ffffff;}
a.foot:active {text-decoration: none; color: #808080;}

/**************************************************************
   Accordian Styles
 **************************************************************/

#wrapper {
	width: 430px;
      border-top: 15px solid #ffffff;
      border-bottom: 15px solid #ffffff;
	}

.accordionButton {	
	width: 410px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #e7e6e4;
	border-bottom: 3px solid #FFFFFF;
	cursor: pointer;
      padding: 10px;
      color: #464646;
	font-weight:normal;
      line-height:normal;
	}

span.plus
{
font-family: verdana;
font-size: 14px;
font-weight: bold;
color: #acacac;
}

.accordionContent {	
	width: 420px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #ffffff;
      padding: 15px 0 15px 0;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: #000000;
      color: #ffffff;
	}
	
.over {
	background: #000000;
      color: #ffffff;
	}
	
/***********************************************************************************************************************
 PROMOTIONS
************************************************************************************************************************/

.content-row
{
background-color: #ebebeb;
padding: 10px;
border-bottom: 15px solid #ffffff;
}

.content-row-2
{
background-color: #e1e1e1;
padding: 10px;
border-bottom: 15px solid #ffffff;
}


/***********************************************************************************************************************
 SAMPLES GALLERY / ALBUMS
************************************************************************************************************************/


#samples-wrapper
{
background-color: #ffffff;
width: 296px;
height: auto;
padding: 4px 4px 4px 4px;
border: 1px solid #cbcbcb;
}

#samples-wrapper-work
{
background-color: #ffffff;
width: 296px;
height: auto;
padding: 4px 4px 4px 4px;
border-top: 0;
border-right: 1px solid #cbcbcb;
border-bottom: 0;
border-left: 1px solid #cbcbcb;
}

#samples-title
{
background-color:#e7e6e4;
width:296px;
height: 30px;
margin-bottom: 4px;
line-height: 30px;
text-indent:10px;
}

img.smp-thm
{
padding: 0 4px 4px 0;
float: left;
}

img.smp-thm-right
{
padding: 0 0 4px 0;
float: left;
}


.smp-thm img{
border: 1px solid #ccc;
}

.smp-thm:hover img{
border: 1px solid navy;
}

.smp-thm:hover{
color: red; /* irrelevant definition to overcome IE bug */
}





span#colors
{
margin-right:18px;
}

span#edges
{
margin-right:19px;
}

span#splashes
{
margin-right:2px;
}