body {background-color: white;
         font-family: Helvetica,Arial;
	 fot-family: "Gotham SSm A","Gotham SSm B","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	 font-size: 14px;
	 margin: 0px auto;
	 padding: 0px;
	 width: 100%; /* 1000px; */
	 max-width: 1000px;
	 min-width: 480px;
	 text-align: left;
        }
      a {text-decoration: none;
	 color: inherit;
	 font-size: inherit;
        }
     h1 {margin: 10px 0px 0px 0px;
         font-size: 28px;
	 font-family: Verdana, sans-serif;
	 text-shadow: 1px 1px 1px #888888;
        }
     h2 {margin: 10px 0px 10px 0px;
	 font-size: 18px;
	 font-family: Verdana, sans-serif;
        }
      p {color: black;
         letter-spacing: 0px; 
        }
     li {
	 margin: 0.4em 0 0.4em 0;
	}
     li:before {
     	 color: #990000;
	}
     ul.desc {
	list-style: disc;
	list-style-position: outside;
	color: #555555;
	}
     ul.desc span {
	color: black;
	}
     ul.simpleprices {
	list-style: square;
	list-style-position: outside;
	color: #E68A00;
	}
     ul.simpleprices span {
	color: black;
	}

     table.locations {
	width: 100%;
	}
     table.locations ul{
	list-style: disc;
	list-style-position: outside;
	color: #009933;
	}
     table.locations ul span {
	color: black;
	}
     img {
     	border: 0px;
	max-width: 470px;
	}
.hidden {
	display: none;
	}
.unhidden {
	display: block;
	} 


#faqgas H3{
	margin-bottom: 0;
	margin-top: 1.5em;
}

#faqgas p {
	margin-top: 0;
}



#ADAMS {
	clear: both;
	padding: 10px;
	background: #E68A00;
	color: #222;
}

#clear {
	clear: both;
}


#pagecontent {
	margin: 0px auto;
	max-width: 990px;
	padding: 0px 5px 0px 5px;
}

#topstrip {
	font-family: Helvetica,Arial;
	padding: 5px 10px 8px 10px;
	background: #555555;
	color: #E68A00;
	display: none;
}

#rentfreesummary {
	background: #e6e6e6;
	font-size: 100%;
	letter-spacing: 0px;
	padding: 10px;
}
#rentfreesummary H1 {
	margin: 0px;
	font-family: Helvetica,Arial;
	font-size: 180%;
	text-shadow: 1px 1px 1px #999999;
	color: #009933;
}
#rentfreesummary p {
	margin: 0.4em 0 0.8em 0;
}

#rentfreeblock {
	max-width: 460px;
	margin: 10px;
	background: #FFF;
	font-size: 100%;
	text-align: center;
	letter-spacing: 0px;
	border: thin solid;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	box-shadow: 0px 0px 10px #DBDEE1;
	-webkit-box-shadow: 0px 0px 10px #DBDEE1;
	-moz-box-shadow: 0px 0px 10px #DBDEE1;
}
#rentfreeblock H1 {
	margin: 0px 5px 0px 5px;
	padding: 0.5em 0.25em 0 0.25em; 
	font-family: Helvetica,Arial;
	font-size: 180%;
	line-height: 1em;
	text-shadow: 1px 1px 1px #999999;
	color: #009933;
}
#rentfreeblock p {
	margin: 0.8em 4% 0.8em 4%;
	font-size: 100%;
	text-align: center;
}
#rentfreeblock ol {
	margin: 0.5em 3% 1.3em 3%;
	padding-left: 2em;
	font-size: 100%;
	text-align: left;
}

/* header */

#headcontainer {
	display: table;
	width: 100%;
}

#hcr {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#header {
	float: left;
	width: 470px;
	margin: 0px auto;
	padding: 10px;
	display: table-cell;
	font-size: 20px;
}
#header #logo img {
	clear: both;
	display: block;
	margin: 0 auto;
}
#header #blurb {
	clear: both;
	margin-top: 0px;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	letter-spacing: 0px; 
	text-align: center;
	margin: 0px auto;
	color: #555555;
}
#header #blurb #top {
	font-size: 133%;
	font-weight: bold;
	text-shadow: 1px 1px 1px #555555;
	color: #E68A00;
}
#header #blurb #bottom {
	font-size: 66%;
	font-style: italic;
}
#header #blurb #bottom a {
	text-decoration: underline;
}
#header #blurb p {
	font-size: 80%;
	color: #111111;
	text-align: right;
}

