/*
 * #01 - General
 * #02 - Headings
 * #03 - Text (by tag)
 * #04 - Text (by id/class)
 * #05 - Text (other) 
 * #06 - Lists
 * #07 - Forms
 * #08 - Tables
 * #09 - ThickBox  
 * #10 - Other   
 */

/* #01 - GENERAL **************************************************************/

html
{
	font: small verdana, helvetica, arial, sans-serif;
}

body
{
	color: #fff;
	background: #000;
	text-shadow: 0 0 #000; 
}

/* #02 - HEADINGS *************************************************************/

/* Masthead Logo */

h1 a
{
	background: transparent url('../images/kenoshi_creative_logo.jpg') 0 0 no-repeat;
	display: inline; /* IE6 doubled float-margin bug */
	width: 412px;
	height: 69px;
	margin: 15px 0 0 48px;
	float: left;
	 
	text-indent: -9999px;
	overflow: hidden;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { border: none; }

/* Page Heading */

#inner-wrapper h2
{
	height: 41px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent 0 0 no-repeat;
	margin-bottom: 36px;
}

body#index #inner-wrapper h2 { background-image: url('../images/h2_who_are_we.gif'); }
body#services-landing #inner-wrapper h2 { background-image: url('../images/h2_services.gif'); }
body#web-design #inner-wrapper h2 { background-image: url('../images/h2_web_design.gif'); }
body#graphic-design #inner-wrapper h2 { background-image: url('../images/h2_graphic_design.gif'); }
body#brand-identity #inner-wrapper h2 { background-image: url('../images/h2_brand_identity.gif'); }
body#seo #inner-wrapper h2 { height: 82px;  background-image: url('../images/h2_seo.gif'); }
body#web-hosting #inner-wrapper h2 { height: 82px;  background-image: url('../images/h2_web_hosting.gif'); }
body#web-programming #inner-wrapper h2 { background-image: url('../images/h2_ewd.gif'); }
body#web-analysis #inner-wrapper h2 { background-image: url('../images/h2_website_analysis.gif'); }
body#flash-illustration #inner-wrapper h2 { background-image: url('../images/h2_flash_illustration.gif'); }
body#process #inner-wrapper h2 { background-image: url('../images/h2_process.gif'); }
body#portfolio #inner-wrapper h2 { background-image: url('../images/h2_portfolio.gif');  margin-left: 48px; }
body#about #inner-wrapper h2 { background-image: url('../images/h2_about.gif'); }
body#contact #inner-wrapper h2,
body#contact-success #inner-wrapper h2 { background-image: url('../images/h2_contact.gif'); }
body#error404 #inner-wrapper h2 { height: 82px;  background-image: url('../images/h2_error_404.gif'); }
body#privacy #inner-wrapper h2 { background-image: url('../images/h2_privacy.gif'); }
body#sitemap #inner-wrapper h2 { background-image: url('../images/h2_sitemap.gif'); }
/* Other Pages */
body#wallpapers #inner-wrapper h2 { background-image: url('../images/h2_wallpapers.gif'); }
body#location #inner-wrapper h2 { background-image: url('../images/h2_location.gif'); }
 
/* Other Headings */

h3
{
	display: block;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent 0 0 no-repeat;
	margin-bottom: 24px;
}

h3.boxed { margin-bottom: 36px; } 

/* index */
h3#index-statement { width: 874px;  height: 182px;  background-image: url('../images/index_statement.gif'); }
/* web design & development */
#web-design-services h3 { margin-top: 24px;  margin-bottom: 0; } 
#web-design-services h3.first { margin-top: 0; }
h3#wd-attractive { background-image: url('../images/h3_wd_design.gif'); }
h3#wd-standards { background-image: url('../images/h3_wd_standards.gif'); }
h3#wd-dynamic { background-image: url('../images/h3_wd_dynamic.gif'); }
h3#wd-seo { background-image: url('../images/h3_wd_seo.gif'); }
h3#wd-hosting { background-image: url('../images/h3_wd_hosting.gif'); }
h3#wd-flash { background-image: url('../images/h3_wd_flash.gif'); }
h3#wd-brand { background-image: url('../images/h3_wd_brand.gif'); }
h3#wd-documentation { background-image: url('../images/h3_wd_documentation.gif'); }
/* process */
body#process h3 { margin-top: 36px;  margin-bottom: 6px; }
h3#proc-discovery { background-image: url('../images/h3_proc_discovery.gif'); }
h3#proc-quoting { background-image: url('../images/h3_proc_quoting.gif'); }
h3#proc-design { background-image: url('../images/h3_proc_design.gif'); }
h3#proc-printing { background-image: url('../images/h3_proc_printing.gif'); }
body#process h3#proc-development { background-image: url('../images/h3_proc_development.gif');  margin-top: 24px; } /* specificity */
h3#proc-deployment { background-image: url('../images/h3_proc_deployment.gif'); }
h3#proc-documentation { background-image: url('../images/h3_proc_documentation.gif'); }
h3#proc-marketing { background-image: url('../images/h3_proc_marketing.gif'); }
/* other main pages */
h3#brand-guide { background-image: url('../images/h3_brand_guide.gif'); }
h3#seo-existing { width: 294px;  background-image: url('../images/h3_seo_existing.gif'); }
h3#flash { background-image: url('../images/h3_flash.gif'); }
h3#illustration { background-image: url('../images/h3_illustration.gif'); }
h3#clients { background-image: url('../images/h3_client_list.gif'); }
h3#who-kenoshi { background-image: url('../images/h3_who_kenoshi.gif'); }
h3#who-are-you { background-image: url('../images/h3_who_are_you.gif'); }
h3#why-kenoshi { background-image: url('../images/h3_why_kenoshi.gif'); }
h3#website-of { background-image: url('../images/h3_website_of.gif'); }
h3#visitor-info { background-image: url('../images/h3_visitor_info.gif'); }
h3#cookies { background-image: url('../images/h3_cookies.gif'); }
h3#outbound { background-image: url('../images/h3_outbound_links.gif'); }
h3#copyright { background-image: url('../images/h3_copyright.gif'); }
h3#snap { background-image: url('../images/h3_snap.gif'); }
h3#common-mistakes { background-image: url('../images/h3_common_mistakes.gif'); }
h3#help-out { background-image: url('../images/h3_help_out.gif'); }
h3#plug { background-image: url('../images/h3_plug.gif'); }
h3#escapes { background-image: url('../images/h3_escapes.gif'); }
h3#get-in-touch { background-image: url('../images/h3_get_in_touch.gif'); }
h3#contact-info { background-image: url('../images/h3_contact_info.gif'); }
h3#thanks { background-image: url('../images/h3_thanks.gif'); }
/* other */
h3#instructions { background-image: url('../images/h3_instructions.gif'); }
h3#wallpapers { background-image: url('../images/h3_wallpapers.gif'); }
h3#address { background-image: url('../images/h3_address.gif'); }
h3#directions { background-image: url('../images/h3_directions.gif'); }
h3#parking { background-image: url('../images/h3_parking.gif'); }

h4
{
	display: block;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent 0 0 no-repeat;
	margin-bottom: 12px;
}

h4#wd-existing { background-image: url('../images/h4_wd_existing.gif'); }
h4#wd-cms { background-image: url('../images/h4_wd_cms.gif'); }
h4#marketing-analysis { background-image: url('../images/h4_marketing_analysis.gif'); }
/* portfolio */
h4#pf-ad { background-image: url('../images/h4_pf_ad.gif'); }
h4#pf-assured { background-image: url('../images/h4_pf_assured.gif'); }
h4#pf-beyond { background-image: url('../images/h4_pf_beyond.gif'); }
h4#pf-cmrr { background-image: url('../images/h4_pf_cmrr.gif');  height: 46px; }
h4#pf-dem { background-image: url('../images/h4_pf_dem.gif'); }
h4#pf-ds { background-image: url('../images/h4_pf_ds.gif'); }
h4#pf-hlfic { background-image: url('../images/h4_pf_hlfic.gif');  height: 46px; }
h4#pf-hmc { background-image: url('../images/h4_pf_hmc.gif'); }
h4#pf-ism, h4#pf-gd-ism { background-image: url('../images/h4_pf_ism.gif'); }
h4#pf-jaredsato, h4#pf-gd-jaredsato { background-image: url('../images/h4_pf_jaredsato.gif'); }
h4#pf-kenoshi { background-image: url('../images/h4_pf_kenoshi.gif'); }
h4#pf-lapietra { background-image: url('../images/h4_pf_lapietra.gif'); }
h4#pf-letsfind { background-image: url('../images/h4_pf_letsfind.gif'); }
h4#pf-meo { background-image: url('../images/h4_pf_meo.gif');  height: 46px; }
h4#pf-mira { background-image: url('../images/h4_pf_mira.gif'); }
h4#pf-mlch { background-image: url('../images/h4_pf_mlch.gif');  height: 46px; }
h4#pf-mmc { background-image: url('../images/h4_pf_mmc.gif'); }
h4#pf-up { background-image: url('../images/h4_pf_up.gif'); }
h4#pf-wcbc { background-image: url('../images/h4_pf_wcbc.gif');  height: 46px; }
h4#pf-wof, h4#pf-gd-wof { background-image: url('../images/h4_pf_wof.gif'); }

/* #03 - TEXT (BY TAG) ********************************************************/

p { margin-bottom: 24px; }
.twocol-break p { margin-bottom: 0; }
.twocol-process p { margin-bottom: 0; }

a:link,
a:visited,
a:hover,
a:active
{
	color: #bfd73b;
	text-decoration: none;
	border-bottom: 1px dotted #bfd73b;
}
a:hover { border-bottom: 1px solid #bfd73b; }
a.external { display: inline-block;  padding-right: 10px;  background: url('../images/external_link.gif') 100% 0 no-repeat; }
a.newwindow { display: inline-block;  padding-right: 10px;  background: url('../images/new_window_link.gif') 100% 0 no-repeat; }
#portfolio-buttons a.portfolio-button { border: none; }
a.expander, a.collapser { padding-right: 15px;  background: transparent 100% 3px no-repeat; }
a.expander { background-image: url('../images/down_arrow.gif'); }
a.collapser { background-image: url('../images/up_arrow.gif'); }

a img { border: none; }

#rc-wd-2 a { display: block;  width: 214px;  height: 146px; }

#sub-footer a { border: none; }

#bottom-footer a:link,
#bottom-footer a:visited,
#bottom-footer a:hover,
#bottom-footer a:active
{
	color: #bfd73b;
	text-decoration: none;
	border-bottom: 1px dotted #bfd73b;
}
#bottom-footer a:hover { border-bottom: 1px solid #bfd73b; }

strong { font-weight: bold; }
em { font-style: italic; }
em.bold { font-style: normal;  font-weight: bold; }

/* #04 - TEXT (BY ID/CLASS) ***************************************************/

.highlight { color: #bfd73b; }

#seo-yes, #seo-no
{
	display: block;
	height: 37px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent 0 0 no-repeat;
	border: none;
	margin-bottom: 24px;
}

#seo-yes
{
	float: right;
	width: 71px;
	background-image: url('../images/button_yes.gif');
}

#seo-no
{
	float: left;
	width: 61px;
	background-image: url('../images/button_no.gif');
}

#seo-yes:hover,
#seo-no:hover { background-position: 0 -37px; }
#seo-yes.selected,
#seo-no.selected { cursor: default;  background-position: 0 -37px; }

a#process-halfway
{
	display: block;
	width: 614px;
	height: 107px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: transparent url('../images/process_halfway_box.gif') 0 0 no-repeat;
	margin: 36px 0 24px;
}
a#process-halfway:hover { background-position: 0 -107px; }

span#process-divider
{
	display: block;
	width: 400px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url('../images/process_divider.gif') 0 0 no-repeat;
}

span.portfolio-collab { color: #555; }

#contact-email { background-image: url('../images/contact_e.gif'); }
#contact-phone { background-image: url('../images/contact_t.gif'); }
#contact-fax { background-image: url('../images/contact_f.gif'); }
#contact-vcard { background-image: url('../images/contact_v.gif'); }

#bottom-footer
{
	color: #bfd73b;
	font-size: 0.8em;
}

/* #05 - TEXT (OTHER) *********************************************************/

/* #06 - LISTS ****************************************************************/

#inner-wrapper ul li
{
	background: transparent url('../images/bullet.gif') 0 5px no-repeat;
}

#inner-wrapper ul ul li
{
	background-image: url('../images/bullet_sub.gif');
	color: #a59174;
}

/* Services Landing - List of Services */

#services-list ul li { background: none; }

#services-list a
{
	
	height: 37px;
	display: block;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent 0 0 no-repeat;
}

#services-list a#wd { width: 288px; background-image: url('../images/services_wd.gif'); }
#services-list a#wd:hover { background-position: 0 -37px; }
#services-list a#gd { width: 241px; background-image: url('../images/services_gd.gif'); }
#services-list a#gd:hover { background-position: 0 -37px; }
#services-list a#bid { width: 235px; background-image: url('../images/services_bid.gif'); }
#services-list a#bid:hover { background-position: 0 -37px; }
#services-list a#seo { width: 468px; background-image: url('../images/services_seo.gif'); }
#services-list a#seo:hover { background-position: 0 -37px; }
#services-list a#whed { width: 445px; background-image: url('../images/services_whed.gif'); }
#services-list a#whed:hover { background-position: 0 -37px; }
#services-list a#ewd { width: 301px; background-image: url('../images/services_ewd.gif'); }
#services-list a#ewd:hover { background-position: 0 -37px; }
#services-list a#wa { width: 193px; background-image: url('../images/services_wa.gif'); }
#services-list a#wa:hover { background-position: 0 -37px; }
#services-list a#fi { width: 207px; background-image: url('../images/services_fi.gif'); }
#services-list a#fi:hover { background-position: 0 -37px; }

/* #07 - FORMS ****************************************************************/

span.contactby-title,
span.services-title
{
	display: block;
	margin-bottom: 5px;
}

.input-text { border: 1px solid #464646; }
.invalid-field { border: 1px solid red;  background: #ffb2b2; }
.sublabel { font-style: normal; color: #666; }

/* #08 - TABLES ***************************************************************/

/* #09 - THICKBOX *************************************************************/

.TB_overlayBG { background-color: #000; }

#TB_window { background: transparent; }
#TB_ajaxContent { background: transparent; }

#TB_ajaxContent .pf-image img { border: 2px solid #000; }

/* #10 - OTHER ****************************************************************/

div.boxed
{
	border: 2px solid #000;
	background: #333 url('../images/box_bg.gif') 0 0 no-repeat;
}

.clearcol
{
	clear: both;
}