body {
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
	font:11px verdana,arial,sans-serif
	}
form {
	margin:0;
	padding:0
	}
img {
	border:none
	}
	
h1.regular	{
	display:block;
	font:bold 140% arial,sans-serif;
	color:#000000;
	margin:0 0 15px 0
	}

input {
	vertical-align:middle
	}
select {
	font:11px verdana,arial,sans-serif
	}
.clear {clear:both}

a.crumbs {font:11px "Arial", "Helvetica", "Sans-Serif";  font-weight:bold; }

#main {
	width:850px;
	background:#fff;
	margin:0 auto
	}
#main-navigation {
    position:absolute;
	top:220px
	}
#section {
	float:left;
	background:#fff;
	width:850px;
	position:absolute;
	margin:0 auto
	}
#header {
	width:850px;
	height:82px;
	position:absolute;
	top:21px;
	/* background:#ccc url(/graphics/Hawaii-SEO-Header.jpg) no-repeat left top */
	background:#ccc url(graphics/Hawaii-SEO-Header.jpg) no-repeat left top
	}
#header a {
	display:block;
	width:340px;
	height:126px
	}
#header b {
	display:block;
	width:340px;
	height:126px
	}
#header h1 {
	font-size:15px;
	float:right;
	color:#FFFF33;
	font:15px/14px times,sans-serif;
	text-align:right;
	padding:2px 8px 0 0
	}
#header span {
	float:right;
	color:#FFFF;
	font:15px/14px arial,sans-serif;
	text-align:right;
	padding:2px 8px 0 0
	}
.phone {
	font-size: 16px;
	font-weight: bold;
	color: #FFFF;
}
#header span a {display:inline}
#header form {
	width:100%;
	background:#ccc url(graphics/bg-subscribe.gif) repeat-x top;
	text-align:right;
	height:22px;
	padding:3px 0 0 0
	}
#header form label {
	float:left;
	margin:3px 6px 0 0;
	padding:0 0 0 393px;
	display:block;
	font:bold 11px verdana,sans-serif;
	}
input.go {
	width:33px;
	height:15px;
	border:0;
	padding:0;
	background:url(graphics/go.gif) no-repeat left top;
	font:8px/9px arial,tahoma,sans-serif;
	color:#000
	}
#header form .go {
	margin:2px 0 0 3px
	}
#header form input {
	float:left
	}
#header form .text {
	width:121px;
	height:15px;
	font:11px verdana,sans-serif;
	border:1px solid #333;
	padding:2px 0 0 2px
	}
#index-image {
	width:850px;
	background:url(graphics/Hawaii-Internet-Marketing2.jpg) no-repeat 425px 0;
	position:absolute;
	top:103px;
	height:118px
	}
#index-image div {
	width:425px;
	height:118px;
	top:103px;
	background:url(graphics/Hawaii-Internet-Marketing1.jpg) no-repeat 0 0;
	color:#ffff66;
	font-family:arial, sans-serif;
	text-align:right;
	padding:10px 16px 0 0;
	font-weight: bold;
	}
	#index-image div.right {
	width:425px;
	height:116px;
	background:url(graphics/Hawaii-Internet-Marketing1a.jpg) no-repeat 0 0;
	color:#ffff99;
	font-family:arial, sans-serif;
	text-align:right;
	padding:10px 16px 0 0;
	font-weight: bold;
	}
#index-image div p {
	margin:2px 0 3px 5px
	}
#index-image div h1 {
	font-size:15px
	}
#index-image div p.one {
	font-size:15px
	}
#index-image div p.two {
	font-size:13px
	}
#index-image div p.three {
	font-size:24px
	}
#index-image div p.more {
	font-size:12px
	}
#index-image a {
	color:#fff
	}
#index-image a:hover {
	text-decoration:underline
	}
#main-navigationUL {
	width:844px;
	margin:0;
	border-top:2px solid #fff;
	background:#8C8C8C url(graphics/bg-main-nav.gif) no-repeat left top;
	height:26px;
	padding:0 0 0 6px
	}
#main-navigation li {
	float:left;
	padding:0;
	list-style:none;
	font:bold 11px/23px verdana,sans-serif;
	background:url(graphics/border-main-nav.gif) no-repeat right;
	padding:0 7px
	}
#main-navigation li.last {
	background:none;
	color:#fc3;
}
#main-navigation li a {
	color:#fff
	}
#main-navigation li a:hover {
	text-decoration:underline
	}
#main-navigation li .contact {
	color:#ffffff;
	}
