/*
   Urban Earth Graphics LLC
	
	COLORS:
	
	
	       Green:   #6ecd4c
	   Logo Grey:   #6e6967  EDITED TO SLIGHTLY DARKER (2/2025): #525252
	   Dark Grey:   #2a2a2a
	  Light Grey:   #e9e9e9
	  
	 Medium Grey:   #d7d7d7
	 
	 Light Green:   #f7faf2
	 
	 Darker Green text on white background: #258C00
	
	
*/

body {margin: 0; padding: 0; }


h1 {font-size: 130%; color: #525252; padding: 10px;}
h2 {font-size: 105%; color: #2a2a2a; padding: 15px;}
img {max-width: 100%}
p {font-size: 100%}



.centercontent {font-family: sans-serif; width: auto; text-align: center;
		margin: 0px auto;}
		
.limitWidth {margin: 0px auto; max-width: 1200px; padding: 10px}
.decreasedWidth {margin: 0px auto; max-width: 750px; padding: 3px}
.decreasedWidth p {padding: 3px}
  
  
.fatGreenLine  {background-color:#6ecd4c; height: 6px; margin: 0px auto; border: 0px; padding: 0px}
.thinLine  {background-color:#6e6967; height: 1px; margin: 10px auto; border: 0px; padding: 0px}
.spaced   {padding: 25px}


.embeddedLink {text-decoration: none; color: #6ecd4c; font-weight: 300; padding: 4px; background-color:#525252}
.embeddedLink:hover {color: #ffffff; background-color:#2a2a2a; font-weight: 300;}

.alignLeft {text-align: left}

.yellow {font-size: 100%; background-color: yellow; padding: 1px}


#logo {padding: 12px}
#header {
	padding: 0px;
    background-image: url("backgroundtest.png");
    background-repeat: repeat;}

.gradient {background-color: #d7d7d7; background-image: linear-gradient(white, #d7d7d7); }
.gradientTwo {background-color: #d7d7d7; background-image: linear-gradient(#d7d7d7, white); padding: 1px}
.greenBackground {background-color: #f7faf2; padding: 5px;}	

#links {padding: 8px;}
#links a {font-size: 105%; display: inline; list-style-type: none; border-radius: 4px; box-shadow: 1px 1px 1px grey;}
#links a:link {color: black; background-color:white; padding: 3px 7px 3px 7px; margin: 2px;
		text-decoration: none; vertical-align: center; display: inline-block; text-align: center;}
#links a:visited {color: #2a2a2a; background-color:white; text-decoration: none}
#links a:hover {color: #ffffff; background-color:#6e6967; text-decoration: none;}
#links a:active {color: #ffffff; background-color:#6e6967; text-decoration: none} 
#links a.current {color: white; background-color: #6e6967}
#links a.highlight1 {color: black; background-color: yellow}
#links a:hover.highlight1 {color: black; background-color: #6ecd4c}


.toptext {font-size: 100%; color: #e9e9e9; background-color: #2a2a2a; padding: 2px;}
.toptext a {color: #ffffff; background-color:#3f3f3f; text-decoration: none; padding: 4px; margin: 3px;
	vertical-align: center; display: inline-block; text-align: center; }

.indent {padding: 5px}



	  
/* HOME PAGE */
		
.blockWidth {vertical-align: top; display: inline-block; text-align: center; 
		width: 325px; margin: 7px; padding: 2px 6px 2px 6px; background-color: #e9e9e9; }
.blockWidth p {font-size: 100%;}
.blockWidth a {color: black; background-color:#6ecd4c; text-decoration: none; padding: 8px; border-radius: 5px; box-shadow: 1px 1px 1px grey;}
.blockWidth a:hover {color: #ffffff; background-color:#2a2a2a; text-decoration: none; text-shadow: none}
.blockWidth img {max-height: 160px}		

.newhighlight {
  padding: 8px;
  border-radius: 50%;
  background-color: yellow;
  color: black;}

.secondarylink  {color: blue}


/* EARTH DAY PAGE */
		
.earthBlock {vertical-align: top; display: inline-block; text-align: center; 
		width: 325px; margin: 7px; padding: 2px 6px 2px 6px; background-color: #E5F8FC; }
.earthBlock p {font-size: 100%;}
.earthBlock a {color: black; background-color:#6ecd4c; text-decoration: none; padding: 5px; border-radius: 2px; box-shadow: 1px 1px 1px grey;}
.earthBlock a:hover {color: #ffffff; background-color:#2a2a2a; text-decoration: none; text-shadow: none}
.earthBlock img {padding: 20px 1px 1px 1px}	
	
.exteriorLink {padding: 0px; font-size: 100%;}	
.exteriorLink a {color: black; background-color:#7FDBEF; text-decoration: none; padding: 0px; border-radius: 1px;}
.exteriorLink2 a {background-color: #E5F8FC; text-decoration: none; padding: 0px; border-radius: 0px;}
.exteriorLink2 img {background-color: red; text-decoration: none; padding: 0px; border-radius: 0px;}

.earthOptions {vertical-align: top; display: inline-block; text-align: left; list-style-type: none;
		 margin: 0px; padding: 0px;}
.earthOptions li {font-size: 100%; padding: 1px}

	  
/* ASSORTED ITEMS - EMPLOYEE INCENTIVES - ETC */
		
.blockItem {vertical-align: top; display: inline-block; text-align: center; 
		width: 325px; margin: 7px; padding: 2px 6px 2px 6px; background-color: #e9e9e9; }
.blockItem p {font-size: 100%;}
.blockItem a {color: black; background-color:#6ecd4c; text-decoration: none; padding: 1px; border-radius: 5px; box-shadow: 1px 1px 1px grey;}
.blockItem a:hover {color: #ffffff; background-color:#2a2a2a; text-decoration: none; text-shadow: none}
.blockItem img {max-height: 160px}		
	  

   				
				
/* FAQ - Mike */				
				

		summary 				{cursor:pointer; color:#258C00; font-family:sans-serif; font-size:16px; padding:10px; border-radius:5px;}
		details p 				{font-size:16px; line-height:1.5; color:#111; padding-left:26px;}
		details[open] summary,
		summary:hover 			{background-color:#eee;}
		details[open] p 		{margin-bottom:20px;}

				
				
/* BOTTOM PANEL */

#bottompanel {background-color: #2a2a2a; text-decoration: none;
		padding: 20px; color: #e9e9e9; text-align: center; line-height: 110%;}
		
#SocialMedia a {padding: 0px; margin: 5px}


.lineBreak {clear: both; border: 1px solid #3f3f3f; margin: 15px}


/* SUSTAINABLE TEES */

.caption {vertical-align: middle; display: inline-block; padding: 2px; width: 225px;}


/* UNIVERSAL PAGE CONTENT */	

.button {color: black; background-color:#6ecd4c; text-decoration: none; padding: 8px; border-radius: 5px; box-shadow: 1px 1px 1px grey;}
.button a:hover {color: #ffffff; background-color:#2a2a2a; text-decoration: none; text-shadow: none}

 
.portfolio {}
.exampleImgs img {margin: 4px; text-align: center; max-height: 200px}
.examplePrints img {margin: 4px; text-align: center; max-height: 200px}

a.topbutton {float: right; padding: 5px; }
.topbutton {color: #7F7F7F; font-style: italic; 
		 text-decoration: none; margin: 10px; }
.topbutton:hover {color: #ffffff; background-color: #0a0301}



/* BUSINESS START UP PACKAGES */	


.promoLists{vertical-align: top; display: inline-block; text-align: left; list-style-type: none;
		max-width: 450px; margin: 1px; padding: 2px 6px 2px 6px; background-color: #e9e9e9; }
.promoLists li {font-size: 100%; padding: 8px}
    

/* CUSTOM APPAREL PAGES */		

.apparelHeadingImg {width: 650px; max-width: 100%}
.headingGreenBackground {background-color: #6ecd4c;}
.apparelOptions {margin: 0px auto; max-width: 750px; }
.apparelOptions ul {display: inline-block; padding: 5px; list-style-type: none; max-width: 130px; vertical-align: top}
.apparelOptions li {padding: 3px; text-align: left;}
.apparelOptions ul  a {text-decoration: none; color: #42403F }
.apparelOptions ul  a:hover {color: #ffffff; background-color:#0a0301; font-weight: bold; padding: 3px}
.apparelOptions img {padding-top: 15px; width: 180px; max-width: 40%; display: inline-block;}


.hatOptions {margin: 0px auto; max-width: 750px; }
.hatOptions ul {display: inline-block; padding: 5px; list-style-type: none; max-width: 220px; vertical-align: top}
.hatOptions li {padding: 3px; text-align: left;}
.hatOptions ul  a {text-decoration: none; color: #42403F }
.hatOptions ul  a:hover {color: #ffffff; background-color:#0a0301; font-weight: bold; padding: 3px}
.hatOptions img {padding-top: 15px; width: 250px; max-width: 40%; display: inline-block;}




.clear {clear: both}		


.productlist li {float: left}
.products {color: #42403F; font-weight: bold; line-height: 30px; 
		 text-decoration: none; padding: 6px; }
.products:hover {color: #ffffff; background-color: #0a0301}

.calcInfo {text-align: left; padding: 5px; line-height: 25px}
.calcInfo li {margin: 20px;}



/* CONTACT PAGE */	

#required {text-align: right; padding-right: 50px}
#doubleclick {text-align: center; padding: 10px}

#required i {font-size: 0.9em}

.asterisk {display: inline; color: red}
.input {display: inline}

fieldset {padding: 10px; width: 760px; max-width: 90%; 
		margin: 10px auto; border: solid 2px #6ecd4c}
		
legend {font-weight: bold; font-size: 100%; color: #2a2a2a}

label  {padding: 3px}
.block  {}
.labelBlock {display: block; padding: 7px}

#reset {border: none; font-size: 120%}
#submit {border: none; font-size: 120%}

#SocialMedia2 a {padding: 2px}
#SocialMedia2 img {padding: 2px; max-width: 55px}



/* FAQ PAGE */	

#questions {list-style-type: none; padding: 4px; 
		display: block; text-align: center}
#questions li {padding: 3px;}
#questions a {text-decoration: none; color: black}
#questions a:link {padding: 3px}
#questions a:hover {color: #ffffff; background-color:#0a0301; font-weight: bold}

#answers {padding: 5px 40px 0px 40px; text-align: left}




/* ABOUT PAGE */	

.aboutImg {clear: both; padding: 10px; width: 400px}

.aboutBlock {vertical-align: top; display: inline-block; text-align: center;
		width: 265px; margin: 4px; padding: 5px 15px 20px 15px; background-color: #e9e9e9; }