/***********/
/* general */
/***********/

body { margin:0; padding:0; }
html { margin:0; padding:0; }
body { background:url('http://hawaiifilm.com/images/hawaii_gradient_bg.jpg') repeat-x; margin-top:15px; }
body, p,td,input,textarea,select { font-family:Tahoma, Verdana; font-size:12px; }
h1 { font-family:Tahoma, Verdana; font-size:140%; }
h2 { font-family:Tahoma, Verdana; font-size:130%; }
h3 { font-family:Tahoma, Verdana; font-size:120%; }
a { text-decoration: none; color:#003300; }
a:hover { text-decoration:underline; color:#008360; }
a.advanced-search:hover { text-decoration: underline; color:#003300; }
#wrapper-800 { margin:0 auto 0 auto; padding:0; width:90%; }
#content-wrapper { width:80%; float:left;}
#index-title { margin:0 0 3px 0; padding:0; }
.index-pic { float: left; margin-right:10px;  }

/***************/
/* top section */
/***************/
#content-wrapper #top-section { background:url('../images/bookmark-bg.jpg') repeat-x; height:58px; }
#top-section #logo h1 {
	background:transparent url(../images/top-left-logo.jpg) no-repeat scroll 0pt 50%;
	border-bottom:0pt none;
	cursor:pointer;
	height:58px;
	margin:0;
	padding:0;
	text-indent:-2000em;
	width:232px;
	float:left;
}
#top-section #search-box { background:transparent url('../images/search-box-bg.jpg') no-repeat; width:198px; height:58px; float:left; }
#top-section #search-box #search-form { text-align:left; font-size:10px; margin-left:10px; margin-top:2px; }
#top-section #search-box #search-form #query-box-div { background:url('../images/search-field-bg.jpg') no-repeat; width:182px; height:27px; }
#top-section #search-box #search-form #query-box-div input { border:0; font-size:10px; margin:7px 0 0 11px; height:11px; width:163px; }
#top-section #directory-box { background:transparent url('../images/directory-box-bg.jpg') no-repeat; width:93px; height:58px; float:left; border-right:1px solid #49BDF1; }
#top-section #directory-box h1 {
	background:transparent url('../images/directory-box-bg.jpg') no-repeat scroll 0pt 50%;
	border-bottom:0pt none;
	cursor:pointer;
	height:58px;
	margin:0;
	padding:0;
	text-indent:-2000em;
	width:93px;
	float:left;
}
#top-section #bookmark-box { 
	height:58px; float:left; 
}
#top-section #bookmark-box-right-border { background:transparent url('../images/bookmark-right-border.jpg'); width:17px; height:58px; float:right; }


/**************************/
/* top navigation section */
/**************************/

#top-nav { background: url('../images/tab-bg-box.jpg') repeat-x; width:100%; height:37px; text-align:center; margin:0; padding:0; }
#top-nav ul, #top-nav li { margin:0; }
#top-nav ul.parent { margin:0 auto 0 auto; }
#top-nav ul.parent, #top-nav li.parent {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
#top-nav ul.parent li.parent a.parent 
{
	font-family:tahoma,verdana;
	display:block;
	float:left;
	height:37px;
	color:#000000;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;
	background:url('../images/tab-bg-box.jpg') repeat-x;
	padding:11px 8px 0 8px;
	text-align:center;
	font-weight:bold;
	margin:0;
}
#top-nav { position:relative; margin:0; padding:0; }
div.child { position:absolute; top:25px; z-index:50; max-height:350px; display:block;}
.childcatfirst { border-top:1px solid #07FFCD; }
.childcat { background:#49BDF1; width:160px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; border:1px solid #007700; padding:0 2px 2px 4px; width:170px;  }
.childcat:hover { background:#279bd0; cursor:pointer; }
.childcat a { text-decoration:none; }
.childcat a:hover { text-decoration:none; color:#003300; }
/* top nav drop down configuration **/
#HIRF0000 { left:0; visibility:hidden; overflow:auto; display:none; width:180px;  }
#HIPR0000 { left:118px; visibility:hidden; overflow:auto; display:none; width:195px;  }
#HIFP1000 { left:190px; visibility:hidden; overflow:auto; display:none; width:195px;  }
#HIPP3000 { left:250px; visibility:hidden; overflow:auto; display:none; width:195px;  }
#HIEQ4000 { left:340px; visibility:hidden; overflow:auto; display:none; width:195px;  }
#HITA6000 { left:467px; visibility:hidden; overflow:auto; display:none; width:180px;  }
#HISS7000 { left:468px; visibility:hidden; overflow:auto; display:none; width:195px;  }

/****************/
/* main section */
/****************/

#main { background-color:#f5f5f5; width:100%; margin:0; padding:0;min-height:380px; }
#main #content { padding:3px 15px 15px 15px; text-align:left; margin:0; }

/**************/
/* bottom nav */
/**************/

#bottom-nav { background-color:#adfcfc; width:100%; margin:0 0; height:25px; padding:0; }
#bottom-nav ul, #bottom-nav li { display:inline; margin:0;  }
#bottom-nav li a 
{
	display:block;
	float:left;
	height:25px;
	width:92px;
	color:#000000;
	text-transform:uppercase;
	font-size:10px;
	font-family:tahoma,verdana;
	text-decoration:none;
	background:url('../images/bottom-nav-box.jpg') no-repeat;
	vertical-align:middle;
	text-align:center;
	padding:7px 0 0 0;
	margin:0;
}
#bottom-nav li a.distinct
{
	display:block;
	float:left;
	height:25px;
	width:89px;
	color:#000000;
	text-transform:uppercase;
	font-size:10px;
	font-family:tahoma,verdana;
	text-decoration:none;
	background:url('../images/bottom-nav-box-distinct.jpg') no-repeat;
	vertical-align:middle;
	text-align:center;
	padding:7px 0 0 0;
	margin:0;
}
#bottom-nav ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style:none;
	display:inline;
}

/***********/
/* banners */
/***********/
#banner-landscape { text-align:center; margin:20px auto; }
#banner-wrapper
{
	width:130px;
	text-align:center;
	float:left;
	padding-top:95px;
	padding-left:5px;
}
.banner { margin:0 0 10px 0; border:1px solid #ccc; }

/************/
/* category */
/************/
.enhanced { border:2px solid #002200; margin:0 0 2px 0; padding:0; }
.enhanced td { font-size:11px; }
.enhanced td a:hover { }
.regular { margin:10px 0 10px 0; }
.regular td { font-size:11px; }
.simple { margin:10px 0 10px 0; }
.simple td { font-size:11px; }
/***********/
/* listing */
/***********/
.listing { font-size:12px; }
h2.listing-cat { margin:0 0 5px 0; padding:0;  color:#A42D00; }
.company-name { font-size:110%; font-weight:bold; }
.category { padding-top:15px; }
#co-desc { padding:10px 0 10px 0; }