body {
 margin: 0;
 padding: 0; 
 background: #CC9 url(/images/site/new_extender.gif) repeat-x;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 text-align: justify;
 }

a:link, a:visited, a:active, a:hover{
 text-decoration: underline;
 color: #330;
}

h1 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 color: #666;
 font-family: 'arial black', arial, sans-serif;
 font-size: 40px;
 text-align: center;
 font-weight: bold;
 font-style: italic;
 }

h2 {
 color: #000;
 margin: 0 0 3px 0;
 padding: 5px 0 0 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 12px;
 text-align: left;
 font-weight: bold;
 }

h3 {
 color: #330;
 margin: 0 0 3px 0;
 padding: 5px 0 0 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 }

h4 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 color: #666633;
 font-family: 'arial black', arial, sans-serif;
 font-size: 20px;
 text-align: left;
 font-weight: bold;
 font-style: italic;
 }

h5 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 color: #666633;
 font-family: 'arial', arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 }


.headlink {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 color: #666633 !important;
 font-family: 'arial black', arial, sans-serif;
 font-size: 20px !important;
 text-align: center !important;
 font-weight: bold;
 font-style: italic;
 }

.headlink a:hover {
 text-decoration: underline;
}

.center {
text-align: center;
 }

.right {
text-align: right;
}

.army {
 color: #666633;
}

.clear {
 clear: both;
}

.noborder img{
 border-width: 0;
}

#header {
 width: 800px;
 background: #CC9 url(/images/site/new_Header.gif) no-repeat;
 height: 135px;
 margin: 0px;
 padding: 0px;
 }

#header p {
 color: #FFF;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 12px;
 text-align: right;
 position: absolute;
 top: 80px;
 left: 450px;
 }
 
#header a:link, #header a:visited, #header a:active {
  text-decoration: none;
  color: #CC9;
  background: transparent;
 }

#header a:hover {
 text-decoration: underline;
  color: #FFF;
  background: transparent;
 }
 
#header ul {
  margin: 0;
  padding: 0;
  } 
 
#header li {
  margin: 0;
  padding: 0;
  list-style: none;
 }
 
#container {
 margin: 0 auto;
 width: 750px;
 text-align: left;
 background-color: #CC9;
 float: left;
 }

/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv		                                 /* position, size, and font of  menu */
	{	
 	padding-left: 10px;
	z-index: 100; 
	width: 8em;						          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font: 15px/0.9em 'Lucida Grande', arial, sans-serif;
	letter-spacing: 2px;
	position: absolute;
	}

#menuv a
	{
	width: 100%;
	display:block;						
	padding-top: 7px;						/* expands menu box vertically*/
	padding-bottom: 7px;
	border-bottom:1px solid #996;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: black;
	background-color: #cc9;
	text-decoration:none;				       /* removes underlines from links */
}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	color: white;
	background-color: #663;
	}
	
#menuv li
	{
	list-style-type:none;		            /* removes bullets */	
}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 8em;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 8em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}

#leftnav {
 position: relative;
 width: 175px;
 margin: 0;
 padding: 0;
 background-color: #CC9;
 text-align: left;
 float: left;
 z-index:99;
 }

#belowmenu{
 position: absolute;
 text-align: center;
 top: 385px;
	
}

#belowmenu ul{
 padding-left: 8px;
 text-align: left;
 float: left;
 clear: both;
}

#belowmenu li {
 padding-top: 4px;
 list-style-type:none;
 margin: 0;	            /* removes bullets */	

}

#belowmenu img{
	border: 0;
	float: left;
	margin-left: 10px;
	margin-top: 6px;
}

#mission {
 top:300px;
 left:15px;
 text-align: left;
 position: absolute;
 }

#list p {
 color: #FFF;
 padding: 0 0 0 15px;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 text-align: left;
 }

#list ul, #mission ul {
  margin: 0;
  padding: 0;
  } 
 
#list li, #mission li {
  margin: 0;
  padding: 0;
  list-style: none;
 }
    
#rightcontainer {
 background-color: #CC9;
 position: relative;
 margin: 0 0 0 160px;
 padding: 0;
 }

#content {
 min-width: 750px;
 margin-left: 5%;
 margin-right: 10%;
}

#samplebox {
 background: #CC9;
 padding: 0px 5px 5px 5px;
 margin: 5px 5px 5px 5px;
 float: left;
 }

#flickr {
	width: 140px;
	float: left;
	text-align: center;
	position: relative;
	margin-left: 94%;
}


#flickr img {
	margin-bottom: 10px;
}

#tipbox {
	background: url(../images/site/tip_background.gif) no-repeat;
	width: 685px;
	height: 76px;
	padding: 12px 0 0 5px;
	margin: 50px 0 0 0;
}

