/*******************************
* Houston Service Industries   *
* Website Design & Development *
* TopSpot Internet Marketing   *
*     www.topspotims.com       *
*******************************/

/*************** General Redeclarations ****************/

html, body {
	background:#FFF;
	margin:0 auto;
	text-align:center;
}

h1, h2, h3 {
	color: #337045;
	margin-left:10px;
}

h1 {
	font: italic normal 1.4em Georgia, "Times New Roman", Times, serif;
}

h2 {
	font: italic normal 1.2em Georgia, "Times New Roman", Times, serif;
}

h3 {
	font: italic normal 1em Georgia, "Times New Roman", Times, serif;
}


h2 a {
	color:#337045;
	text-decoration:underline;
}

h2 a:hover {
		text-decoration: none;
}

p, .brochure {
	margin-left:10px;
	font:.88em Arial, Helvetica, sans-serif;
	line-height:1.5;
}

a {
	color:#337045;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.block {
	display: block;
}

.offleft {
	position: absolute;
	margin-left: -9999px;
}

.floatLeft {
	float:left;
}

.floatRight {
	float: right;
}

#content img.floatRight {
	margin-left: 10px;
}

.resetList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearBoth {
	clear: both;
}

table {
	font: .88em "Trebuchet MS", Arial, Helvetica, sans serif;
}

caption {
	font: .9em "Trebuchet MS", Arial, Helvetica, sans serif;
	color:#666;
	padding:10px;
}

th {
	font-size:1em;
	color:#337045;
	text-align:center;
}

.noBorder {	
	border: none;
}

th.lit {
	font-size:1em;
	color:#337045;
	text-align:left;
	border-bottom: 1px solid #CCC;
	width: 300px;
}

table.specs td {
	border-bottom: 1px solid #CCC;
}

table.specs a {
	color: #0000FF;
	text-decoration: underline;
}	

th.hoffman {
	border:1px solid #ccc;
}

td.hoffman {
	border:1px solid #ccc;
}

.smallTxt {
	font-size:.7em;
	font-style: italic;
}

/********************* Forms *********************/

form {
	color: #000;
	margin-left:15px;
	font:.88em Arial, Helvetica, sans-serif;
}

input, textarea { /* Global field attributes */
	border: solid 1px #222;
	margin-bottom: .6em;
	margin-top:.1em;
	color: #000;
	font: normal .88em Arial, Helvetica, sans-serif;
	padding:2px 4px;
}

label {
	font:.8em Arial, Helvetica, sans-serif;
	display: block;
}

input {
	width: 150px;
}

textarea {
	width: 175px;
}

select {
	margin-top: .1em;
}

fieldset {
	margin: 15px 20px;
	padding: 10px;
	background:#F0F0F0;
}

fieldset#controls table, fieldset#tests table {
	margin-left: 50px;
}

.left, .middle, .right {
	width: 200px;
	float: left;
	padding-left: 20px;
}

legend {
	color: #000;
	padding:0 .6em 0 .6em;
	font-weight:bold;
}

.radio {
	width:auto;
	padding:0;
	margin:0 1em 0 .6em;
}

.submit {
	width:6em;
	border:1px solid #212121;
	background:#F0F0F0;
	color:#121212;
	cursor:pointer;
	margin-left: 20px;
	width: 200px;
}

.offleft {
	position:absolute;
	margin-left:-9999px;
}

/************************** Divs  ******************************/

#wrapper {
	width: 900px;
	margin:0 auto;
	position:relative;
	text-align:left;
	/*background-color: #FFCC99;*/
}

/************* Top Banner **************/

#topBanner {
	height:145px;
	background: transparent url(../images/banner_gradiant.gif) repeat-y top left;
	margin:0;
	position:relative;
}

#logo {
	display:block;
	margin: 0;
	width:157px;
	height:88px;
	position:absolute;
	text-indent:-9999px;
	left: 10px;
	top: 10px;
	background: url(../images/hsi-logo.gif) no-repeat center center;
	outline:none;
}

#languages {
	display: none;
}

#languages li.last {
	border: none;
}

#languages li.china a {
	display: block;
	width: 33px;
	height: 23px;
	background: transparent url(../images/chinese.gif) no-repeat top left;
	text-indent: -9999px;
}

#languages li.china a:hover {
	background: transparent url(../images/chinese-over.gif) no-repeat top left;
}

/****** Search Box *****************/

#searchForm {
	width:230px;
	height:40px;
	position:absolute;
	right:0;
	top:60px;
}

