/*css 3 import*/
@import "/css/enrichment.css";
	
		/* v1.0 | 20080212 - http://meyerweb.com/eric/tools/ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	div{ position:relative; }
	
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

	.clearfix {display: inline-block;}  /* for IE/Mac */
	
	/* --------------------------------------------------------------
	
	   forms.css
	   * Sets up some default styling for forms
	   * Gives you classes to enhance your forms
	
	   Usage:
	   * For text fields, use class .title or .text
	   * For inline forms, use .inline (even when using columns)
	
	-------------------------------------------------------------- */
	
	label       { font-weight: bold; }
	fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #eee; }
	legend      { font-weight: bold; font-size:1.2em; }
	
	
	/* Form fields
	-------------------------------------------------------------- */
	
	input[type=text], input[type=password],
	input.text, input.title,
	textarea, select {
	  background-color:#fff;
	  border:1px solid #bbb;
	}
	input[type=text]:focus, input[type=password]:focus,
	input.text:focus, input.title:focus,
	textarea:focus, select:focus {
	  border-color:#666;
	}
	
	input[type=text], input[type=password],
	input.text, input.title,
	textarea, select {
	  margin:0.5em 0;
	}
	
	input.text,
	input.title   { width: 300px; padding:5px; }
	input.title   { font-size:1.5em; }
	textarea      { width: 390px; height: 250px; padding:5px; }
	
	input[type=checkbox], input[type=radio],
	input.checkbox, input.radio {
	  position:relative; top:.25em;
	}
	
	form.inline { line-height:3; }
	form.inline p { margin-bottom:0; }
	
	
	/* Success, notice and error boxes
	-------------------------------------------------------------- */
	
	.error,
	.notice,
	.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
	.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a    { color: #8a1f11; }
	.notice a   { color: #514721; }
	.success a  { color: #264409; }




	
	
	
	/* -------------------------------------------------------------- 
	
	   typography.css
	   * Sets up some sensible default typography.
	   
	-------------------------------------------------------------- */
	
	/* Default font settings. 
	   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
	html { font-size:100.01%; }
	body { 
	  font-size: 75%;
	  color:#554444; 
	  background: #ddcccc url(/images/background.png) 0 110px repeat;
	  font-family: "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
	}
	
	body#about    {  background: #ddcccc url(/images/background.png) 300px 210px repeat; }
	body#info  {  background: #ddcccc url(/images/background.png) 350px 210px repeat; }
	body#faq   {  background: #ddcccc url(/images/background.png) 200px 210px repeat; }
	body#prices   {  background: #ddcccc url(/images/background.png) 10px 10px repeat; }
	body#contact   {  background: #ddcccc url(/images/background.png) 500px 510px repeat; }
	
	
	/* Headings
	-------------------------------------------------------------- */
	
	h1,h2,h3,h4,h5,h6 { font-weight: normal; /*color: #2F2929;*/ text-transform:capitalize; color:#554444; }
	
	h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	h2 { font-size: 2em; margin-bottom: 0.75em;  }
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight:bold; }
	h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
	h6 { font-size: 1em; font-weight: bold; }
	
	h1 img, h2 img, h3 img, 
	h4 img, h5 img, h6 img {
	  margin: 0;
	}
	
	
	/* Text elements
	-------------------------------------------------------------- */
	
	p           { margin: 0 0 1.5em; line-height:1.5; }
	p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
	p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
	
	a:focus, 
	a:hover     { color: #000; }
	a           { color: #554444; text-decoration: underline; }
	
	blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em,dfn      { font-style: italic; }
	dfn         { font-weight: bold; }
	sup, sub    { line-height: 0; }
	
	abbr, 
	acronym     { border-bottom: 1px dotted #666; }
	address     { margin: 0 0 1.5em; font-style: italic; }
	del         { color:#666; }
	
	pre 				{ margin: 1.5em 0; white-space: pre; }
	pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	
	
	/* Lists
	-------------------------------------------------------------- */
	
	li ul,
	li ol       { margin: 0; }
	ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; line-height:1.5; }
	
	ul          { list-style-type: disc; }
	ol          { list-style-type: decimal; }
	
	dl          { margin: 0 0 1.5em 0; }
	dl dt       { font-weight: bold; }
	dd          { margin-left: 1.5em;}
	
	
	/* Tables
	-------------------------------------------------------------- */
	
	table       { margin-bottom: 1.4em; width:100%; }
	th          { font-weight: bold; }
	thead th 		{ background: #c3d9ff; }
	th,td,caption { padding: 4px 10px 4px 5px; }
	tr.even td  { background: #e5ecf9; }
	tfoot       { font-style: italic; }
	caption     { background: #eee; }
	
	
	/* Misc classes
	-------------------------------------------------------------- */
	
	.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
	.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
	.hide       { display: none; }
	
	.quiet      { color: #666; }
	.loud       { color: #000; }
	.highlight  { background:#ff0; }
	.added      { background:#060; color: #fff; }
	.removed    { background:#900; color: #fff; }
	
	.first      { margin-left:0; padding-left:0; }
	.last       { margin-right:0; padding-right:0; }
	.top        { margin-top:0; padding-top:0; }
	.bottom     { margin-bottom:0; padding-bottom:0; }
	.center		{ text-align:center; }
	
	
	
		/*
	image centering
	*/
	img.centered{ display:block;margin-left:auto;margin-right:auto; }
	img.alignright{ padding:4px;margin:0 0 2px 7px;display:inline; }
	img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
	.alignright{float:right;}
	.alignleft{float:left}
	/* End Images */
	
	
	
	/*
	layout
	-----------------------------------------------------------------*/
	/*highligh divs*/
/*	div{ border:1px solid red; }*/
	
	
	.container{ margin:10px auto 20px auto; width:950px; background:#ddccaa; }
	
	.header{ margin:0 auto; width:950px; height:310px; background:#DDCCCC url(../images/header-home.jpg) 0 0 no-repeat; clear:both; }
	.header h1, .header h2{ text-align:right; padding:0; margin:0; font-size:80%; color:#999; letter-spacing:7px; font-style:italic; 
		  font-family:Georgia, "Times New Roman", Times, serif;
	 
	 }
	
	body#about .header{  background:#DDCCCC url(../images/header-about.jpg) 0 0 no-repeat; }
	body#info .header{  background:#DDCCCC url(../images/header-info.jpg) 0 0 no-repeat; }
	body#faq .header{  background:#DDCCCC url(../images/header-faq.jpg) 0 0 no-repeat; }
	body#prices .header{  background:#DDCCCC url(../images/header-prices.jpg) 0 0 no-repeat; }
	body#contact .header{  background:#DDCCCC url(../images/header-contact.jpg) 0 0 no-repeat; }
	
	
	
	.nav{  width:578px; clear:both; }
	.header .nav{  position:absolute; top:70px; right:0; }
	.nav ul li{ display:inline; list-style:none; padding-right:10px;    }
	
	.nav a:link, .nav a:visited{ color:#554444; font-size:110%; padding:5px;  font-weight:bold; 
	}
	.nav a:hover{ background:#6C5D5B; color:#eee; font-size:110%; padding:5px;
	}
	.nav a:active {color:#FFDD99; background:#000; font-size:110%; padding:5px; background:#444; 
	 }
	
	
	.sidebar{ margin:0 auto; width:290px;  min-height:647px; float:left; clear:left; 
	background:url(../images/sidebar-home.jpg) top right no-repeat; /*height:647px;*/ }
	
	body#about .sidebar{  background:url(../images/sidebar-contact.jpg) top left no-repeat;
	/*background:url(../images/sidebar-about.jpg) top right no-repeat;*/ }
	
	body#info .sidebar,
	body#tattoo-removal  .sidebar{ background-image:none;  /*background:url(../images/sidebar-info.jpg) top right no-repeat;*/  }
	
	body#faq .sidebar{  background:url(../images/sidebar-faq.jpg) top right no-repeat; }
	body#prices .sidebar{  background:url(../images/sidebar-prices.jpg) top right no-repeat; }
	body#contact .sidebar{  background:url(../images/sidebar-contact.jpg) top left no-repeat;  }
	
	
/*	body#contact .main{ width:640px; }*/
	
	
	
	.main{ margin:0 auto; width:640px; /*width:614px;*/ float:right; clear:right; padding-top:15px; }
	body#home .main{ background:url(../images/young-art-heart-lady.jpg) 305px 0px no-repeat; height:667px; }
	
	
	
	
	.footer{ margin:0 auto; width:950px; clear:both; background:#DDCCAA;   }
	
	.footer-a,.footer-b{  width:310px; height:310px; float:left; /*margin-bottom:10px;*/ }
	.footer-c{ float:right; clear:right;  width:310px;  }
	
	.footer-a{ background:#ffdd99 url(../images/services-footer.png) 0 0 no-repeat;  /*yellow*/ margin-top:8px; margin-right:5px;  }
	
	.footer-a ul{ font-size:200%; color:#564444; margin:0; padding:0; margin-left:25px; }
	.footer-a ul li{ margin:0; padding:0; }
	
	
	.footer-b{ background:#554444 url(../images/book-footer.png) 0 0 no-repeat;  /*brown*/ color:#FFF; text-align:center; margin-top:8px;    }
	.call{ font-size:350%;  margin-bottom:0px;  }
	.email{ font-size:160%;  }
	.about-footer-link{ text-align:center; font-weight:bold; }
	
	.call-to-action{ margin:20px; }
	
	.call-to-action a:link, .call-to-action a:visited{ padding:9px; color:#fff; background:#554444;  

	 }
	 
	 .call-to-action a:hover{ color:#FFDD99; background:#554444; }
	 .call-to-action a:active{ color:#FFDD99; background:#000;   }
	
	
	.footer-b a:link, .footer-b a:visited{ color:#fff; }
	.footer-b a:hover, .footer-b a:active{ color:#FFDD99; }
	
	.footer-c{  background:#ddcccc url(../images/about-footer.png) 0 0 no-repeat;  /*purple*/ color:#554444; width:318px; height:318px;   }
	
	.footer-c a:link, .footer-c a:visited{ color:#554444; }
	.footer-c a:hover, .footer-c a:active{ color:#000; }
	
	
	.footer-a h3{ padding-top:110px; color:#564444; font-size:80%; text-align:right; padding-right:30px; }
	.footer-b h3{ padding-top:170px; color:#fff; font-size:80%; text-align:right; padding-right:30px; }
	.footer-c h3{ padding-top:110px; color:#564444; font-size:80%; text-align:right; padding-right:30px; }
	
	.footer-c p{ width:242px; margin:0 auto; line-height:1.5; }


/*
current pages nav
*/
	body#home .home-nav a:link,	
	body#about .about-nav a:link,
	body#info .info-nav a:link,
	body#faq .faq-nav a:link,
	body#prices .prices-nav a:link,
	
	body#tattoo-removal .tattoo-removal-nav a:link,
	
	body#contact .contact-nav a:link,
	
	body#home .home-nav a:visited,	
	body#about .about-nav a:visited,
	body#info .info-nav a:visited,
	body#faq .faq-nav a:visited,
	body#prices .prices-nav a:visited,
	body#tattoo-removal .tattoo-removal-nav a:visited,
	body#contact .contact-nav a:visited
	{ font-weight:bold; background:#6C5D5B; color:#fff; text-decoration:none; }


/*
links n shit
*/
	a:focus{ outline:1px dotted #554444; }
	
	
	.main .contact-form{ position:absolute; top:0; right:0; }
	.contact-form{ width:480px; }
	
	.sidebar-thumbs{ border:1px solid #eee; margin-bottom:30px;}


/*
js drawers
*/
.container-drawer {
		width:500px;
		border: 2px solid #E6DDD5;
		}
		
.container-drawer h2 {
		padding: 5px 20px;
		font-size: 1.4em;
		}
		
.main p, .main li {
		font-size: 1.2em;
		}
		
.expandable {
		border-top: 1px dotted #554444;
		background-color: #E6DDD5;
		padding: 20px;
		}
		
		p#webdesign{ width:960px; text-align:right; margin:0 auto; padding-bottom:20px; }
		
		p#webdesign a:link, p#webdesign a:visited{ text-decoration:none; }
		p#webdesign a:hover, p#webdesign a:active{ text-decoration:underline; }
		
		.about-sidebar-text{ padding-top:680px; margin:0 auto; width:250px; }
		
/*		
- CSS Tools: Diagnostic CSS
http://meyerweb.com/eric/tools/css/diagnostics/index.html
*/
/*		div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}*/



.info-boxes { width:250px; /*border:1px solid red;*/ float:left; padding-left:30px; padding-right:30px; }