/*
	main.css
	Global Stylesheet
	Created: Oct. 30, 2007
	Creator: Matt Kircher, Mainline Media LLC
	Modified: Jan. 2, 2008
*/

/* Imports
--------------------------------------------------------*/
@import url("css_reset.css");
@import url("thickbox.css");
@import url("lightbox.css");

/* General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	background:url(../images/body_pattern_bg.jpg) top left repeat #030303;
	text-align:center;
	margin:0px; padding:0px;
}
p{ line-height:1.2 !important; }
a{ color:#EDAE55; font-weight:bold; }

h1, h2, h3, h4, h5, h6{ font-family:Georgia, "Times New Roman", Times, serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#EDAE55; }
h1{ font-size:24px; font-weight:normal !important; }
h2{ font-size:20px; font-weight:normal !important; }
h3{ font-size:16px; }
h4{ font-size:14px; }
h5{ font-size:12px; }
h6{ font-size:12px; }

hr{ background-color:#85582F; color:#85582F; /*#EDAE55;*/ border:none; height:1px; margin:25px 0px; }

form{}
fieldset{ border:none; }
label{ float:left; width:100px; font-weight:bold; }
form fieldset div{ margin-left:100px; }

/*--Classes
--------------------------------------------------------*/

/*colors*/
.highlight_orange{ color:#EDAE55; }

/*structures*/
.bordered{ border:3px solid #FFF; }

.clear_block{ clear:both; }

.normal_header{ font-family:Arial, Helvetica, sans-serif !important; }

.unbulleted_list{ margin:0px; padding:0px; list-style:none; }
.unbulleted_list li{ margin-bottom:5px; }

.thumbnails{ margin:0px; padding:0px; list-style:none; }
.thumbnails li{ float:left; margin:0px 5px 5px 0px; background:url(../images/thumbnail_ds.png) no-repeat bottom right; padding:0px 5px 5px 0px; }
.thumbnails a{ display:block; height:53px; width:53px; border:3px solid #FFF; overflow:hidden !important; background-color:#000; }
.thumbnails a img{ width:53px; position:relative; top:-2px; left:-2px; }
* html .thumbnails li{ background:none; }
*+html .thumbnails li{ background:none; }

.backtotop{ margin-bottom:35px; }

.email{ display:none; }

.news_item{ clear:both; }
.news_item img{ margin:0px 0px 10px; }
.news_item img[align="left"]{ margin:0px 10px 10px 0px; }
.news_item img[align="right"]{ margin:0px 0px 10px 10px; }

/*--Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	margin-top:20px;
	width:800px;
	padding:0px;
	margin-bottom:100px;
}

/*--Header
--------------------------------------------------------*/
#header{ height:48px !important; }

#logo{ float:left; position:relative; z-index:100; top:10px; left:25px; }
#logo h1{ margin:0px; padding:0px; }
#logo a{ display:block; height:107px; width:248px; margin-right:-248px; margin-bottom:-107px; background:url(../images/logo.png) top left no-repeat; text-indent:-1000px; overflow:hidden; }

* html #logo a{ float:left; position:relative; background:url(../images/logo.gif) top left no-repeat !important; }


/*--Navigation
--------------------------------------------------------*/
#main-nav ul, #functional-nav ul, #sub-nav ul, #footer-main-nav ul, #footer-functional-nav ul{ margin:0px !important; padding:0px !important; list-style:none; }
#main-nav li, #functional-nav li, #footer-main-nav li, #footer-functional-nav li{ float:left; }

#main-nav{ float:left; position:relative; top:338px; width:800px; height:30px; z-index:80; margin-bottom:-30px; }
* html #main-nav{ margin-bottom:-384px; }
#main-nav ul{ height:30px; width:565px; padding-left:235px !important; position:relative; z-index:82; }
#main-nav li{ margin-right:33px; margin-top:7px; white-space:nowrap; }
#main-nav li.end_nav{ margin-right:0px; }
#main-nav a{ font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; }
#main-nav a:hover{ color:#F8DCB6; }
#main-nav a.selected{ color:#EDAE55; }
#main-nav-bg{ float:left; position:relative; z-index:81; background-color:#000; }

#functional-nav{ position:relative; background:url(../images/functional_nav_bg.jpg) top left no-repeat; height:48px; z-index:90; padding-left:450px; }
#functional-nav ul{ float:left; position:relative; top:15px; }
#functional-nav li{ padding-right:7px; margin-right:7px; }
#functional-nav li.end_nav{ background:none; margin-right:0px; padding-right:0px; }
#functional-nav a{ color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; }
#functional-nav a:hover,
#functional-nav a.selected{ color:#F8DCB6; }
#functional-nav a abbr{ border:none; text-decoration:none; }

#sub-nav{}
#sub-nav ul{}
#sub-nav li{ margin-bottom:15px; }
#sub-nav a{ font-size:12px; color:#FFF; font-weight:normal; }
#sub-nav a:hover{ color:#F8DCB6; }
#sub-nav a.selected{ color:#EDAE55; }

#footer-main-nav li{ padding-right:7px; margin-right:6px; background:url(../images/footer_main_nav_pipe.jpg) right top no-repeat; }
#footer-main-nav li.end_nav{ background:none; margin-right:0px; padding-right:0px; }
#footer-main-nav a{ font:bold 8px Verdana, Arial, Helvetica, sans-serif; color:#F0AB00; }
#footer-main-nav a.selected{ color:#A75801; }

#footer-functional-nav li{ padding-right:7px; margin-right:6px; background:url(../images/functional_nav_pipe.jpg) right top no-repeat; }
#footer-functional-nav li.end_nav{ background:none; margin-right:0px; padding-right:0px; }
#footer-functional-nav a{ color:#FFF; font:bold 8px Verdana, Arial, Helvetica, sans-serif; }
#footer-functional-nav a abbr{ border:none; text-decoration:none; }

/*--Masthead
--------------------------------------------------------*/
#masthead{ height:290px; position:relative; z-index:70; background-color:#030303; }
#masthead-content{ height:290px; width:800px; margin:0px; padding:0px; overflow:hidden; }
#wrap div#masthead-content.home{ background:url(../images/mastheads/masthead_home.jpg) no-repeat top left; }
#wrap div#masthead-content.about{ background:url(../images/mastheads/masthead_about.jpg) no-repeat top left; }
#wrap div#masthead-content.artists{ background:url(../images/mastheads/masthead_artists.jpg) no-repeat top left; }
#wrap div#masthead-content.visiting{ background:url(../images/mastheads/masthead_visiting.jpg) no-repeat top left; }
#wrap div#masthead-content.contact{ background:url(../images/mastheads/masthead_contact.jpg) no-repeat top left; }
#wrap div#masthead-content.news{ background:url(../images/mastheads/masthead_news.jpg) no-repeat top left; }

/*--Content
--------------------------------------------------------*/
#content-wrap{ background:url(../images/wrap_bg.jpg) repeat-y top left; }
#content{ clear:both; padding-top:60px; background:url(../images/content_top_bg.jpg) no-repeat 0px 0px; }
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6{}

/*main*/
#main-content{ float:left; margin-left:230px; width:350px; padding:15px 50px 15px 0px; }
.wide #main-content{ width:490px; padding:15px 50px 15px 0px; }
.wide #left-content{ left:-755px; }

/*left*/
#left-content{ float:left; width:170px; padding:15px; position:relative; left:-615px; margin-right:-800px; color:#EFEFEF }
#left-content p, #left-content li, #left-content blockquote{ font-size:9px; line-height:1.3 !important; }

/*right*/
#right-content{ float:left; width:140px; padding:15px; }

/*bottom*/
#bottom-content{ clear:both; padding:15px 0px; margin:0px 30px; border-top:1px solid #85582F; }

* html #content{ position:static; }
* html #main-content{ float:right; position:relative; left:-580px; margin-right:-430px; width:370px; }
* html #left-content{ float:left; left:15px; margin-right:0px; }
* html #right-content{ float:none; position:relative; left:425px; padding-right:0px; }

/** html #main-content{ float:right; position:relative; margin-left:-530px; left:-30px; width:370px; }
* html #left-content{ float:left; left:15px; margin-right:0px; }
* html #right-content{ float:none; position:relative; left:425px; padding-right:0px; }*/

#preamble p{ line-height:1.3 !important; margin-bottom:10px; }

#amble{}
#amble h1, #amble h2, #amble h3, 
#amble h4, #amble h5, #amble h6{ margin:10px 0px 10px 0px; color:#EDAE55; }
.subpage #amble li{ margin-bottom:10px; }

/*index DIVS*/
.index div#content-wrap{ background:none !important; }
.index div#content{ background:none !important; padding-top:0px !important; }
.index div#flash-content{ height:650px; }
.index div#noflash{ width:796px; height:598px; background:url(../images/noflash_intro_bg.jpg) center center no-repeat #030303; }
.index div#noflash div{ display:none; }
.index div#noflash a{ display:block; float:left; position:relative; width:400px; height:165px; text-indent:10000000000000px !important; overflow:hidden !important; top:305px; left:198px; }
.index div#footer{ text-align:center !important; color:#85582F !important; }

/*home DIVS*/
.home div#content{}
.home div#main-content{}
.home div#preamble{}
.home div#amble{}
.home div#left-content{}
.home div#right-content{}

/*subpage DIVS*/
.subpage div#content{}
.subpage div#main-content{}
.subpage div#preamble{}
.subpage div#amble{}
.subpage div#left-content{}
.subpage div#right-content{}

/*modules*/
#left-content .module,
#right-content .module{ padding:0px 0px 10px; }
#right-content .module hr{ color:#EDAE55; background-color:#EDAE55; margin:15px 0px; }

#home_jump_area{}
#home_jump_area img{ float:left; }
#home_jump_area div{ margin-left:175px; }
#home_jump_area h4{ font-size:12px !important; padding:0px; margin:0px; }
#home_jump_area p{ padding:0px; }
#home_jump_area hr{ margin:10px 0px; }
*+html #home_jump_area hr{ margin:6px 0px; }
* html #home_jump_area hr{ margin:4px 0px; }

/*other*/
#home-news{}
#home-news div{ width:20%; float:left; min-height:75px; margin-right:2%; margin-bottom:15px; padding-right:3%; border-right:1px solid #85582F; }
* html #home-news div{ height:75px; }
#home-news div.end_news{ margin-right:0px; padding-right:0px; border-right:none;  }
#home-news span.clear_block{ display:block; }
#home-news h4{ font-size:12px !important; }
#home-news p{ padding:0px; font-size:10px; cursor:default; }
#home-news p a{ font-size:11px; }

#hours_locations_listing{ margin:20px 0px; }
#hours_locations_listing sup{ font:bold 11px Arial, Helvetica, sans-serif; }
#hours_locations_listing p.phones{ font-weight:bold; font-size:12px; }
#hours_locations_listing div{ float:left; width:50%; }
#hours_locations_listing div.location{ clear:both; }
#hours_locations_listing div.hours{ position:relative; text-align:right; }
#hours_locations_listing hr{ clear:left; margin:20px 0px; }

#directions{ min-height:300px; }
* html #directions{ height:300px; }
#directions_warp{ margin-bottom:25px; border:1px solid #EDAE55; padding:20px; background-color:#8A4548; }
#directions_location_search, #directions_location_search{ width:220px; }
#directions div{ padding-left:25px; }

#faq{}
#faq li b, #aftercare li b{ display:block; font-size:12px; }

#aftercare-tattoos{ margin:30px 0px; }
#aftercare-piercing h3, #aftercare-tattoos h3{ border-bottom:1px solid #EDAE55; }

#section-jump{ border:1px solid #EDAE55; padding:6px !important; background-color:#8A4548; }
#section-jump ul{ padding-left:3px; list-style:none; }
#section-jump li{ margin-bottom:10px; }
#section-jump a{ font:bold 9px Verdana, Arial, Helvetica, sans-serif; }

#artists-roster, .artist_list{}
#artists-roster h3{ border-bottom:1px solid #EDAE55; }
#artists-roster ul, .artist_list ul{ list-style:none; padding:0px; margin:0px; }
#artists-roster li{ margin-bottom:3px !important; }
#right-content div.artist_list{ border:1px solid #EDAE55; padding:6px !important; background-color:#8A4548; }

.artist_list ul{ margin:15px 10px; }
.artist_list li{ margin-bottom:10px; line-height:1; }
.artist_list a.selected{ color:#FFF; }

#tattoo-roster{ float:left; width:45%; }
#piercing-roster{ float:right; width:45%; }
#guest-roster{ float:right; clear:right; width:45%; }

#tattoo-roster a, #piercing-roster a, #guest-roster a{ color:#FFF !important; }
#tattoo-roster a:hover, #piercing-roster a:hover, #guest-roster a:hover{ color:#F8DCB6 !important; }

#bio_image{ margin-right:15px; margin-bottom:5px; margin-top:10px; }

#artist-contact-info{ clear:both; list-style:none; padding-left:0px; }
#artist-contact-info li{ margin-bottom:4px !important; clear:left; }
#artist-contact-info li strong{ display:block; width:18%; float:left; }

#artist-gallery{ margin:25px 0px; clear:both; padding-top:10px; }
/*.home ul.thumbnails img, #artist-gallery ul.thumbnails img{ position:relative; top:-50px; left:-50px; z-index:2; }*/

#bg-links{}
#bg-links h3{ border-bottom:1px solid #EDAE55; }
#bg-links dl{ margin:15px 0px; }
#bg-links dd{ margin-bottom:15px; }

#awards{ margin-left:20px; }
#awards h4{ color:#FFF !important; }
#awards ul li{ margin-bottom:3px !important; }

#visiting-requirements{}

#news h3, #news h4, #news h5, #news h6{ padding-bottom:0px; margin-bottom:0px; }

#events{}
#events ul{ list-style:none; }
#events li b{ display:block; }

#guest-artist-info h3{ color:#FFF; margin-bottom:0px; padding-bottom:0px; }
#guest-artist-info h3 span{ font-size:11px; }


/*contact form stuff*/
#contactForm input, #contactForm textarea, #contactForm label{ margin-bottom:2px; }
#contactForm select, #contactForm input, #contactForm textarea{ border:1px solid #333; padding:2px; font-weight:bold; }
#contactForm select#contact_state{ font-size:11px; width:45px; position:relative; top:-3px; }
#contactForm input#submit{ background-color:#ECDFCC; border:2px solid; }
#contactForm input#reset{ background-color:#D8BD96; border:2px solid; }

.required_field{ font-weight:bold; color:#F60; }
.required{}
.required_attention{ border:2px solid #F60; margin:1px; }
.select_required_attention{ padding:1px 3px; background-color:#F00; color:#FFF; font:bold 10px Verdana, Arial, Helvetica, sans-serif; }
.note{ color:#FFF; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.indented{ margin-left:23px; }
.warning{ color:#F00; font-weight:bold; }

input.highlighted_form_field{ background-color:#ECDFCC; }

#contact_comments_label{ width:300px !important; }
* html #contact_address_label{ padding-bottom:80px; }
* html #contact_company_type_label{ padding-bottom:30px; }

#recap2{ margin-bottom:20px; }
#recaptcha_table{ display:none; }
#recap2, #recaptcha_widget_div{ margin-left:0px; padding-left:0px; clear:both; }
#recaptcha_area, #recaptcha_image, .recaptcha_input_area{ margin-left:0px !important; }
.recaptcha_input_area_text{ float:none; display:inline; width:auto;  }

/*--Footer
--------------------------------------------------------*/
#footer{ clear:both; padding:0px 30px; }

#disclaimer{ padding:10px 0px; }
#disclaimer p{ text-align:center; color:#85582F; font:bold 11px Arial, Helvetica, sans-serif; }
#disclaimer p b{ text-transform:uppercase; color:#EDAE55; }
#disclaimer p u{ color:#EDAE55; }

#affiliates{ float:left; height:80px; margin-top:15px; }
#affiliates ul{ margin:0px; padding:0px; list-style:none !important; }
#affiliates li{ float:left; margin-right:30px; }
#affiliates li a{ display:block; height:80px; text-indent:-100000px; overflow:hidden; }
#affiliates li#NTA a{ background:url(../images/affiliate_NTA.gif) top left no-repeat; width:137px; }
#affiliates li#ATP a{ background:url(../images/affiliate_APT.gif) top left no-repeat; width:70px; }
#affiliates li#APP a{ background:url(../images/affiliate_APP.gif) 0px 17px no-repeat; width:105px; }
	
/*--Gutter
--------------------------------------------------------*/
#gutter{ float:right; width:290px; position:relative; padding:40px 30px 0px; margin-bottom:15px; height:100px; color:#CCC; }
*+html #gutter{ height:100px; margin-bottom:-115px; }
* html #gutter{ height:100px; width:290px; padding-left:0px; }

#copyright, #validation{ float:left; color:#85582F; font:8px Verdana, Arial, Helvetica, sans-serif; height:30px; }
#validation{ margin-left:8px; }
*+html #validation{ clear:left; margin-left:0px; width:100px; position:relative; top:-12px; }
* html #validation{ clear:left; margin-left:0px; width:100px; position:relative; top:-12px; }

#designed-by{ float:right; }
#designed-by a{ display:block; height:18px; width:39px; background:url(../images/ida_logo.gif) no-repeat top left; text-indent:-10000px; overflow:hidden; }

*+html #designed-by{ clear:left; }
* html #designed-by{ clear:left; }