#searchForm fieldset {
	margin: 0;
}

#searchForm label {
	display: inline;
	float: left;
}

#searchForm form {
	margin:0 auto;
}

#searchForm fieldset {
	background-color: transparent;
	border: 0;
}

#ajaxSearch_input {
	width:150px;
	font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	border:4px solid #7d7d7d;
	padding:5px;
	color:#666;
	margin-top: 4px;
}

#ajaxSearch_submit {
	background:none;
	cursor:pointer;
	font: bold 1em Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	padding:1px 2px;
	width: 36px;
	height: 36px;
	color: #000;
	background: transparent url(../images/go.jpg) no-repeat top left;
}

/************* Navigation *****************/

#nav {
	width:750px;
	font: normal .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left: 0;
	top: 110px;
	float: left;
	width: auto;
}

#nav a {
	display:block;
	text-decoration:none;
	color:#FFF;
	padding:4px 9px 4px 9px;
	margin: 0;
}

#nav a:hover, #nav a:focus, #nav li.sfhover a {
	background:#2eb457;
}

#nav li.sfhover ul a {
	background: none;
}

#nav li.sfhover ul a:hover {
	background:#2eb457;
}

#nav li { /* all list items */
	float:left;
	margin:9px 9px 0 0;
	list-style:none;
	padding:0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background:#337045;
	width:175px;
	padding:0;
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom:4px solid #121212;
	overflow: hidden;
}

#nav li ul li {
	font:.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	width:175px;
	margin:0;
	padding:0;
	text-align:left;
	border-top:1px solid #003100;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	top: 2.2em;
}

/***************** Secondary Navigation *********/

#secondaryNav {
	margin:0;
	position:absolute;
	top:50px;
	right:10px;
	font:.75em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}

#secondaryNav li {
	float:left;
	margin:0 10px 0 0;
	list-style:none;
	padding:0;
}

#secondaryNav li a {
	color:#FFF;
	text-decoration:none;
	padding-bottom:2px;
	outline:none;
}

#secondaryNav li a:hover, #secondaryNav li a:focus {
	text-decoration:none;
	border-bottom:1px solid #fff;
	color:#FFF;
	padding-bottom:2px;
}

/************* Languages ****************/

#languages {
	margin:0 auto;
	position:absolute;
	top:120px;
	right:5px;
}

#languages a {
	font-size: .8em;
	color: #FFF;
	padding-right: 4px;
}

#languages img {
	border:none;
}

#languages li {
	float:left;
	margin:0 2px 0 0;
	list-style:none;
	padding:0;
	border-right: 1px solid #FFF;
}

#languages li {
	border: none;
}

/************* Banner w/images **********/

#banner {
	background:url(../images/main-banner.jpg) no-repeat;
	height:155px;
	margin:10px 0 0 0;
}

#home #banner {
	background: url(../images/header_banner3.jpg) no-repeat;
	height: 246px;
	margin: 10px 0 0 0;
}

#home #content h1 {
	text-align: center;
	line-height: 1.3em;
}

#home .rfq {
	display: none;
}

h2.tagline {
	font: normal 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	position:absolute;
	left:175px;
	top:25px;
}

a.rfq {
	background: url(../images/rfq-button.gif) center center no-repeat;
	display: block;
	width: 129px;
	height: 28px;
	text-indent: -9999px;
	position: absolute;
	right: 70px;
	bottom: -146px;
	margin: 0;
	overflow: hidden;
}

h2.call {
	color: #FFF;
	position: absolute;
	top: 20px;
	right: 20px;
	margin: 0;
}

/************* Content Area **************/

#content {
	padding: 15px 20px;
	margin: 10px 0 5px 10px;
	float: left;
	width: 610px;
}

#rfqPage #content {
	width: 760px;
}

#rfqPage #left, #middle {
	width: 35%;
}

#rfqPage #right {
	width: 30%;
}

#content ul, #content ol {
	margin: 0;
}

#content ul li, #content ol li {
	font:.82em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 .6em 0;
}


#content img {
	padding: 4px;
	border: 1px solid #CCC;
	margin-right: 10px;
}

#content img.noBorder {
	border: none;
}

table.contacts {
	border-collapse: collapse;
	font-size: .8em;
}

table.contacts td {
	padding: 20px 10px 20px 3px;
	border-bottom: 2px solid #ddd;
	vertical-align: top;
}

table.contacts strong span {
	font-style: italic;
	display: block;
	font-size: 11px;
}

