@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	background-color:#404C59;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height: 18px;
	color:#000000;
	background-image:url(../images/Background_Stretch.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

a {
	text-decoration:none;
	color:#2377B6;
}

a:hover {
	text-decoration:underline;
}

/*------------------------------------------------------------------------- Text Styles --- */

.Intro_Heading_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height: 16px;
	letter-spacing: 1px;
	vertical-align: middle;
	color: #000000;
	
}

.Contact_Info_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height: 16px;
	letter-spacing: 1px;
	vertical-align: middle;
	color: #fff;
	
}


.Header_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 16px;
	letter-spacing: 1px;
	color: #000000;
	
}


.Category_Desc_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height: 16px;
	color: #808080;
	text-align:left;
	padding-right:10px;
}


.Category_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #595959;
	text-align:left;
	padding-right:10px;
}


.Bullet_Text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-stretch:narrower;
	line-height: 20px;
	color: #808080;
	text-align:left;
}

.Bullet_Text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-stretch:narrower;
	line-height: 18px;
	color: #808080;
	text-align:left;
}

.Bullet_Small_Text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-stretch:narrower;
	line-height: 8px;
	color: #808080;
	text-align:left;
}


.How_To_Text1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 14px;
	font-stretch:narrower;
	color: #595959;
	text-align:left;
	padding-right:10px;
}

.How_To_Text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	font-stretch:narrower;
	color: #595959;
	text-align:left;
	padding-right:10px;
}

.How_To_Text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
	color: #595959;
	text-align:left;
	padding-right:10px;
}



.generalText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #595959;
	text-align:left;
	padding:25px 20px 20px 20px;
}
	

.ContactText {
	display:block;
	padding:20px 20px 20px 20px;
}
	



/*------------------------------------------------------------------------- Background Layout Styles --- */


#Left_Stretch {
	position:absolute;
	left: 2px;
	top:0px;
	width:50%;
	height:440px;
	background-image:url(../images/left_stretch.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	z-index:2;
	background-position:left top;
}

#Right_Stretch {
	position:absolute;
	right: 0px;
	top:0px;
	width:50%;
	height:440px;
	background-image:url(../images/right_stretch.jpg);
	background-repeat:repeat-x;
	z-index:2;
	background-position:right top

}
		





/*------------------------------------------------------------------------- Main Layout Styles --- */

#Centering_Container {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	top: 0px;
	width:980px;
	overflow:visible;
	z-index:10;
}


#Intro_Logo {
	position: absolute;
	left: 0px;
	top: 54px;
	width: 352px;
	height:77px;
	background-image:url(../images/Tubworks_Logo.png);
	background-repeat:no-repeat;
	z-index:60;
}




#Hotel_Logos {
	position: absolute;
	right: -10px;
	top: 100px;
	width: 240px;
	height:377px;
	background-image:url(../images/Hotel_Logos.png);
	background-repeat:no-repeat;
	z-index:50;
}

/* ------------------------------------------------------------------------------------ Footer Styles -------------------------------- */



#footerContainer {
	position:relative;
	top: 0px;
	width:100%;
	height:56px;
	clear:both;
	background-image:url(../images/Bottom_Bar_Stretch.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#31404B;
	
}

#centeringContainer3 {  /*  -----------  container for centering footer content  ---------- */
	position:relative;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	width:960px;
	min-height:60px;
}


/*------------------------------------------------------------------------- Intro Page Layout Styles --- */

#Menu_Holder {
	position: relative;
	width:940px;
	height:40px;
	margin-left:20px;
	z-index:120;
}



#Flash_Bkgd {
	position: relative;
	margin-top:100px;
	width:980px;
	height:300px;
	z-index:5;
	background-image:url(../images/middle_background.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}


#Flash_Holder {
	position:absolute;
	left:7px;
	top:7px;
	width:966px;
	height:293px;
	z-index:5;
	background-color:#3A5070;
}


#Middle_Bar {
	position: relative;
	width:980px;
	height:15px;
	z-index:5;
	background-image:url(../images/Middle_Bar.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#Content_Container{
	position:relative;
	top:0px;
	width:966px;
	min-height:570px;
	background-image:url(../images/Page_Stretch.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#EDEEEF;
	border-left-width:7px;
	border-left-style:solid;
	border-left-color:#A8B2BC;
	border-right-width:7px;
	border-right-style:solid;
	border-right-color:#A8B2BC;
}


#Content_Container_Home{
	position:relative;
	top:0px;
	width:966px;
	min-height:390px;
	background-image:url(../images/Page_Stretch.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#EDEEEF;
	border-left-width:7px;
	border-left-style:solid;
	border-left-color:#A8B2BC;
	border-right-width:7px;
	border-right-style:solid;
	border-right-color:#A8B2BC;
}



#how_button{
	position:relative;
	top:10px;
	left:15px;
	width:303px;
	height:67px;
	float:left;
	z-index:10;
}