#tipbox p {
	margin-top: 5px;
	padding-left: 15px;
	padding-right: 25px;
	color: #CC9;
}

#tipbox a:link, #tipbox a:active, #tipbox a:hover, #tipbox a:visited {
	color: #666;
}

#tipbox h3 {
	display: inline;
	padding-left: 15px;
	color: #666;
}

.featuredprojectbox {
 width: 140px; 
 background: #CC9;
 padding: 0;
 margin: 5px 5px 5px 5px;
 float: right;
 }

.featuredprojectbox img {
 border: 2px solid #000;
 width: 1px;
 display: block;
 width: 140px;
 }

.featuredprojectbox div {
 width: 140px;
 background: #000;
 height: 20px;
 padding: 0;
 margin: 2px;
 position: absolute;
 font-family: 'arial black', arial, sans-serif;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 font-style: italic;
 color: #666633;
}

.featuredprojectbox p {
 padding: 0px;
 margin: 0px;
 text-align: center;
}

#blogbox {
 width: 595px;
 background: #CC9;
 overflow: auto;
 margin: 5px 0 10px 10px;
 padding: 5px 5px 5px 5px;
 text-align: left;
 clear: left;
 font-size: 12px;
 color: #000;
 }

#blogbox p {
 color: #000;
 padding: 0 0 8px 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 12px;
 text-align: justify;
 }

#blogbox li {
	padding: 0 0 10px 0;
}

	#centercol {
		width: 500px;
		padding: 0px;
		border: 2px;
		background-color: #CC9;
		text-align: left;
		float: left;
	 	display: block;		
		}

	#rightcol {
		 width: 200px;
		 margin: 0px;
		 margin-top: 10px;
		 padding: 0px;
		 background-color: #CC9;
		 text-align: center;
		 float: right;
		 }
	#rightcol img{
		width: 200px;
		border: 2px solid #000;
	}	


#blogbox a:link, #blogbox a:visited, #blogbox a:active {
  text-decoration: underline;
  color: #FFF;
  background: transparent;
 }

#blogbox a:hover {
 text-decoration: none;
  color: #996;
  background: transparent;
 }
 
#newsfooter {
 background: url(../images/site/newsfooter.gif) no-repeat;
 width: 560px;
 height: 20px;
 margin: 0 0 0 10px;
 padding: 0;
 }


#shell {
 width: 700px;
 margin-left: 40px;
 
 }

.cleanwhite {
 background: white;
}

.cleanwhite h1 {
 font-size: 24px;
 padding-top: 8px;
}

.cleanwhite img {
 float: left;
 padding: 10px 10px 0px 10px;
}

.cleanwhite div {
 padding-right: 10px;
 padding-top: 10px;
 height: 392px;

}

#homebox {
	width: 685px;
	position: absolute;
}

#catnavs {
 padding-top: 2px;
 height: 15px;
 background-color: #996;
 margin-top: 5px;
 margin-bottom: 5px;
 text-align: center;
}

#papernavs {
 width: 701px;
 height: 15px;
 padding-top: 2px;
 margin-top: 5px;
 margin-left: 40px;
 margin-bottom: 5px;
 background-color: #663;
 text-align: center;
 }

#infonavs {
 width: 701px;
 height: 15px;
 padding-top: 2px;
 margin-top: 5px;
 margin-left: 40px;
 margin-bottom: 5px;
 background-color: #CC9;
 text-align: center;
 }

#catnavs p, #infonavs p, #papernavs p {
 color: #FFF;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 text-align: center;
 }

#special, #specialother {
 height: 223px;
 margin-bottom: 8px;
 padding: 0;
 text-align: justify;
 border: 1px solid #330;
 background-color: #FFF;
 }

#special p {
 	color: #000;
 	padding: 2px 6px 0 2px;
	margin: 2px 0 0 0;
 	font-family: 'lucida grande', arial, sans-serif; 
 	font-size: 11px;
 	text-align: left;
    	}

#special a {
	color: #000;
 	font-family: 'lucida grande', arial, sans-serif; 
 	font-size: 11px;
 	text-align: left;
    	}

#specialother p, #specialother a {
 	color: #000;
 	padding: 5px 6px 0 2px;
	margin: 2px 0 0 0;
 	font-family: 'lucida grande', arial, sans-serif; 
 	font-size: 11px;
 	text-align: left;
    	}

#extrasrow {

	 width: 625px;
	 height: 145px;
	 margin: 8px 0 8px 40px;
	 padding: 2px 2px 2px 2px;
	 background-color: #CC9;
	 text-align: left;
}

#extrasrow img {
	float: left;
}