table.contacts td.last {
	border-bottom: none;
}

.callout {
	color: #fff;
	padding: 2px 4px;
	background-color: #0f983b;
	border: 1px solid #057c2b;
	text-align: center;
}

li p.features strong {
	display: block;
	margin-bottom: 10px;
}

ul#promo-wrapper.innerfade {
	height: 284px;
	display: block;
	list-style: none;
	margin: 0 auto;
}
/************* Right Side Content ***********/

#sideBarHeader {
	text-align: center;
	padding: 10px;
	color: #000;
	font-size: .6em;
	text-transform: uppercase;
}

#sideBarHeader span {
	display: block;
	font-weight: bold;
	font-size: larger;
	margin-top: 5px;
	color: #416aaa;
}

#sideBarHeader .sides {
	font-weight: bold;
	color: #73a955;
	display: inline;
}

#rightContent {
	float: right;
	width:200px;
	margin:10px 0 5px 0;
}

#rightContent h3 {
	font: italic normal 1.4em Georgia, "Times New Roman", Times, serif;
	color:#337045;
	padding-bottom:4px;
	margin-bottom: 10px;
	line-height: 1em;
	width:190px;
	border-bottom:2px solid #4E4E4E;
}

#rightContent img {
	padding: 2px;
	border: 1px solid #CCC;
	margin-left: 8px;
}

/************* Quick Contact Form ***********/

h1#quickContactHeader {
	border:none;
}
.quickContact {
	text-align:left;
	width: 215px;
}

.quickContact h1 {
	font-size: 18px;
	color: #333366;
}

#rightContent input, #rightContent textarea { /* Global field attributes */
	border: solid 1px #183257;
	font: normal 80% Arial, Helvetica, sans-serif;
	color: #183257;
	margin-bottom: .5em;
}
#rightContent input {
	width: 150px;
}
#rightContent textarea {
	width: 150px;
	height: 100px;
}

#rightContent legend, #rightContent label{
	font-weight: normal;
	color: #333366;
	font-size: 14px;
}

#rightContent fieldset {
	margin: 0 10px 10px 0;
	padding: 10px;
	border: solid 1px #183257;

}


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

#footer {
	clear:both;
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	border-bottom:2px solid #44935b;
	overflow: auto;
}

#footer ul {
	list-style:none;
	margin:0 4px 10px 180px;
	font-size: .88em;
}

#footer li {
	display:inline;
}

#footer li a {
	float:left;
	margin:10px 0 4px 12px;
	text-decoration:none;
	color:#000;
}

#footer li a:hover {
	text-decoration:underline;
}

#footer p {
	margin:10px 0 4px 0;
	clear:left;
}

#footer a, #footer a:hover {
	text-decoration:none;
}

#footer a {
	color:#000;
}

#footer a:hover {
	color:#003100;
}

span.footNav {
	padding:0 5px 0 0;
	border-right:1px solid #000;
}

#footer ul {
	list-style:none;
	margin:0 4px 0 180px;
	float: right;
}

#footer li {
	display:inline;
}

#footer li a {
	float:left;
	margin:10px 0 0 12px;
	text-decoration:none;
	color:#000;
}

#footer li a:hover {
	text-decoration:underline;
}

#footer p {
	margin:10px 0 4px 0;
	clear:left;
	float: left;
}

#footer a, #footer a:hover {
	text-decoration:none;
}

#footer a {
	color:#000;
}

#footer a:hover {
	color:#003100;
}

span.footNav {
	padding:0 5px 0 0;
	border-right:1px solid #000;
}

#topspot {
	text-align: center;
}

#topspot a {
	color: #777777;
}

/************ jqModal Window *****************/
#isoBox {
}

.closeISO {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	text-indent: -9999px;
	overflow: hidden;
	height: 57px;
	width: 57px;
	background: transparent url(/images/jqmClose.jpg) no-repeat left top;
}

/************ Main Contact Form *****************/
#contactForm ol li {
	width: 160px;
	float: left;
	margin-right: 5em;
}

#contactForm input {
	height: 1.6em;
}

#contactForm select {
	margin-bottom: .4em;
}

#contactForm textarea {
	width: 450px;
}

#contactForm fieldset {
	margin: 15px 40px;
}

/************ Member Login Form *****************/
#memberLoginBox ol {
	list-style: none;
}

#memberLoginBox {
	width: 300px; 
	margin: 0 auto;
	background-color: #f0f0f0;
	border: 1px solid #777;
	padding: 20px 0;
}