/* homelink is now a menu of items not about products */
#homelink {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: black;
	text-align: left;
	display: block;
}
#homelink ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
#homelink > ul > li {
	margin: 0.4em 0 0.4em 0;
	white-space: nowrap;
}
#homelink > ul > li > a {
	color: #000;
	line-height: 22px;
	text-decoration: underline;
	padding: 0px 6px 0px 6px;
	display: inline-block;
	border-left: 22px solid #D6D6D6;
}
#homelink > ul > li:hover > a {
	color: #009933;
	border-left: 22px solid #009933;
}

/* menu */
#menu {
	width: 100%;
	float: left;
	position: relative;	
	border-bottom: 0px solid #000000;
	border-collapse: collapse;
	margin-bottom: 20px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-khtml-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px #DDDDDD;
	-moz-box-shadow: 0px 0px 0px #DDDDDD;
	box-shadow: 0px 0px 0px #DDDDDD;
	padding: 0px 0px;
	display: table;
	table-layout: fixed;
}
#menu ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: auto;
	display: table-row;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 2px 2px 2px 2px;
	margin: 0;
	display: table-cell;
}
#menu > ul > li {
	width: calc(16.666% - 4px);
}
#menu > ul > li > a {
	background: #D6D6D6;
	height: 1.5em;
	font-size: 100%;
	color: #000;
	line-height: 14px;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	margin: 1px;
	z-index: 6;
	position: relative;
	text-align: center;
	text-shadow: 1px 1px 1px rgb(153, 153, 153);  /* 153 */
	-webkit-box-shadow: 1px 1px 1px #414141;
	-moz-box-shadow: 1px 1px 1px #414141;
	box-shadow: 1px 1px 1px #414141;
	display: block;
}
#menu > ul > li:hover > a {
	background: #555555;
	color: #009933;
	text-shadow: 1px 1px 1px #111111; /* 17 */
	-webkit-box-shadow: 1px 1px 1px #111111;
	-moz-box-shadow: 1px 1px 1px #111111;
	box-shadow: 1px 1px 1px #111111;
}

/* Introductory title and paragraph on the very front page of the gas bottles website.  */
#intro {
	font-size: 100%;
	margin-top: 10px;
}
#intro H1 {
	clear: both;
	font-family: Helvetica,Arial;
	font-size: 200%;
	text-shadow: 1px 1px 1px #999999;
	color: #009933;
}
#intro ul{
	list-style: disc;
	list-style-position: outside;
	color: #009933;
}

#pictureblock {
	clear: both;
	margin: 0px auto 0px auto; 
	text-align: center;
	vertical-align: bottom;
	display: table-cell;
}
#picturewrap {
	margin: 0px auto 0px auto;
	background: #ffffff;
	text-align: center;
	clear: both;
	vertical-align: bottom;
	display: table-cell;
}

#prdct {
	display: table;
	width: 100%;
}

#bbbb {
	display: table-row;
}

#weldinggas {
	padding: 0em 1em 1em 1em;
	margin: 30px 10px 30px 10px;
	border: thin solid #E68A00;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	box-shadow: 0px 0px 10px #DBDEE1;
	-webkit-box-shadow: 0px 0px 10px #DBDEE1;
	-moz-box-shadow: 0px 0px 10px #DBDEE1;
	display: block;
}
#weldinggas H2 {
	font-size: 180%;
	display: block;
}
#weldinggas H2 a {
	text-decoration: none;
}
#weldinggas a {
	text-decoration: underline;
}
#weldinggas p {
	padding-left: 1em;
}
#weldinggas #tabletime {
	display: table;
	width: 100%;
}
#weldinggas #cellleft {
	display: table-cell;
	vertical-align: top;
	padding-right: 1em;
}
#weldinggas #pictures {
	display: table-cell;
	width: 140px;
	vertical-align: middle;
	text-align: right;
	margin-left: 1em;
	margin-right: 1em;
}