#middle {
	float:left;
	margin:5 0 0 0;
	position:absolute;
	top:258px;
	width:850px;
	font:12px "Verdana","Arial","Sans-Serif";
	background:#fff url(graphics/bg-middle.gif) repeat-y 0 0
	}
#breadcrumbs {background:#fff;width:738px;padding:0 0 8px 12px;font-size:11px;margin:-13px 0 0 0;position:relative}
#breadcrumbs a:hover {text-decoration:underline}
#breadcrumbs span {font-weight:normal !important}
#left-column {
	float:left;
	width:172px;
	padding:0 0 20px 0
	}
#right-column {
	float:right;
	overflow:hidden;
	width:657px;
	padding:0 0 20px 0
	}
#subscribe {
	padding:8px 0 0 3px;
	height:57px;
	background:#8C8C8C;
	font:bold 10px verdana,sans-serif;
	color:#fff
	}
#subscribe label {
	float:left;
	display:block;
	padding:0 0 4px 0
	}
* html #subscribe label {
	padding:0 0 2px 0
	}
#subscribe .text {
	width:121px;
	height:15px;
	margin:0 0 0 2px;
	font:10px verdana,sans-serif;
	border:1px solid #333;
	padding:2px 0 0 2px
	}
#left-column b {
	display:block;
	background: url(graphics/bg-left-h2.gif) no-repeat left top;
	width:155px;
	height:20px;
	margin:20px auto 5px auto;
	padding:0 0 0 7px;
	font:bold 11px/19px verdana,sans-serif;
	color:#fff
	}
#left-column div.images {padding:6px 0 0 0;text-align:center;margin:0 0 -6px 0}
#left-column div.free-site-reviews {padding:6px 0 0 0;text-align:center;margin:0 0 -14px 0}
#left-column div.images img {margin:0 0 6px 0}
#left-column ul {
	margin:0;
	padding:0 10px 0 12px
	}
#left-column ul li {
	margin:0;
	padding:0 0 0 6px;
	background:url(graphics/list-style-green.gif) no-repeat 0px 6px;
	list-style:none;
	font:11px/15px verdana,sans-serif;
	}
#left-column ul li a {
	color:#000
	}
#left-column ul li a:hover {
	text-decoration:underline
	}
/* ## right column ## */
#right-column {
	font-size:small
	}
#right-column h1.regular {
	display:block;
	font:bold 140%/130% arial,sans-serif;
	color:#000000;
	margin:0 0 15px 0
	}
#right-column h2.subheading	{
	display:block;
	font: 120%/109% georgia,serif;
	color:#0000FF;
	margin:0 0 15px 0
	}
	
#right-column h3.subheading	{
	display:block;
	font:bold 123%/112% arial,sans-serif;
	color:#000000;
	margin:0 0 15px 0
	}
#right-column b.big,
#right-column h1,
#right-column h2,
#right-column h3,
#right-column h4,
#right-column h5 {
	display:block;
	font:bold 123%/112% Georgia, Times, serif;
	margin:0 0 15px 0
	}
#right-column b.big {font-size:22px}
#right-column b.normal {
	display:block;
	margin:0 0 15px 0;
	font-size:90%;
	line-height:138%
	}
#right-column p {
	margin:0 7px 15px 0;
	font-size:90%;
	line-height:138%
	}
#right-column p.note {
	font-size:75%;
	line-height:125%;
	color:#666
	}
#right-column p.note1 {margin-left:20px;color:#666}

#right-column p a:hover,
#right-column ul a:hover,
ol a:hover {
	text-decoration:none
	}
ol {
	font-size:90%;
	line-height:130%;
	margin-bottom:15px;
	margin-top:0
	}
ol li {margin-right:7px}
#right-column ul {
	font-size:95%;
	line-height: 1.5;
	margin:0 0 15px 0;
	padding:0
	}
#right-column ul li.index {
	margin:0;
	padding:0 0 0 15px;
	background:url(graphics/red-arrow.gif) no-repeat 2px 6px;
	list-style:none
	}
#right-column ul li.reg {
	list-style-type: circle;
	}
#right-column ul li {margin-right:7px}

#right-column dl {
    font-size:90%;
	line-height:138%
	}
#right-column dl dt.index {
	margin:0;
	padding:0 0 0 15px;
	background:url(graphics/red-arrow.gif) no-repeat 2px 6px;
	font-size:95%;
	line-height:138%;
	list-style:none
	}