#extrasrow p {
 color: #000;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 text-align: left;
 
}

#extrastext {
 margin: 160 0 0 0;
}

#stickrowtrans p, #stickrowshade p, #stselect p {
 color: #000;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
    text-align: left;
    }

#special a:link, #special a:visted, #special a:active, #specialother a:link, #specialother a:visted, #specialother a:active {
  text-decoration: underline;
  color: #000;
  background: transparent;
 }

#special a:hover, #specialother a:hover {
 text-decoration: none;
  color: #000;
  background: transparent;
 }

#special img, #specialother img {
 float: left;
 border: none;
 padding: 0;
 margin: 0;
 }

#special li { 
 margin-left: 10px; 
 }

#shirtform {
	width: 350px;
	padding: 0px;
	border: 2px;
	text-align: left;
	float: left;
	display: block;		
		}


#shirtpricingleftcol {
 float: left;
 width: 225px; 	
 text-align: center;

}

.shirtpricing ul {
 display: block;	
 padding-left: 0;
 padding: 2px;
 margin: 0;
}

.shirtpricing li {
 display: block;	
 list-style-type: none;
 padding: 2px;
 margin: 0;
 clear: both;
}

.width165 li {
 width: 165px;
}

#shirtpricingrightcol {
 float: left;
 width: 125px;
 text-align: center;
}

#shirtoutsideright {
	 width: 350px;
	 margin: 0px;
	 margin-top: 10px;
	 padding: 0px;
	 background-color: #CC9;
	 text-align: center;
	 float: left;
	 }


#shirtpricinggarment {
 float: left;
 clear: both;
 text-align: center;
 padding: 5px;
 width: 350px;
 padding-top: 10px;
}	

#shirtbrands {
	clear: both;
	width: 700px;
}

#shirtbrands tr {
 white-space: nowrap;
 width: 100%;
 border: 0;
 border-width: 0;
}

.listodd {
 background-color: #FFFFCC;
 opacity: 0.6;
 -moz-opacity: 0.6;
 filter:alpha(opacity=60);
}

.listeven {
 background-color: #CC9;
}

#formfield {
	width: 50px;
	font-size: 15px;
*/	background: transparent;
	border: 0;
*/
	
}

#formlabels{
	text-align: right;
}



#shirtthumbs {
 margin-left: 40px;
 text-align: center;
 }

#port {
 margin-left: 40px;
 text-align: center;
 }

#port p {
 color: #000;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 text-align: center;
 }

#shirtthumbs p {
 color: #000;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 text-align: left;
 }

.designth {
float: left;
width: 150px;
margin: 0 15px 15px 15px;
}

.desclearboth {
clear: both;
}

#stimg {
   float: left;
   padding: 2px;
   }

#stimg img {
 border: none;
 }

#stselect {
   float: right;
   padding: 8px;
   }

#pricerow_img {
   float: left;
   padding: 2px;
   }

#pricerow_img img {
 border: none;
 }

#pricerow_list {
   float: left;
   padding: 8px 8px 8px 30px;
   }
#pricerow_list p {
 margin: 4px 0px 5px 0px;
}

.button {
 margin-top: 5px;
 margin-left: 8px;
 padding: 0;
 }

.button a:link, .button a:visted, .button a:active, .button a:hover {
 text-decoration: none;
 }

.float {
   float: left;
   width: 120px;
   padding: 10px;
   text-align: center;
   }
  
.float a, .designth a, #port a {
 color: #000;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
    text-align: center;
    }

.float img, .float img a, .designth img, .designth img a {
 border: none;
 text-decoration: none;
 display: block;
 }
 
.float img a:link, .float img a:visited {
 border: 0;
 text-decoration: none;
 }
 
.float a:link, .float a:visited, .designth a:link, .designth a:visited, #port a:link, #port a:visited {
 text-decoration: none;
 color: #000;
 }
 
.float a:hover, .float a:active, .designth a:hover, .designth a:active, #port a:hover, #port a:active {
 text-decoration: underline;
 color: #FFF;
 }

#catnavs a:link, #catnavs a:visited, #catnavs a:active, #infonavs a:link, #infonavs a:visited, #infonavs a:active, #papernavs a:link, #papernavs a:visited, #papernavs a:active, #shellsamps a:link, #shellsamps a:visited, #shellsamps a:active {
  text-decoration: none;
  color: #000;
  background: transparent;
 }

#catnavs a:hover, #infonavs a:hover, #papernavs a:hover, #shellsamps a:hover {
 text-decoration: underline;
  color: #FFF;
  background: transparent;
 }

#shell a:link, #shell a:visited, #shell a:active, #shelltemp a:link, #shelltemp a:visited, #shelltemp a:active, #about a:link, #about a:visited, #about a:active {
text-decoration: underline;
color: #000;
background: transparent;
}

