/* CSS Document */

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***** MAIN LAYOUT *****/
html, body{margin:0; padding:0; color:#545454; font-family: Arial, Verdana, sans-serif; font-size:12px; line-height:18px}
#container{margin:0 auto; width:765px}
#header{clear:both; margin-bottom:20px; behavior: url(iepngfix.htc); border-bottom:3px solid #92c84d}
#content{margin:0; padding-top:20px; border-bottom:1px solid #ccc}
#footer{clear:both;}
#wrapper{clear:both;}
.clear{clear:both; font-size:1px; line-height:1px; height:1px}


/***** DEFUALTS *****/
h1{font-size:24px; font-weight:normal; margin-bottom:20px; padding:0;}
h2{font-size:18px; font-weight:normal; margin-bottom:20px; padding:0;}
h3{font-size:12px; font-weight:bold; margin:0; padding:0;}
a{cursor:pointer; color:#00703b}
a:hover{color:#92c84d;}
p{line-height:18px; margin:0 0 20px 0}
input, select{margin-bottom:10px}
ul{margin:0 0 20px 0}


/***** HEADER *****/
#topnav{text-align:right; margin:0px; line-height:18px}
#topnav a{font-size:10px}
#logo{width:160px; float:left; margin-bottom:10px;}
#mainnav{list-style:none; display:block; float:right; text-align:right; margin:25px 0 0 0; padding:0; font-size:14px; font-weight:bold}
#mainnav li{display:inline; padding-left:30px}
#mainnav a{text-decoration:none; color:#545454}
#mainnav a:hover{color:#92c84d;}


/***** CONTENT *****/

.float-right{display:block; float:right;}
.float-left{display:block; float:left;}
.splash{height:140px; width:725px; margin-bottom:0px; background:url(images/bg_test3.png) no-repeat bottom center; position:relative; top:-29px; padding:54px 20px 24px 20px}
.sales{float:left; width:200px;}
.sales h1{font-size:20px; margin:8px 0 0 0; padding:0; line-height:26px}
.sales p{font-size:16px; margin:0; padding:0 0 8px 0; line-height:24px}
.service1{position:relative; left:200px; float:left; width:140px;}
.service2{position:relative; left:235px; float:left; width:140px;}
.service1 h1, .service2 h1{font-size:18px; margin:8px 0 0 0; padding:0}
.service1 ul, .service2 ul{margin:8px 0; padding:0; list-style:none; font-size:12px}
.service1 li, .service2 li{margin:6px 0; padding:0; list-style:none; line-height:12px}
.service1 a{text-decoration:none;}
.colspan2{width:500px; float:left; margin:0 30px 30px 0;}
.colspan2-border{width:500px; float:left; margin:0 30px 30px 0; border-bottom:1px solid #ccc}
.colspan1{width:235px; float:left; margin-bottom:0px; }
.colspan1-side{width:235px; float:right; padding-bottom:20px;}
#availability, #features, #demo{border-bottom:1px solid #ccc; height:250px; margin-bottom:0}
#rates{height:200px; border-bottom:1px solid #ccc}
#phone-plans{font-size:12px; line-height:18px; height:200px}
#phone-plans .package{font-weight:bold; text-decoration:none; padding:0; margin:0; color:#00703b}
/*#phone-plans p{margin-bottom:20px; padding:0;}*/
#phone-plans a:hover{text-decoration:none}
.price{float:right; width:95px; text-align:right; margin-top:15px}
.price span{font-size:18px; font-weight:bold; color:#00703b}
a.pickplan{text-decoration:none; display:block; padding:10px 10px 10px 0; margin-bottom:2px; color:#545454}
a.active{background:url(images/bg_pickplan.gif) repeat-y top right}
a:hover .price span{color:#92c84d;}
#phone-plans a:hover .package{color:#92c84d;}
/*.availbox{background:url(images/availability_box_top.png) no-repeat; padding:10px 0 10px 0; margin-top:10px}*/
.hr3{border-top:solid #88c439 3px; border-bottom:1px solid #ccc}
.hr4{border-top:1px solid #ccc; margin:20px 0}
.insert-img{float:left; margin-right:10px}
.questions{margin:0 0 20px 0; border:1px solid #ccc; background:url(images/bg_questions.png) no-repeat; height:142px; color:#fff}
.questions p{margin:105px 10px 0 10px; line-height:normal}
.questions span{display:block; font-size:14px; font-weight:bold;}
a.testcall{text-decoration:none; color:#fff}
a.testcall:hover{text-decoration:underline}
a.testcall div{margin:0 0 20px 0; border:1px solid #ccc; background:url(images/bg_testcall.png) no-repeat #f1f1f1; height:142px;}
a.testcall p{margin:105px 10px 0 10px; line-height:normal}
a.testcall span{display:block; font-size:14px; font-weight:bold;}

.livechat{text-decoration:none; margin-bottom:20px}

.review{padding:20px 10px; background-color:#f3f9ec; margin:0 0 20px 0; border:1px solid #ccc}

ul.planlist{float:right; margin:0 0 10px 30px; _margin:10px 0 10px 30px; padding:0; display:block; width:150px; height:120px}
ul.planlist li{border-bottom: 1px dotted #ccc; padding:3px 0}
ul.featurelist{display:block; margin-bottom:30px; width:250px; _width:240px; float:left}
ul.featurelist li{/*float:left;*/ margin:0 10px; border-bottom:1px dotted #ccc; padding:2px 0}
ul.featurelist li a{text-decoration:none}
ul.featurelist li div{padding:10px 0; display:none;}

form.contact {margin:20px 0 10px 0; padding: 0;}
form.contact label {float: left; width: 50px; padding: 0 10px 0 0; line-height:20px}
form.contact div {display: block;}
form.contact div input, form.contact div textarea, form.contact div select{width: 200px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333;}
form.contact div textarea{width:400px; margin-bottom:10px}
form.contact div input.submit{border:none; width:auto}

form.login {margin:20px 0 30px 0; padding: 0; width:324px}
form.login fieldset{background:url(images/login_box.gif) no-repeat top left; height:140px; padding:30px 25px}
form.login label {float: left; width:120px; padding: 0 0px 0 0; line-height:20px; text-align:right;}
form.logon div {display: block;}
form.login div input{width: 140px; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333;}
form.login div input.submit{border:none; width:auto}

form.avail {margin:20px 0 0 0; padding: 0; width:324px}
form.avail fieldset{background:url(images/login_box.gif) no-repeat top left; height:140px; padding:30px 30px}
form.avail label {float: left; width: 30px; padding: 0 10px 0 0; line-height:20px; text-align:right}
form.avail div {display: block; padding-bottom:10px}
form.avail div input, form.avail div select{width: 200px; padding:0; margin:0; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333;}
form.avail div input.submit{border:none; width:auto}

form.availbox{margin:16px 0 0 0; padding:0; width:233px; background-color:#fff}
form.availbox fieldset{background:url(images/availability_box.png) no-repeat; height:84px; padding:20px 16px; margin:0}
form.availbox div{display:block; margin-bottom:10px}
form.availbox div input, form.availbox div select{width:200px; padding:0; margin:0; border-top: 1px solid #555; border-left: 1px solid #555; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #333;}
form.availbox div input.submit{border:none; width:auto}

#features-home li{margin:0 20px 20px 0; float:left; width:230px }

.rate-box{height:150px; width:235px; overflow:hidden; position:relative; padding:0; margin:0;}
.int-rates {margin:0; padding:0;}
.int-rates ul{margin:0; padding:0;}
.int-rates li{text-align:right; height:30px; display:block; list-style:none; margin:0; padding:0; overflow:hidden;}
.int-rates img{margin-left:10px}
.int-rates a{text-decoration:none; color:#545454}
.int-rates a:hover{text-decoration:none; color:#92c84d;}
.float-icon{width:43px; float:left; margin-right:20px; padding-top:3px}
#questions{width:200px; float:left; padding:10px 15px;}
#questions h2{margin-bottom:10px; color:#00703b;}
#questions ul li{list-style:none; margin-bottom:5px; vertical-align:middle;}
#questions a:hover{color:#fff}
#special{width:294px; float:right; color:#fff; padding:0px; margin-right:6px; padding:10px}
#special-price{width:55px; float:left; border-right:1px solid #c5d9b0; text-align:right; padding:5px 0; padding-right:10px; margin-right:10px; font-size:24px; line-height:18px; }
#special-price span{display:block; font-size:10px; color:#ffde00; font-weight:bold;}
#special ul{margin:0 0 10px 0; list-style:inside disc; color:#ffde00;}
#special ul span{color:#fff;}
#special h1{margin-bottom:10px}
.noborder{border:none;}

#intrates{border:solid #ccc; border-width:1px 1px 0 1px; margin-bottom:20px}
#intrates td, #intrates th{height:30px; vertical-align:middle; padding-left:10px; border-bottom:1px solid #ccc;}
#intrates th{color:#FFF; font-weight:bold; background:url(images/bg_th.gif) repeat-x; height:40px}
#intrates .alt{background-color:#f1f1f1}
#intrates .alt2{background-color:#e9f0f9}

#search-rate{border:1px solid #ccc; background:#f9f9f9; padding:20px; margin-bottom:20px; text-align:center}

/***** FOOTER *****/
.footnav{list-style:none; font-size:12px; color:#cccccc; margin:20px 0 10px 0; padding:0}
.footnav li{display:inline; padding:0 5px}
.footnav a{color:#545454; text-decoration:none}
.footnav a:hover{text-decoration:underline}
.footnotes{text-align:justify; font-size:10px; color:#cccccc; line-height:normal}




/***** Order Form *****/
#orderform fieldset, div#service{border:1px solid #ccc; padding:20px 20px 20px 20px; margin-bottom:20px; background:#f9f9f9}
#orderform .form-row{margin-bottom:10px; clear:both;}
#orderform label{float:left; margin-right:10px; line-height:27px; text-align:left; width:130px; font-weight:bold; display:block}
#orderform label.none{float:none; margin-right:10px; line-height:27px; text-align:left; font-weight:bold}
#orderform input, #orderform textarea, #orderform select{margin-right:5px; display:block; float:left}
 #orderform textarea{margin-bottom:10px}
#orderform select{padding-top:0}
#orderform .textfield{width:180px; font-size:12px; line-height:1; padding:3px; display:block; float:left}
#orderform .selectfield{width:160px; display:block; float:left}
#orderform #order-plan th{width:25%; color:#fff; border:1px solid #ccc; font-weight:bold; padding:5px 5px; background:url(images/bg_th.gif) repeat-x;}
#orderform #order-plan td table{border:solid #ccc; border-width:0 1px;}
#orderform #order-plan td table td{border-bottom:1px solid #ccc;}
#orderform td table td.plan-select{width:1%; padding:7px 0 4px 10px; vertical-align:top}
#orderform td table td.plan-price{padding:4px 10px 4px 0}
#orderform td table td .term{font-size:10px; color:#666;}
#orderform .order-note{font-size:11px; color:#666; display:block; float:right; width:150px; margin-bottom:10px}
#orderform #shipping label{float:left; margin-right:10px; line-height:27px; text-align:left; width:90px; font-weight:bold; display:block}
#orderform #shipping .order-note{font-size:11px; color:#666; display:block; float:right; width:190px; margin-bottom:10px}
#orderform #shipping .order-note2{font-size:11px; color:#666; display:block; float:right; width:330px; margin-bottom:10px}
#orderform #client .order-note{font-size:11px; color:#666; display:block; float:right; width:120px; margin-bottom:10px}
#orderform #client .order-note2{font-size:11px; color:#666; display:block; float:right; width:270px; margin-bottom:10px}
#orderform #service label{float:left; margin-right:10px; line-height:27px; text-align:left; width:90px; font-weight:bold; display:block}
#orderform #setup .order-note{font-size:11px; color:#666; display:block; margin-bottom:10px; width:100%}