#right-column div.right-box {
	float:right;
	width:180px;
	color:#0000;
	padding:6px 10px 20px 10px;
	margin:0 0 20px 20px;
	background:#DCE5FE
	}
#right-column div.right-box b {
	display:block;
	font:bold 14px/16px arial, sans-serif;
	border-bottom:1px solid #515151;
	margin:0 0 7px 0;
	padding:0 0 3px 0
	}
#right-column div.right-box .date {
	font:9px/10px verdana,sans-serif;
	margin:0 0 5px 0
	}
#right-column div.right-box p {
	font:11px/12px verdana,sans-serif;
	margin:0 0 10px 0
	}
#right-column div.right-box a.bullet {
	font:bold 10px/11px verdana,sans-serif;
	background:url(graphics/list-style-white.gif) no-repeat left;
	color:#fc3;
	padding:0 0 0 8px
	}
#right-column div.right-box a:hover {
	text-decoration:underline
	}
#right-column div.right-box ul li {
	font:11px verdana, sans-serif;
	}
#right-column div.left {
	float:left;
	margin:0 10px 14px 0
	}
#right-column div.right {
	float:right;
	margin:0 0 14px 10px
	}
#right-column div.left img,
#right-column div.right img {
	border:1px solid #666
	}
#right-column div.grey-box {
	border:1px solid #D9D9D9;
	padding:1px;
	margin:0 0 15px 0
	}
#right-column div.grey-box div.b {
	background:#F2F2F2;
	padding:4px
	}
#right-column div.grey-box div.b b,
#right-column div.grey-box div.b h1,
#right-column div.grey-box div.b h2,
#right-column div.grey-box div.b h3,
#right-column div.grey-box div.b h4,
#right-column div.grey-box div.b h5,
#right-column div.grey-box div.b h6 {
	display:block;
	background:#E5E5E5;
	color:#000;
	font:bold 90%/190% verdana,sans-serif;
	margin:0 0 15px 0;
	padding:0 0 0 7px
	}
#right-column div.grey-box div.b b a {
	text-decoration: underline;
}
#right-column p.bold {
	font-weight:bold
	}
#right-column div.grey-box div.right {margin-right:4px}
#right-column div.grey-box div.b p,
#right-column div.grey-box div.b ul {
	margin:0 7px 15px 7px
	}
#right-column div.grey-box div.b p.one {
	padding:0 0 0 22px;
	background:url(graphics/bg-one.gif) no-repeat 0px 4px
	}
#right-column div.grey-box div.b p.two {
	padding:0 0 0 22px;
	background:url(graphics/bg-two.gif) no-repeat -1px 4px
	}
#right-column div.grey-box div.b p.one,
#right-column div.grey-box div.b p.two {
	min-height:28px
	}
#right-column div.services {
	margin-left:auto;
	margin-right:auto;
	width:500px;
	padding:7px;
	border: medium dashed #360;
	margin-bottom: 10px;
	background-color: #F1F1F1;
	}
#right-column div.services b {
	display:block;
	font:bold 14px/16px arial, sans-serif;
	color:#360;
	border-bottom:1px solid #360;
	margin:0 0 7px 0;
	padding:0 0 3px 0
	}
* html #right-column div.grey-box div.b p.one,
* html #right-column div.grey-box div.b p.two {
	height:28px
	}
/* ## FOOTER ## */
#footer {
	clear:both;
	padding:21px;
	background:#7398FD;
	font:11px verdana,sans-serif
	}
#footer ul {
	margin:0;
	padding:0;
	font:bold 11px verdana,sans-serif;
	}
#footer ul li ul {
	display:inline;
	font-weight:normal
	}
#footer ul li {
	display:inline;
	margin:0;
	padding:0;
	list-style:none
	}
#footer ul li a {
	color:#fff;
	background:url(graphics/border-footer-ul.gif) no-repeat right;
	padding:0 7px 0 0;
	margin:0 2px 0 0;
	white-space:nowrap
	}
#footer ul li.last a {
	background:none
	}
#footer ul li a:hover {
	text-decoration:underline
	}
#copy {
	float:left;
	color:#D9D9D9;
	font-size:9px;
	padding:10px 0 15px 0
	}
#valid {
	float:right;
	padding:10px 0 0 0
	}
	
