body {
	background-color: #333;	
}

div#main_container {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	background-color: #4c4d4f;
}

div#tq_wrapper {
	position: relative; top: 0px; left: 0px;
	width: 1100px;
	background-color: #4c4d4f;	
}

/*  [[  Header  ]]  */
div#tq_header {
	position: relative; top: 20px;
	width: 1100px;
	height: 116px;
	background: url(../images/bg_header.jpg) no-repeat;
}

img.logo {
	margin-top: 10px;
	margin-left: 28px;
}
img.header_imgs {
	position: absolute; top: 0px; right:0px;
}


/*  [[  Content  ]]  */
div#tq_content_wrapper {
	position: relative; top: 20px; left: 0px;
	width: 1100px;
	background: #4c4d4f;		
	font-family: Futura MD, Candara, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-bottom: 20px;
}

div.tq_content_left {
	position: relative; left: 10px; top: 20px;
	float: left;
	width: 191px;	
	z-index: 1000;
}


div.tq_content_mid {
	position: relative; left: 20px; top: 20px;
	float: left;
	width: 649px;	
	z-index: 10;
}

div.product_grid {
	position: relative;
	background: #b3b5b8;
	padding: 10px;
}

div.product_row {
	padding: 10px;
	width: 609px;
	overflow: auto;	
	border-bottom: 2px solid #4c4d4f;
}

div.product {
	position: relative;
	float: left;
	width: 300px;
	vertical-align: top;
}

.product img {
	margin-left: 10px; 
	margin-right: 10px;
}

.product a:link, .product a:visited {
	text-decoration: none;
	color: #000;
}



div.tq_content_right {
	position: relative; left: 30px; top: 20px;
	float: left;
	width: 220px;	
}

div.techinfo {
	margin-top: 15px;
	background: #b3b5b8 url(../images/bg_techinfo.jpg) no-repeat top;
	width: 215px;
	border-right: 2px solid #4c4d4f;
	
}

div.techtext {
	position: relative; top: 35px;	
	background: url(../images/bg_techinfo_body.jpg) repeat-y;
	width: 215px;
	font-family: Futura MD, Candara, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 1.7em;
}

.techtext p {
	padding: 15px;
}

.techtext ul {
	margin-top: 0px;
	margin-left: 22px;
}

.techtext a:link, .techtext a:visited {
	text-decoration: none;
	color: #fff;	
}
.techtext a:hover, .product a:hover {
	text-decoration: underline;
	color: #fff;	
	padding: 2px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;		
	background: #4c4d4f;
	text-shadow: none;
}



/*  [[  Sub Pages  ]]  */

	div.content_wrap {
		position: relative; left: 20px; top: 20px;
		float: left;
		width: 879px;
		background: #b3b5b8;
		padding-bottom: 30px;
	}


	div.content_mid {
		position: relative; top: 10px; left: 20px;
		float: left;
		width: 629px;
		z-index: 10;
	}
	
	div.subpage_title {
		position: relative; top: 0px; left: 0px;
		width: 629px;
		height: 68px;
		background: url(../images/bg_subpage_title.jpg) no-repeat;		 
	}
	
	.subpage_title {
		color: #fff;
		font-size: 20px;
		line-height: 5.3em;
		padding-left: 10px;
		width: 499px;
	}		
	
	div.subpage_content {
		position: relative; top: 10px; left: 0px;
		padding: 10px;
		width: 609px;
		background: #fff;
		min-height: 400px;
		height: auto !important;
		height: 400px;
		font-family: Futura MD, Candara, Arial;
		font-size: 12px;
		font-weight: normal;
		color: #000;
	}
	
	.subpage_content a:link, .subpage_content a:visited {
		text-decoration: underline;
		color: #666;
	}
	.subpage_content a:hover {
		text-decoration: underline;
		color: #fff;	
		padding: 2px;	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;	
		text-decoration: none;
		color: #fff;
		background: #4c4d4f;
		text-shadow: none;
	}		
	
	div.content_right {
		position: relative; left: 40px; top: 10px;
		float: left;
		width: 200px;
		
	}
	
	div.subpage_content_right {
		width: 220px;
		padding: 5px;
	}
	
	.content_right img {
		margin-bottom: 10px;
	}
	
	.subpage_content ul {
		list-style-type: square;
		margin: 8px;
		padding: 4px;
		line-height: 1.6em;
	}
	
	.subpage_content hr {
		border: 1px solid #C9DCA6;
	}
	
	/*.subpage_content p {
		overflow: auto;
		margin: 0;
	}*/
	
	div.newsrow {
		margin-top: 5px;
		margin-bottom: 5px;
		width: 620px;
	}
	
	.newsrow img {
		position: relative;
		float: left;
		width: 190px;
		margin-right: 10px;
	}
	
	.newsrow span {
		position: relative;
		float: left;
		width: 420px;
		line-height: 1.4em;
		font-weight: bold;
	}
	
	/*div.newsimg {
		position: relative;
		float: left;
		width: 200px;
	}
	
	div.newsitem {
		position: relative;
		float: left;
		width: 420px;
	}*/



