body {background: #fff; margin: 0; padding: 0; text-align: center; font-family: arial, helvetica, lucida, verdana, sans-serif; font-size: 10pt; color: #000; background: #FFF;}
#page {width: 800px; margin: 0 auto; margin-top: 5px; text-align: left; background: #fff;}
#header {width: auto; margin: 0 auto; padding: 0; height: auto;}
#header #logo {float: left;}
#header #gsearch {float: right; text-align: right;}
#header #gsearch form {margin: 0;}
#menu {clear: both; margin-top: 0; width: auto; height: 40px; line-height: 40px; font-family: verdana; background: #AEAEAE url('../images/nav/menu-bar.jpg');}
#menu ul {margin: 0; padding: 0; overflow: hidden;}
#menu ul li {display: inline;}
#menu ul li a {display: block; float: left; width: 200px; font-weight: bold; font-size: 11pt; text-decoration: none; color: #333333; text-align: center; border-right: solid 1px #808080;}
html>body #menu ul li a {width: 199px;}
#menu ul li a:hover {background: #808080 url('../images/nav/hover.jpg'); color: #FFF; text-decoration: none;}
#menu ul li a:active {background: #808080 url('../images/nav/active.jpg'); color: #FFF;}
#menu ul li a.on, #menu ul li a.on:hover {background: #FFF url('../images/nav/select.jpg'); color: #FFF; font-weight: bold; text-decoration: none;}
#content, #xtra {clear: both; margin: 0; padding-top: 0.5em; width: 800px; height: auto;}
#xtra {border-top: solid 1px #D7D7D7;}
#xtra h2 {margin: 0; padding: 0;}
.side {float: left; margin: 0; padding: 0; width: 160px;}
.prime {float: right; margin: 0; padding: 0; width: 630px;}
#footer {clear: both; margin-top: 1em; padding: 0; width: auto; border-top: solid 1px #808080; font-size: 8pt;}
#breadcrumb {margin-top: 0.5em;}
#footer a, #breadcrumb a {font-weight: normal;}

h1 {margin-top: 0.5em; font-size: 16pt;}
h2 {font-size: 13pt;}
h3 {font-size: 11pt;}
.optionbox {float: left; margin: 0 5px 10px 5px; padding: 10px; width: 255px; background: #EBEBEB;}
html>body .optionbox {width: 235px;}
.optinhome {margin-left: 150px;}
html>body .optinhome {width: 310px;}
.optinhome .title {font-size: 10pt; font-weight: bold; color: #C80000; text-align: center;}
.optinbox {width: auto; height: 100px; margin: 5px auto; padding: 5px 20px; border: dashed 5px #C80000;}
html>body .optinbox {height: 240px;}
.optinbox .title {font-size: 14pt; font-weight: bold; color: #C80000; text-align: center;}
.indent {margin-left: 2em;}
.dotbox {padding: 10px; border: dashed 1px #5B5BFF;}
.dotbox2 {float: right; padding: 10px; width: 200px; border: dashed 1px #5B5BFF;}
.dialogue {padding: 15px; background: #E8E8E8;}
.homeq {font-style: italic; font-weight: bold; background: #FFFF00; display: inline;}
.L {float: left;}
.R {float: right;}
.gads_top {float: left;}
.gads_mid {float: left;}
.gads_bot {float: left;}

a {font-weight: bold; text-decoration: underline; color: #0000FF;}
a:hover {text-decoration: none;}

img {border: 0;}
hr {color: #E4E4E4;}
.vbox {padding: .5em; font-size: 14pt; text-align: center;} /* visual aid box */
.tipbox_L {float: left; width: 380px;}
.tipbox_R {float: right; width: 380px;}
.figtext {text-align: center;}
#main_panel {background: url(../images/visualaids/main-panel.jpg) no-repeat; width: 550px; height: 460px;}
#file_man {background: url(../images/visualaids/file-man.jpg) no-repeat; width: 600px; height: 286px;}
#top_nav {background: url(../images/visualaids/top-nav.jpg) no-repeat; width: 538px; height: 41px;}
#traffic_stats {background: url(../images/visualaids/traffic-stats.jpg) no-repeat; width: 471px; height: 392px;}
#site_studio {background: url(../images/visualaids/sitestudiocreatespage.gif) no-repeat; width: 400px; height: 230px;}
#ftp_1 {background: url(../images/visualaids/ftp-1.jpg) no-repeat; width: 600px; height: 406px;}
#ftp_2 {background: url(../images/visualaids/ftp-2.jpg) no-repeat; width: 454px; height: 302px;}
#ftp_3 {background: url(../images/visualaids/ftp-3.jpg) no-repeat; width: 600px; height: 406px;}
#ftp_tip_1 {background: url(../images/visualaids/ftp-tip-1.jpg) no-repeat; width: 287px; height: 114px;}
#ftp_tip_2 {background: url(../images/visualaids/ftp-tip-2.jpg) no-repeat; width: 442px; height: 375px;}
#change_dns {background: url(../images/visualaids/change-dns.jpg) no-repeat; width: 484px; height: 161px;}
#domain_hopping {background: url(../images/visualaids/domain-hopping.gif) no-repeat; width: 385px; height: 270px;}
#tbc_1 {background: url(../images/visualaids/tbc-1.jpg) no-repeat; width: 526px; height: 119px;}
#tbc_2 {background: url(../images/visualaids/tbc-2.jpg) no-repeat; width: 402px; height: 260px;}
#domain_A_2_host_B {background: url(../images/visualaids/domain-A-to-host-B.jpg) no-repeat; width: 458px; height: 60px;}
#domain_forward {background: url(../images/visualaids/domain-forward.jpg) no-repeat; width: 450px; height: 138px;}
#google_down {background: url(../images/visualaids/google-down.jpg) no-repeat; width: 650px; height: 104px;}
#mysite_speed_test {background: url(../images/visualaids/mysite-speed-test.jpg) no-repeat; width: 551px; height: 409px;}
#domain_name {background: url(../images/visualaids/domain-name.jpg) no-repeat; width: 290px; height: 110px;}
#url_shorten {background: url(../images/visualaids/url-shorten.jpg) no-repeat; width: 500px; height: 75px;}

.gad336x280_L {float: left; width: 336px; height: 280px; background: #C0C0C0;}
.gad336x280_R {float: right; width: 336px; height: 280px; background: #C0C0C0;}
.gad120x240_L {float: left; width: 120px; height: 240px; background: #C0C0C0;}
.gad120x240_R {float: right; width: 120px; height: 240px; background: #C0C0C0;}
.gad728x15 {width: 728px; height: 15px; background: #C0C0C0;}