#quote_button{
	position:relative;
	top:10px;
	left:28px;
	width:303px;
	height:67px;
	float:left;
	z-index:10;
}

#customer_button{
	position:relative;
	top:10px;
	right:16px;
	width:303px;
	height:67px;
	float:right;
	z-index:10;
}



#microseal_background{
	position:relative;
	top:24px;
	left:15px;
	width:303px;
	height:255px;
	float:left;
	background-image:url(../images/MicroSeal_Column.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}

#ultrashield_background{
	position:relative;
	top:24px;
	left:28px;
	width:303px;
	height:255px;
	float:left;
	background-image:url(../images/UltraShield_Column.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}

#securegrip_background{
	position:relative;
	top:24px;
	right:16px;
	width:303px;
	height:255px;
	float:right;
	background-image:url(../images/SecureGrip_Column.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}

#microseal_content1{
	position:absolute;
	top:100px;
	left:0px;
	width:140px;
	height:152px;
	z-index:5;
	padding-left:20px;
}


#microseal_content2{
	position:absolute;
	top:220px;
	left:0px;
	width:260px;
	height:130px;
	z-index:5;
	padding-left:20px;
}


#ultrashield_content1{
	position:absolute;
	top:100px;
	left:0px;
	width:140px;
	height:153px;
	z-index:5;
	padding-left:20px;
}

#ultrashield_content2{
	position:absolute;
	top:220px;
	left:0px;
	width:260px;
	height:130px;
	z-index:5;
	padding-left:20px;
}


#securegrip_content1{
	position:absolute;
	top:100px;
	left:0px;
	width:140px;
	height:151px;
	z-index:5;
	padding-left:20px;
}


#securegrip_content2{
	position:absolute;
	top:220px;
	left:0px;
	width:260px;
	height:130px;
	z-index:5;
	padding-left:20px;
}


#contentFooter {  /* -- this div  is added so that the background will stretch vertically with the content height ---- */
	position:relative;
	left:0px;
	clear:both;  /* ------  be sure to add clear:both so that the bottom curve is pushed down by the content above it ------ */
	width:980px;
	height:60px;
	z-index:5;
}


/* ----------------------------------------------------------------  How it Works Layout --------------*/

#microseal_container{
	position:relative;
	margin-top:24px;
	left:16px;
	width:933px;
	min-height:299px;
	float:left;
	background-image:url(../images/micro_row.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}

#microseal_description{
	position:relative;
	top:104px;
	float:left;
	left:0px;
	width:505px;
	min-height:160px;
	z-index:5;
	margin-left:20px;
}

#microseal_bullets{
	position:relative;
	top:37px;
	float:right;
	left:0px;
	width:204px;
	min-height:200px;
	z-index:5;
	margin-right: 20px;
}



#ultrashield_container{
	position:relative;
	left:16px;
	width:933px;
	min-height:325px;
	float:left;
	background-image:url(../images/ultra_row.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}

#ultrashield_description{
	position:relative;
	float:left;
	top:105px;
	left:0px;
	width:488px;
	min-height:175px;
	z-index:5;
	margin-left:20px;
}

#ultrashield_bullets{
	position:relative;
	float:right;
	top:23px;
	left:0px;
	width:204px;
	min-height:280px;
	z-index:5;
	margin-right:20px;
}

#securegrip_container{
	position:relative;
	left:16px;
	width:933px;
	min-height:248px;
	float:left;
	background-image:url(../images/secure_row.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}

#securegrip_description{
	position:relative;
	float:left;
	top:105px;
	left:0px;
	width:488px;
	min-height:96px;
	z-index:5;
	margin-left:20px;
}

#securegrip_bullets{
	position:relative;
	float:right;
	top:35px;
	left:0px;
	width:204px;
	min-height:200px;
	z-index:5;
	margin-right:20px;
}

/* ----------------------------------------------------------------  General Content Area Styles --------------*/

#general_container {
	position:relative;
	top:24px;
	left:16px;
	width:618px;
	min-height:419px;
	float:left;
	background-image:url(../images/Generic-Content-Bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}


#side_bar_container {
	position:relative;
	top:24px;
	right:16px;
	width:303px;
	min-height:419px;
	float:right;
	background-image:url(../images/Generic-Content-Side-Bar.jpg);
	background-repeat:no-repeat;
	background-position:top;
	z-index:10;
}


/* ----------------------------------------------------------------  SEO Related Styles --------------*/

h1  {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin-left:40px;
	margin-right:100px;
}


#centeringContainer3 h1 {
	padding-top:5px;
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

#centeringContainer3 a {
	color:#09F;
}

h2  {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left:40px;
	margin-right:100px;
}


h3  {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left:40px;
	margin-right:100px;
}