#shell a:hover, #shelltemp a:hover, #about a:hover {
text-decoration: none;
color: #FFF;
background: transparent;
}

#stickrowtrans {
 width: 560px;
 height: 230px;
 margin: 8px 0 8px 40px;
 padding: 2px 2px 2px 2px;
 background-color: #CC9;
 text-align: left;
 }

#pricerow_odd {
 min-width: 761px;
 margin-left: 7%;
 margin-right: 10%;
 height: 230px;
 padding: 2px 2px 2px 2px;
 background-color: #CC9;
 text-align: left;
 clear: both;
 }

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

#pricerow_odd li {
 padding: 2px 2px 2px 2px;
 list-style-type: none;
}

#pricerow_even {
 min-width: 761px;
 margin-left: 7%;
 margin-right: 10%;
 height: 230px;
 padding: 2px 2px 2px 2px;
 background-color: #996;
 text-align: left;
 float: left;
 clear: both;
 }

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

#pricerow_even li {
 padding: 2px 2px 2px 2px;
 list-style-type: none;
}

#stickrowtranspost {
 width: 600px;
 height: 370px;
 margin: 8px 0 8px 40px;
 padding: 2px 2px 2px 2px;
 background-color: #CC9;
 text-align: left;
 }

#stickrowshade {
 width: 600px;
 height: 230px;
 margin: 5px 0 8px 40px;
 padding: 2px 2px 2px 2px;
 background-color: #996;
 text-align: left;
 }

#stickrowshadepost {
 width: 550px;
 height: 370px;
 margin: 5px 0 8px 40px;
 padding: 2px 2px 2px 2px;
 background-color: #996;
 text-align: left;
 }

#ink {
 margin-left: 40px;
 width: 701px;
}

#ink img {
text-align: center;
}

#about img {
text-align: left;
 }

#shellsamps img {
 margin-left: 80px;
 }

#ink table {
 width: 701px;
 border: none;
 padding: 4px 4px 4px 4px;
 margin: 0;
 background-color: #FFF;
 }

#ink td {
 text-align: center;
 }

div.ink {
 text-align: left;
 margin-bottom: 8px;
 } 

#footer {
 position: relative;
 bottom: 0;	
 margin-left: 160px;
 padding: 0;
 padding-top: 20px;
 clear: both;
 text-align: center;
 width: 771px;
 }

#product_footer {
	clear: both;
}

#ink table p, #ink p, #shell p, #shelltemp p, #about p {
 color: #000;
 padding: 2px 2px 2px 2px;
 margin: 2px 0 2px;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 }

#shellsamps p {
color: #000;
padding: 2px 2px 2px 2px;
margin: 2px 0 2px 10px;
font-family: 'lucida grande', arial, sans-serif; 
font-size: 11px;
}

#footer p {
 color: #000;
 padding: 0;
 margin: 0;
 font-family: 'lucida grande', arial, sans-serif; 
 font-size: 11px;
 text-align: center;
 }

/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Smart Corners                                               |
  | Cascading Style Sheet                                            |
  | Copyright Aug 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* here's the box... the image is the upper-left corner */
#csc {
  background : #FFF url(/images/site/corner_tl.png) no-repeat;
  width : 701px;
  height : auto;
  position : relative;
  padding : 15px 10px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : 0px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(/images/site/corner_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(/images/site/corner_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(/images/site/corner_br.png) no-repeat;
  right : 0;
  bottom : 0;
}

#tip_no {
 color: #000;
 font-family: 'arial black', arial, sans-serif;
 font-size: 20px;
 text-align: left;
 font-weight: bold;
 font-style: italic;
 padding: 20px 5px 5px 5px;
 position: absolute;
 left: 10;
 top: 15px;
 }


#tip_image {
	float: left;
	padding: 8px 25px 5px 5px;
}


#tip_tags {
	bottom: 40px;
}

#tip_logo {
	right:0;
	bottom: 0;
	position: absolute;
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
}

#tip_right {
	margin: 0px 0px 0px 265px;
	padding: 5px 5px 85px 5px;
	position: relative;
	text-align: justify;
}

.file-tree {
	list-style-type: none;
}

.file-tree a {
	text-decoration: none;
 	color: #330;
}

.file-tree a:hover {
	color: #666;
}

td.swatch { 
border: 1px solid; 
valign: top;
width: 150px;
height: 50px;
}

td.bcswatch { 
border: 1px solid; 
valign: top;
width: 110px;
height: 110px;
}

td.multi { 
border: 1px solid; 
valign: top;
width: 150px;
height: 50px;
}

.disclaimer {
 font-size: 9px;
}