/*-----------------------------------------------------------------------------
Main Style Sheet

date:      11 sept 2007
author:    Jeff Cummings
email:     jeff@k-tizo.com
website:   http://www.pipetechcorp.com
-----------------------------------------------------------------------------*/

/* =General ------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
/* -------- The following is a comment filter to hide the rule from IE 5 for Mac ----- */
/* hide from IE mac \*/
/* this rule forces a scroll bar in Firefox */
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	font-size: 90%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #C6C8CA;
}
H1 {
	font-size: 200%;
	color:#0096d7;
	}
H3 {
	font-size: 125%;
	color:#0096d7;
	}
blockquote {margin-left: 15px;}
	
/* main table - entire page is within this table ------------------------*/
.maintableborder {
	margin: 0px;
	padding: 0px;
	width: 95%;
	border-width: 2px;
	border-color: #FFFFFF;
	border-style: solid;
	background-color: #FFFFFF;
}
/* Header elements ------------------------*/
.headerbg {
	background-image:url(../images/header-bg.gif);
	color:#FFFFFF;
	font-size: 110%;
	font-weight:bold;
}
.headerphoto {
	margin-top:5px;
	margin-bottom:25px;
	background-color:#0096d7;
}

/* horizontal divider lines ------------------------*/
.divider-orange {
	background-color:#F47B20;
	height: 1px;
	margin-top:4px;
	margin-bottom:4px;
	}
.divider-gray {
	background-color:#C6C8CA;
	height: 1px;
	margin-top:4px;
	}
	
/* vertical divider lines ------------------------*/
.divider-gray-vert-l {
	background-color:#C6C8CA;
	width: 2px;
	border-right:#FFFFFF solid 1pt;
	}
.divider-gray-vert-r {
	background-color:#C6C8CA;
	width: 2px;
	border-left:#FFFFFF solid 1pt;
	}
/* =Navigation bar---------------------------------------------------------*/
.topnav-bg {
	background-image:url(../images/nav-menu-bg.jpg);
}
/* =Content ----------------------------------------------------------------*/

/*.maincontenttable {
	width:97%;
	margin-left:8px;*/	

#content {
	width: 97%; /*!important;
	width: 100%;   work around for IE6 
	height: auto!important;
	height: 345px;  work around for IE6 */
	margin-left:8px;
	line-height:1.3;
}
#content div {
	}
#content p, #content ul {
}
#content a {
	color: #000;
	text-decoration: underline;
}
#content a:hover, #footer a:focus {
	color: #0096d7;
	text-decoration: none;
}
#content p {
	margin-bottom:10px;
	margin-top:10px;
}

#content ul li{
	list-style:outside;
	list-style-type:disc;
	margin-left:20px;
}
#content table {
}

/*QUICK LINKS TABS HOME PAGE ----------------------------------------------------------------*/

/*quick links tabs products ----------------------------------------------------------------*/
#swap-products-tab a{
	color:#000000;
	text-decoration:none;
	display:block;
	padding-left: 46px;
	min-height:114px;
}
#swap-products-tab tr{
	background-color:#e8e8e8;
	height:auto;
	display: block;
	background-image:url(../images/tab-prod-up.jpg);
	background-repeat:no-repeat;
}
#swap-products-tab :hover{
	background-color:#FEE0C8;
	background-image:url(../images/tab-prod-over.jpg);
	background-repeat:no-repeat;
	}
/*quick links tabs services ----------------------------------------------------------------*/
#swap-services-tab a{
	color:#000000;
	text-decoration:none;
	display:block;
	padding-left: 46px;
	min-height:114px;
}
#swap-services-tab tr{
	background-color:#e8e8e8;
	height:auto;
	display: block;
	background-image:url(../images/tab-serv-up.jpg);
	background-repeat:no-repeat;
}
#swap-services-tab :hover{
	background-color:#FEE0C8;
	background-image:url(../images/tab-serv-over.jpg);
	background-repeat:no-repeat;
	}
/* =table with 2 columns and horizontal divider lines ----------------------------------------------------------------*/	
table.table1 {
}
table.table1 td {
	padding: 6px 10px 6px 10px;
	border-style: solid;
	border-color: gray;
	border-bottom-width: 1px;
}
/* =Form buttons and text fields ----------------------------------------------------------------*/
.TextField {
background-color: #CCCCCC;
border-color: #10285C;
border-style: solid;
border-width:1px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:75%;
padding: 3px;
}
.formbutton {
background-color: #10285C;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding: 1px 4px 1px 4px;
}

/* =General boxes ----------------------------------------------------*/

#box {
	width:98%;
	border: 2px solid #10285C;
	background-color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	margin-top: 15px;
	position:static;
}
.boxtext {
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 90%;
	font-weight: bold;
}
#dashedbox {
	width:98%;
	border: 2px dashed #10285C;
	background-color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	margin-top: 15px;
	position:static;
	}
.labeltext {
	color: #000000;
	text-decoration: none;
	display: block;
	font-size: 80%;
	text-align:center;
	padding-bottom:10px;
}

/* =Footer  -----------------------------------------------------------*/

/*ROUND CORNER OUTLINE BOX*/

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%;}
.b {background: url(../images/dot.gif) 0 100% repeat-x;}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y;}
.bl {background:url(../images/corner-blk-bl.gif) 0 100% no-repeat;}
.br {background:url(../images/corner-blk-br.gif) 100% 100% no-repeat}
.tl {background:url(../images/corner-blk-tl.gif) 0 0 no-repeat}
.tr {
	background:url(../images/corner-blk-tr.gif) 100% 0 no-repeat;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:12px;
	}

#footer {
	background-color: #0096D7;
}
#footer p {
	font-size: 85%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
#footer a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
#footer a:hover, #footer a:focus {
	color: #000000;
}