body {
    background: #fff;
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* This is to "wipe the slate clean" with all of the IE specific changes
 * that are needed.  We need to manually set margins & padding when necessary.
 */
* { padding: 0px; margin: 0px; }
h1, h2, h3, h4, p { margin: .5em .5em .5em 0em; padding: .5em .5em .5em 0em; }
ul, ol { margin-left: 1.5em; }
ul li, ol li { margin: .5em; }
code { font-family: serif; font-size: 1.3em; background: #C0C0C0; border: 1px dotted black; padding: 5px; margin: 5px 5px 5px 25px; }

input[type="text"] { 
    border: 2px solid gray; 
    height: 1.5em; 
    vertical-align: middle; 
    font-size: 1em;
    padding: .5em;
}

input[type="radio"] { margin: 5px; }

input[type="button"], input[type="submit"] { 
    border-right: 2px solid gray; 
    border-bottom: 2px solid gray; 
    padding: 5px; 
    font-weight: bold;
}

.quote { 
    font-family: serif; 
    font-size: 1em; 
    background: url("/images/quote.png") top left no-repeat;
    border: 1px dotted black; 
    padding: 30px 5px 5px 64px; 
    margin: 5px 5px 5px 25px; 
    width: 80%;
    clear: both;
}

.checkbox {
    border: 0px;

}

textarea {
	width: 600px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
}

/* 
input {
	width: 400px;
    height: 2.5em;
	border: 3px solid #cccccc;
	padding: 5px;
} */

a:link { text-decoration: none; color: #009900;}
a:visited { text-decoration: none;  color: #009900;}
a:hover { text-decoration: none;  color: #000;}
a:active { text-decoration: none;  color: #009900;}

ul li a:link { text-decoration: none; color: #000;}
ul li a:visited { text-decoration: none; color: #000; }
ul li a:hover { text-decoration: underline; color: #009900; }
ul li a:active { text-decoration: none; color: #000; }


#header {
    width: 100%;
    height: 135px;
    margin: 0px auto 0px auto;
    padding: 0;
    background: url("/images/header_bg.png") repeat-x;
}

#header-image {
    width: 100%;
    height: 135px;
    margin: 0px auto 0px auto;
    padding: 0;
    background: url("/images/logo1.png") top center no-repeat;
}

#langs {
    position: absolute;
    top: 0px;
    right: 200px;
}

#langs a img { border: 0px; }

#content {
    width: 910px;
    margin: 10px auto 0px auto;
    text-align: left;
    padding: 10px;
    clear: both;
}

#footer { 
    clear: both; 
    width: 100%; 
    border-top: 2px solid #000; 
    background-color: #3c3d39; 
    /* text-align: center;  */
    padding: 10px 0 10px 0;
    margin: 20px 0 0 0;
    color: #c4c4c4;
}

#footer p { line-height: 4em; }
#footer a:link { text-decoration: none; color: #9c9c9c;}
#footer a:visited { text-decoration: none;  color: #9c9c9c;}
#footer a:hover { text-decoration: none; color: #fff;}
#footer a:active { text-decoration: none;  color: #9c9c9c;}

#footer table { width: 910px; margin-left: auto; margin-right: auto; }
#footer table td {  color: #fff; vertical-align: top; }
.footer-links { width: 15em; text-align: left; }
.footer-links ul { margin-left: 0px; list-style-type: none; }
.footer-links ul li { margin-left: 0px; }

#footer-legal {  }

.capital {
    font: 70px/50px Georgia, "Times New Roman", Times, serif;
    color: #eee;
    background-color: #7baf81;
    border: 1px solid #003300;
    padding: 5px 5px 2px 4px;
    margin-right: 5px;
    margin-top: 2px;
    float: left;
}

.button-next { float: right; text-align: right; height: 32px; line-height: 32px; margin: 20px; background: url("/images/next.png") center right no-repeat; padding-right: 42px; }
.button-next a { font-size: 2em; font-weight: bold; }



div#menu{ position: absolute; top: 109px; right: 0px; padding: 0px; margin: 0px; font-size: 12px; } 
div#menu ul#nav,ul#nav li{ list-style-type:none; margin:0; padding:0}
div#menu ul#nav{ margin-left: auto; margin-right: 0px; width:620px;}
div#menu ul#nav li{ float:left; margin-right: 3px; text-align: center;}
div#menu ul#nav a{ float:left; width: 7em; padding: 5px; background: #7baf81; text-decoration:none; color: #fff;}
div#menu ul#nav a.long{ float:left; width: 11em; padding: 5px; background: #7baf81; text-decoration:none; color: #fff;}
div#menu ul#nav a:hover{ background: #59805d; color: #FFF}
div#menu ul#nav li.activelink a,ul#nav li.activelink a:hover{ background: #fff; color: #003}

.error_box {
    width: 100%;
    font-size: 2em;
    text-align: center;
    margin: 10px 0px 20px 0px;
    color: #CC0033;
    background-color: #FFCCCC;
    padding: 5px;
    border: 2px solid #CC0033;
}

.msg_box {
    width: 100%;
    font-size: 1.5em;
    text-align: center;
    margin: 10px 0px 20px 0px;
    background-color: #ffffff;
    padding: 5px;
}
.banner {
    width: 100%;
    font: 60px/75px Georgia, "Times New Roman", Times, serif;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

.banner-small {
    width: 100%;
    font: 25px/30px Arial, Tahoma, "Times New Roman", Times, serif;
    font-weight: bold;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

.banner-small span { color: #7baf81; }

.step-install { float: left; width: 275px; height: 275px; margin: 12px; background: url("/images/step-install.png") top center no-repeat; }
.step-connect { float: left; width: 275px; height: 275px; margin: 12px; background: url("/images/step-connect.png") top center no-repeat; }
.step-browse { float: left; width: 275px; height: 275px; margin: 12px; background: url("/images/step-browse.png") top center no-repeat; }

.how-bullets-box { float: left; width: 300px; margin: 10px 0px 10px 130px; }
.how-bullets-box ul li { list-style: disc url("/images/bullet.png");  margin: 10px; line-height: 2em; padding-left: 10px; }
.how-bullets-box ul li a:link { text-decoration: none; color: #000; }
.how-bullets-box ul li a:visited { text-decoration: none; color: #000; }
.how-bullets-box ul li a:hover { text-decoration: none; color: #000; }
.how-bullets-box ul li a:active { text-decoration: none; color: #000; }
.how-bullets-title { font: 20px/20px Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; }

.features-bullets-box { width: 90%; padding-left: 150px; }
.features-bullets-box ul { float: left; width: 40%; margin: 10px; }
.features-bullets-box ul li { list-style: disc url("/images/bullet.png");  margin: 10px; line-height: 2em; padding-left: 10px; }
.features-bullets-box ul li a:link { text-decoration: none; color: #000; }
.features-bullets-box ul li a:visited { text-decoration: none; color: #000; }
.features-bullets-box ul li a:hover { text-decoration: none; color: #000; }
.features-bullets-box ul li a:active { text-decoration: none; color: #000; }
.features-bullets-title { font: 20px/20px Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; width: 80%; }

.note { width: 100%; clear: both; text-align: center; font-style: italic; }

.pb-name {
    margin-top: 20px;
    text-align: center;
    font-size: 4em;
    font-style: italic;
}
.pb {
    float: left;
    background: url("/images/pb-frame.png") top center no-repeat;
    width: 275px;
    height: 350px;
    padding: 0px;
    margin: 8px;
}
.pb .price { font-weight: bold; text-align: center; font-size: 2em; margin: 10px; color: blue; }
.pb .description { height: 150px; margin: 10px 10px 10px 10px; padding: 5px; clear: both; }
.pb .description ul { padding-left: 15px; margin-left: 0px; line-height: 1.2em; }
.pb .pb-footer { height: 75px; width: 275px; text-align: center; }
.pb .pb-footer a:link { font: 30px/30px Georgia, "Times New Roman", Times, serif; color: #eee; }

.pb-mask {
    float: left;
    background: url("/images/pb-mask.png") top center no-repeat;
    width: 275px;
    height: 350px;
    padding: 0px;
    margin: 8px;
}
.pb-mask .description { height: 150px; margin: 75px 10px 10px 10px; padding: 5px; clear: both; }
.pb-mask .description ul { padding-left: 15px; margin-left: 0px; line-height: 1.2em; }
.pb-mask .pb-footer { height: 75px; width: 275px; padding-top: 35px; text-align: center; }
.pb-mask .pb-footer a:link { font: 30px/30px Georgia, "Times New Roman", Times, serif; color: #eee; }

.pb-relay {
    float: left;
    background: url("/images/pb-relay.png") top center no-repeat;
    width: 275px;
    height: 350px;
    padding: 0px;
    margin: 8px;
}

.pb-relay .description { height: 150px; margin: 75px 10px 10px 10px; padding: 5px; clear: both; }
.pb-relay .description ul { padding-left: 15px; margin-left: 0px; line-height: 1.2em; }
.pb-relay .pb-footer { height: 75px; width: 275px; padding-top: 35px; text-align: center; }
.pb-relay .pb-footer a:link { font: 30px/30px Georgia, "Times New Roman", Times, serif; color: #eee; }

.pb-corp {
    float: left;
    background: url("/images/pb-007.png") top center no-repeat;
    width: 275px;
    height: 350px;
    padding: 0px;
    margin: 8px;
}

.pb-corp .description { height: 150px; margin: 75px 10px 10px 10px; padding: 5px; clear: both; }
.pb-corp .description ul { padding-left: 15px; margin-left: 0px; line-height: 1.2em; }
.pb-corp .pb-footer { height: 75px; width: 275px; padding-top: 35px; text-align: center; }
.pb-corp .pb-footer a:link { font: 30px/30px Georgia, "Times New Roman", Times, serif; color: #eee; }

.pb-soon {
    float: left;
    background: url("/images/pb-soon.png") top center no-repeat;
    width: 275px;
    height: 350px;
    padding: 0px;
    margin: 8px;
}

.fullbox {
    width: 97%;
    /* background: #598059; */
    background-color: #88c87a;
    color: #000;
    margin: 10px auto 10px auto;
    padding: 10px;
    clear: both;
}

.last-updated {
    clear: both;
    font-style: italic;
    width: 100%;
    text-align: right;
    margin: 20px auto 10px auto;
}

.break {
    clear: both;
}

.halfboxcontainer {
    width: 99%;
    clear: both;
    margin: 10px auto 10px auto;
}

.halfboxleft {
    float: left;
    width: 425px;
    background-color: #88c87a;
    color: #000;
    padding: 10px;
}

.halfboxright{
    margin-left: 457px;
    width: 425px;
    background-color: #88c87a;
    color: #000;
    padding: 10px;
}


.left{ float: left; width: 450px; }
.right { float: right; width: 450px; }

.leftpane {
    float: left;
    width: 400px;
    height: 550px;
    padding: 10px;
    margin-right: 10px;
    color: #000;
    background: url("/images/network_cable.jpg") bottom left no-repeat;
    background-color: #fff;
}
.leftpane ul { font: 25px/30px Verdana, Georgia; }
.leftpane ul li { list-style: disc url("/images/bullet.png");  margin: 10px; line-height: 2em; padding-left: 10px; }

#signup-info {
    width: 300px; 
    float: right; 
    text-align:right;
    font-size: 1.3em;
    font-weight: bold;
    color: gray;
}

#signup {
    width: 600px;
    border-right: 1px solid black;
}

#signup tr#spacer { height: 25px; }
#signup tr td { padding: 5px; vertical-align: top; border-top: 1px solid black; background: #e2e2f9;}
#signup tr td.no_border { height: 25px; border-top: none; background: white; }

#signup tr td.tos_statement { text-align: center; border-top: 1px solid black; }
#signup tr td span { font-weight: bold; font-size: 1.5em;}
#signup tr td.subscribe { text-align: right; border-top: 1px solid black; }

/*
 * Generated Color Scheme:
 * #72A372
 *
 * #598059
 *
 * #CFE6CF
 *
 * #60BF60 */