/*  [[  Vertical Nav Menu  ]]  */
ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class, .menu_company, .menu_products {
	margin-bottom: 4px;
	cursor: pointer;
}	

.the_menu, .nav_company, .nav_products {
	display:none;
	width:175px;
	border: 1px solid #1c1c1c;
	margin-left: 10px;
	margin-bottom: 4px;
	font-family: Futura MD, Candara, Arial;
	font-size: 12px;
	font-weight: bold;
}

.the_menu li, .nav_company, .nav_products {
	background-color: #302f2f;
}

.the_menu li a, .nav_company li a, .nav_products li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover, .nav_company li a:hover, .nav_products li a:hover {
	padding:10px;
	font-weight:bold;
	color: #CC9;
}

.vert_nav {
	margin-bottom: 4px;
}

ul.nav_compressors {
	background: #ccc;
	border: 1px solid #eee;
	margin-left: 10px;
	width: 155px;
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
}

ul.nav_compressors li a:link, ul.nav_compressors li a:visited {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration: none
}
ul.nav_compressors li a:hover {
	font-size: 10px;
	font-weight: normal;
	color: #FFC;
	text-decoration: none;
}


/*  [[  Footer  ]]  */
div#tq_footer {
	position: relative; top: 0px; left: 10px;
	width: 1080px;
	height: 70px;
	margin-top: 20px;	
}

div.tq_footer_block {
	position: relative; top: 15px;
	width: 1080px;
	height: 25px;
	padding-bottom: 15px;
	background: #fff;
	border: 1px solid #eee;	
}

div.tq_footer_text {
	font-family: Futura MD, Candara, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	line-height: 3em;
	margin-left: 15px;
}
div.edcc {
	position: absolute; right: 5px; top: 5px;	
	font-family: Futura MD, Candara, Arial;
	font-size: 11px;	
	color: #333;
}

.tq_footer_text a:link, .tq_footer_text a:visited  {
	text-decoration: underline;
	color: #333;	
}
.tq_footer_text a:hover {
	text-decoration: underline;
	color: #fff;	
	padding: 2px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	text-decoration: none;
	color: #fff;
	background: #4c4d4f;
	text-shadow: none;
}


/*a {	
	padding: 2px;
	font-weight: bold;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
a:hover{
	text-decoration: none;
	color: #fff;
	background: #4c4d4f;
	text-shadow: none;
}*/

a:active{
	-moz-transform:translate(0, 1px);
	-webkit-transform:translate(0, 1px); /* Doesn't appear to work */
}


/*  [[  Product Pages  ]]  */
.productTableHeader {
	font-family: Futura MD, Candara, Arial;
	font-size:15px;
	background-color:#b3b5b8;
}

table#productTable {
	font-size:10px;
	width:880px;
	border-width:1px;
	border-color:#000;
	border-spacing:0;
	border-style:solid;
}

table#productTable td{
	border-width:1px;
	border-color:#000;
	border-spacing:0;
	border-style:solid;
	text-align:center;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

.productLink {
	color:#f69842;
	font-weight:800;
}
.productPage {
	background-color:#fff; 
}
.productPageTitle {
	font-size:20px; 
	font-weight:bold
}
/*  [[  Changes  ]]

color in .tq_footer_text a:hover 

added 
	ul.nav_compressors
	ul.nav_compressors li a:link, ul.nav_compressors li a:visited
	ul.nav_compressors li a:hover
	a
	a:hover
	a:active
	.tq_footer_text a:hover
	Entire [[  Sub Pages  ]] section
*/


/*  [[  Form ]]  */
form.cmxform {
	width: 610px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #333;
}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	/*background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;*/
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	/*background: url(../images/cmxform-divider.gif) left bottom repeat-x;*/
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	font-family: Candara, Arial;
	font-size: 12px;
	
}
form.cmxform label.error { display: none; text-align: left; }	

div.error { display: none; }
input {	border: 1px solid #C9DCA6; font-family: Candara, Arial; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

#tcci_contact { width: 610px; }
#tcci_contact label.error, #tcci_contact input.submit { margin-left: 5px; }

input.submit {
	border: 1px solid #333;
	font-weight: bold;
	font-size: 13px;
	padding: 4px;
}



/*  [[  Resets  ]]  */
p {
	margin: 0;
	padding: 0;
}

form, fieldset {
	margin: 0;
	padding: 0;
}
	
fieldset { border: none; }

legend {
	padding: 0;
	color: #000;
}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
}
	
select { padding: 0; }