/* common */
.green {color:#360}
.red {color:#d00}
.bold {font-weight:bold}

/* form */
form dl {
	float:left;
	width:100%;
	margin:0 0 15px 0;
	padding:0
	}
form dl dt {
	float:left;
	width:200px;
	margin:0;
	padding:3px 5px 2px 0
	}
* html form dl dt {padding:4px 5px 2px 0}
form dl.long dt {width:280px}
form dl.long dd {width:270px}
form dl dt.clear {
	width:100%;
	padding:0;
	float:none;
	height:0;
	overflow:hidden
	}
form dl dd {
	float:left;
	width:350px;
	margin:0;
	padding:2px 0
	}
form dl dd .text {
	float:left;
	width:200px;
	padding:1px 0 0 4px
	}
form dl select {width:208px}
form dl select.big {width:304px}
form dl select.small {width:50px}
form dl textarea {width:296px;height:70px;padding:1px 0 0 4px}
form dl .text,
form select,
form dl textarea {
	font:12px tahoma,sans-serif
	}
div.form-button {padding:0 0 0 204px}
	
div.two-cols {
	float:left;
	width:100%;
	margin:0 0 15px 0;
	font-size:90%;
	line-height:130%
	}
div.two-cols p,
div.two-cols ul {font-size:100% !important}
div.two-cols div.col {
	float:left;
	width:49%
	}
div.two-cols div.col a {color:#360;text-decoration:underline}
div.two-cols div.col a:hover {text-decoration:none}

div.guarantee-table {
	float:left;
	width:460px;
	margin:0 0 15px 0
	}
div.guarantee-table div {float:left}
div.guarantee-table .td1 {width:250px}
div.guarantee-table .td2 {width:70px}
div.guarantee-table .td3 {width:460px;padding-top:20px}
div.guarantee-table .td4 {width:210px}
div.guarantee-table .td5 {width:460px;}

div.line {
	clear:both;
	width:100%;
	height:1px;
	background:#ccc;
	overflow:hidden;
	margin:0 0 15px 0
	}
	
div.three-cols {
	float:left;
	width:557px;
	}
div.three-cols div.col {
	float:left;
	width:175px;
	padding:0 10px 0 0
	}
div.three-cols div.col a img {border:1px solid #666}
table {
	font-size:90%;
	line-height:137%
	}
table a {text-decoration:underline}
table a:hover {text-decoration:none}
table.main th {text-align:left}
table.main td {vertical-align:top}

table.glossary {margin:0 0 15px 0}
table.glossary td {vertical-align:top;padding:3px 5px}
table.glossary tr.color td {background:#F2F2F2}

p.small {font-size:85% !important;color:#888}.center {
	margin-right: auto;
	margin-left: auto;
}
#right-column div.hold {
	border:2px dashed #360;
	padding:4px;
	margin:0 auto 15px;
	background-color: #F2F2F2;
	width: 90%;
	}

#right-column div.hold h2 {
	display:block;
	background:#E5E5E5;
	color:#360;
	font:bold 90%/190% verdana, sans-serif;
	margin:0 0 15px 0;
	padding:0 0 0 7px
	}

.ctr {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#tools {
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	padding-bottom: 15px;
}
#right-column div.right-blog {
	float:right;
	width:180px;
	color:#fff;
	padding:5px;
	margin:0 0 20px 20px;
	background:#8C8C8C
}
	
#right-column div.right-blog-amazon {
	float:right;
	width:115px;
	color:#fff;
	padding:5px;
	margin:0 0 20px 20px;
	}
#right-column div.right-blog b {
	display:block;
	font:bold 14px/16px arial, sans-serif;
	color:#fc3;
	border-bottom:1px solid #fc3;
	margin:0 0 7px 0;
	padding:0 0 3px 0
	}
#right-column div.right-blog a:hover {
	text-decoration:underline
	}
#right-column div.right-blog li {
	font-size: 10px;
	font-weight: bolder;
	}
#charity {
	font-family: "Courier New", Courier, monospace;
	padding: 5px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: 3px dashed #360;
	text-align: justify;
}
.robtest {
	display: none;
}
.press-box {
	padding: 3px;
	border: 2px ridge #360;
	width: 550px;
}

#tabbed ul {
	list-style: none;
	padding:0;
	margin:0;
}

#tabbed li {
	display: inline;
	border: solid;
	border-width: 1px 1px 0 1px;
	margin: 0 0.5em 0 0;
}

#tabbed li a {
	padding: 0 1em;
}
#tabbed #selected {
	padding-bottom: 1px; 
	background: white;
}


#tcontent {
	border: 1px solid;
}

div.more {
  background-color: #FFFF99;
  width: 550;
  padding-left:7px;
  padding-right:7px;
  padding-top:5px;
  }
  
#right-column ul.normal {list-style-type: circle;}