s/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/
html,body,div,table,tr,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Tahoma;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html {  height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px;  background: #f4f4f4 url('/images/layout/bg2.jpg') repeat-x; }
hr {  background: url('/images/layout/hr.png') repeat-x bottom right; border: none; height: 2px; overflow: hidden; }
hr.green {  background: url('/images/layout/hr-green2.gif') repeat-x bottom right; border: none; height: 2px; overflow: hidden; }


textarea, select, select * { color: #333333; }
textarea, input, .error { background: url('/images/formbg.png'); border: 1px solid #91B4BF; font-size: 13px; padding-left: 6px; padding-right: 6px;  }
textarea, .error { padding: 6px; }
select, select *, input { background: url('/images/formbg.png'); }
select, input { font-size: 13px; border: 1px solid #91B4BF;   }

input.button { padding-top: 0px; height: 20px; }
.fr { float: right; }
.fl { float: left; }
.r { text-align: right; }
.b { font-weight: bold; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pb5 { padding-right: 5px; }
.pb3 { padding-bottom: 3px; }
.pl10 { padding-left: 10px; }
.pl25 { padding-left: 25px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.mr10 { margin-right: 10px; }
.mb5 { margin-right: 5px; }
.mb3 { margin-bottom: 3px; }
.ml10 { margin-left: 10px; }
.ml25 { margin-left: 25px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.grey { color: #555555; }
.green { color: #98ca3c; }
.b { font-weight: bold; }
.w70 { width: 70px; }
.w75 { width: 75px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w225 { width: 225px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w500 { width: 500px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
.h500 { height: 500px; }
.vatop { vertical-align: top; }
.red { color: #FF0000; }
.grey { color: #AAAAAA	; }
ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li { line-height: 18px; background: none; list-style-image: url('/images/layout/arrow-blue2.png'); margin-top: 4px; }
ol li { line-height: 18px; background: none; list-style-image: none; margin-top: 4px; }
img.bordered { border: 1px solid #33CCFF; }
img.right {float: right; margin: 3px 0px 10px 10px; }
a  { font: normal 12px Verdana; text-decoration: none; color: #0079d0; padding-bottom: 2px; }
a:hover { text-decoration: underline; }
a img { border: none; }
a { font-size: 12px;  line-height: 17px; }

h1, h2, h3, h4, h5 { font-family: Helvetica, Arial, san serif; font-weight: bold; }
h1 { color: #FFFFFF; font-size: 24px; font-family: tahoma; margin: 0px 0px 15px 0px;  line-height: 48px; margin-bottom: 50px; height: 48px; overflow: hidden; font-weight: normal; }
h2, h2 a { color: #669900; font-size: 16px; margin: 0px 0px 20px 0px;  line-height: 18px; font-weight: normal;  padding-bottom: 12px; background: url('/images/layout/hr.png') repeat-x bottom right; }
h3, h3 a { color: #0079d0; font-size: 14px; margin: 0px 0px 5px 0px; letter-spacing: -0.05em; line-height: 18px; font-weight: normal; }

#leftNav h3, #leftNav h3 a { color: #669900; font-size: 16px; margin: 0px 0px 8px 0px; letter-spacing: -0.05em; line-height: 18px; font-weight: normal; padding-bottom: 4px; background: url('/images/layout/hr.png') repeat-x bottom right; }
#leftNav h3 { margin-bottom: 12px; }

h4 { margin: 0px 0px 3px 0px; color: #669900; font-weight: bold; line-height: 12px; font-size: 12px; font-weight: bold; }
h1.home { color: #669900; line-height: 20px; font-weight: normal;  margin-bottom: 20px;padding-bottom: 4px; background: url('/images/layout/hr.png') repeat-x bottom right; }

p  { margin: 0px 0px 12px 0px; }
p, table, td, div  { color: #000000; font-size: 12px;  line-height: 17px; }
h2.nobg { background: none; }

.blue { color: #0079d0; }
#bg { text-align: center; }
#head { position: absolute; top: 20px; width: 100%; }
#header { width: 960px; margin: 0px auto; }
	#logo { float: left; border: none; }
	#nav { float: right; text-align: right;  letter-spacing: 0.05em; }
	    #nav a {  border: none; padding: 0px 20px 0px 20px; vertical-align: top; line-height: 26px; color: #efffd0; font-size: 14px; font-family: Helvetica, Arial, san serif; }


#container { position: absolute; top: 70px; width: 100%; }
#container2 { width: 960px; margin: 0px auto; }

#main { min-height: 590px; }
.leftContent { width: 640px; float: left; }

#leftNav { width: 260px; float: right; margin-top: 100px; }
    #leftNav a  { background: url('/images/layout/bullet-check-grey2.gif') no-repeat center left; padding-left: 25px; display: block; color: #444444; line-height: 22px; }
    #leftNav a:hover, #leftNav a.o { color: #0079d0; background: url('/images/layout/bullet-check-blue2.gif') no-repeat center left; text-decoration: none; }
#leftNav h3 a { color: #669900; padding: 0px; background: none; line-height: 18px; }
#leftNav h3 a:hover { background: none; }

#navigation .head { padding: 0px 0px 0px 20px; font-weight: bold; }
#navigation .head:hover { padding: 0px 0px 0px 20px; margin: 0px; }

.quote { background: none; border: none; }
#content { width: 640px; float: right; }
#contentFull { width: 100%; }
#subFooter { width: 960px; margin: 0px auto; }
	#subFooter1 { width: 210px; float: left; margin-left: 20px; }
	#subFooter2 { width: 210px; float: left; margin-left: 20px; }
	#subFooter3 { width: 225px; float: right; margin-right: 20px; }
	#subFooter4 { width: 215px; float: right; margin-right: 20px; }
	#subFooter a { display: block; border: 0px; color: #CCCCCC; }
/*#subFooter div { border: 1px solid #FF9900; }*/
#footer { width: 960px; margin: 0px auto; margin-top: 15px;  background: url('/images/layout/hr.png') repeat-x top left; padding-top: 4px; }
	#footerLeft { width: 200px; float: left; margin-left: 15px; }
	#footerRight { width: 600px; float: right; text-align: right; color: #CCCCCC; font-size: 11px; margin-right: 15px; }
	#footerLeft a, #footerRight a { padding: 0px 0px 0px 0px; }

#fl360 { width: 360px; float: left; }

#logoInfo { margin-left: 0px;  }
    #logoInfo li { width: 254px; float: left;  margin-right: 20px; list-style-image: none; height: 62px; max-height: 62px; overflow: hidden; list-style-type: none; border: 1px solid #F1F1F1; margin-bottom: 7px; background: url('/images/formbg.png') repeat-x; border: 1px solid #91B4BF; }
        #logoInfo li a { border: none; float: left; }
        #logoInfo li img { vertical-align: middle; margin: 9px 0px 0px 8px; }
        #logoInfo li div { width: 176px; float: right; margin: 10px 0px 0px 8px; float: right; }
        #logoInfo li div p { font-size: 10px; line-height: 13px; margin:0px 0px 0px 0px; }
        #logoInfo li h3 { margin: 0px 0px 0px 0px; line-height: 11px; width: 176px; display: block; }
        #logoInfo li h3 a { color: #0079d0; font-weight: normal; font-size: 11px line-height: 11px; width: 176px; display: block; margin: 0px; }

/* Sitemap Page */
#sitemap { padding: 0px; margin: 0px; }
    #sitemap li { list-style-type: none; float: left; width: 230px; margin: 0px 13px 0px 0px; }
        #sitemap li.noMargin { margin: 0px; }
        #sitemap li a { display: block; }
        #sitemap li img { position: relative; top: -7px; }


#domainResult { padding: 15px; background: url('/images/formbg.png') repeat-x; border: 1px solid #91B4BF; }
#domainResult td { vertical-align: top; padding-bottom: 3px; }
#domainResult th { width: 120px; }
#domainResult h3 { margin: 10px 0px 5px 0px; }

/* Home */
#homeMain { width: 990px; margin: 0px auto;  }
#homeMain .logo { text-align: center; margin-top: 15px; margin-bottom: 30px; }
#homeBox1, #homeBox2, #homeBox3, #homeBox4 { width: 240px; height: 380px; float: left; background: url('/images/homebg.png'); }
#homeBox1 { margin: 0px 5px 0px 0px; }
#homeBox2, #homeBox3 { margin: 0px 5px 0px 5px; }
#homeBox4 { margin: 0px 0px 0px 5px; float: right; }
#homeBox1 span,  #homeBox2 span, #homeBox3 span, #homeBox4 span { display: block; text-align: center; }
#homeBox1 h2, #homeBox2 h2, #homeBox3 h2, #homeBox4 h2 {  padding-bottom: 5px; text-align: center; font-weight: normal; margin: 10px 12px 0px 12px; border-width: 1px; border-color: #b6e068; border-bottom-style: solid; }
#homeBox1 a, #homeBox2 a, #homeBox3 a, #homeBox4 a { text-align: center; margin: 0px auto; }
#homeBox1 h2 a, #homeBox2 h2 a, #homeBox3 h2 a, #homeBox4 h2 a { border: none; font-family: Verdana; font-size: 14px; font-weight: normal; color: #666666; }
#homeBox1 p, #homeBox2 p, #homeBox3 p, #homeBox4 p { margin: 12px 20px 15px 20px; text-align: justify; height: 290px; }
/* Contact Us Page */
#contactContainer {
}
#contactAddress {
	width: 240px;
}
#contactAddress .field {
	float: left;
	width: 60px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
}
#contactAddress .input {
	float: left;
	width: 180px;
	height: 22px;
	line-height: 22px;
}

#contactLeft {
	float: left;
	width: 333px;
}
#contactRight {
	float: left;
	width: 333px;
}
#contactBottom {
	width: 670px;
	text-align: right;
}
#contactBottom textarea {
	width: 560px;
	height: 110px;
}
#contactBottom #contactbutton {
	clear: both;
	margin-right: 5px;
	margin-top: 5px;
}
#contactServices {
	width: 680px;
}

#contactContainer .field {
	clear: both;
	float: left;
	width: 80px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
}
#contactContainer .input {
	float: left;
	width: 250px;
	height: 28px;
	line-height: 28px;
	padding-top: 1px;
}
#contactContainer .input2 {
	float: left;
	width: 200px;
	height: 28px;
	line-height: 28px;
	padding-top: 1px;
}
#contactContainer .input input {
	width: 230px;
}

table.tab { }
	table.tab td { }
	table.tab th { padding-right: 10px; text-align: left; }
	table.tab th, table.tab td { padding-bottom: 5px; }
.error { color: #CC0000; padding: 10px 10px 10px 10px; margin-bottom: 15px; }
.success { color: #669900; padding: 10px 10px 10px 10px; margin-bottom: 15px; }
.error li, .success li  { margin-left: 15px; }


.paymentForm { }
.paymentForm th { text-align: left; width: 95px;  }
.paymentForm td, .paymentForm th { padding-bottom: 6px; }

* html img,
* html .png,
*html background {
  azimuth: expression(
    this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "http://tportho.com/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
  );
}

.homeBox { width: 410px; float: left; padding: 20px;  height: 120px; cursor: pointer; cursor: hand; }
.homeBoxHover { width: 410px; float: left; padding: 14px;  height: 120px; cursor: pointer; cursor: hand; background: url('/images/formbg.png') repeat-x; border: 1px solid #91B4BF; }

.homeBox img, .homeBoxHover img { float: left; border: none; }
.homeBox div, .homeBoxHover div { width: 290px; float: right; }


#homeHead { width: 300px; float: left; margin-top: 12px;  }
#homeHead a { display: block; color: #517900; font-size: 14px; padding-left: 22px; line-height: 30px; background: url('/images/layout/bullet-check-blue2.gif') no-repeat center left; }
#homeHead span { display: block; font-family: Tahoma; color: #FFFFFF; font-size: 24px; line-height: 24px; }

.form td { font-size: 11px; padding-bottom:  6px; }