/* gastable */
#gastable {
	display: table-cell;
	text-align: center;
}
#gastable table {
	border-spacing: 2px;
	border: thin solid rgb(170, 170, 170);
	width: 100%;
	max-width: 470px;
	font-size: 100%;
	background: #e6e6e6;
	margin: 12px auto 12px auto;
	text-align: right;
	padding: 3px;
	overflow-x: auto;
}
#gastable H3  {
	font-size: 166%;
	margin: 5px 0px 10px 0px;
	text-align: center;
}
#gastable thead > tr > th  {
	text-align: left;
	font-weight: normal;
}
#gastable td, th  {
	padding: 0.1em 0.5em 0.2em  0.5em;
}
/* nth-child is not supported by IE8 */
#gastable td:nth-child(2) {
	background: #D6D6D6;
}
#gastable td:nth-child(3) {
	background: #D6D6D6;
}
#gastable td:nth-child(4) {
	background: #D6D6D6; 
}
#gastable td:nth-child(5) {
	background: #D6D6D6; 
}
#gastable tr.alt td {
	border: thin solid #E68A00;
	text-align: left;
}
#gastable td.alt {
	color: #E68A00;
	background-color: black;
}
#gastable td.tot {
	border: thin solid #E68A00;
}
#gastable td.orange {
	background-color: #E68A00;
	text-align: left;
}

/* Footer Container */
#fc {
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 1.5em 0.5em 1.5em 0.5em;
	background: #D6D6D6;
	overflow: auto;	
	clear: both;
}
/* Footer Left Block */
#flb {
	text-align: left;
	float: left;
}
/* Footer Left Block */
#frb {
	text-align: right;
	float: right;
}

/* https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
 */

/* As screen width gets tighter, start eliminating extraneous text from the rentfreeblock.
 */
@media only screen and (max-width: 1005px) {
	#menu > ul > li {
		width: calc(20% - 4px);
	}
}
@media only screen and (max-width: 958px) {
	#hcr #rentfeeblock p i {
		display: none;
	}
}
@media only screen and (max-width: 925px) {
	#rentfreeblock p u {
		display: none;
	}
}

@media only screen and (max-width: 878px) {
	#rentfreeblock p {
		display: none;
	}
	#menu > ul > li {
		width: calc(25% - 4px);
	}
	#prdct {
		display: block;
	}
	#bbbb {
		display: block;
	}
	#picturewrap {
		display: block;
		clear: both;
	}
	#gastable {
		display: block;
		clear: both;
	}
}

@media only screen and (max-width: 768px) {
	#header {
		padding: 0px;
		font-size: 22px;
	}
	#menu > ul > li {
		width: calc(33.33% - 4px);
	}
	#rentfreeblock H1{
		font-size: 140%;
	}
	#rentfreeblock > ol > li {
		line-height: 1em;
	}
	blockquote {
		margin: 0;
	}
}

@media only screen and (max-width: 700px) {
	#topstrip{
		display: block;
	}
	#pagecontent {
		margin-top: 10px;
	}
	#headcontainer {
		display: block;
	}
	#header {
		float: none;
		width: 100%;
		display: block;
	}
	#pictureblock {
		display: block;
		clear: both;
	}
	#hcr {
		display: block;
	}
	#rentfreeblock {
		display: none;
	}
}

/* @media only screen and (max-width: 640px), (min-device-width: 768px) and (max-device-width: 1024px) {*/
@media only screen and (max-width: 640px) {
	#topstrip{
		display: block;
	}
	#pagecontent {
		margin: 5px auto;
		width: 470px;
		margin-top: 10px;
	}
	#headcontainer {
		display: block;
	}
	#header {
		padding: 0px;
		font-size: 22px;
		display: block;
	}
	#hcr {
		display: block;
	}
	#rentfreeblock {
		display: none;
	}
	#menu > ul > li {
		width: calc(50% - 4px);
		width: 231px;
	}
	/* Force table to not be like tables anymore. */
	table.locations tbody, table.locations tr , table.locations td{ 
		display: block; 
	}
	/* Table cell dressed up to look like a "row". */
	table.locations td { 
		border: none;
		border-bottom: thin solid #e6e6e6;
		position: relative;
		padding: 0;
		margin: 0 10px 0 10px ;
		float: left;
	}
	/* First "row" needs a top border too. */	
	table.locations td:nth-child(1){ 
		border-top: thin solid #e6e6e6;
	}
	table.locations ul {
		float: none;
		margin: 0 auto;
	}
	/* Make the little lists now into a horizontal list with neat widths. */	
	table.locations li {
		float: left;
		width: 200px;
		padding: 0px;
		margin: 0.5em 0 0.5em 0;
	}
}