/* CSS Document */

/* Authored by:
------------------------------------------
The Graphic Element
May 2008
http://www.thegraphicelement.com

License: Copyright (c) 2008, The Graphic Element, All rights reserved.
------------------------------------------ */

/* Imported Styles
------------------------------------------ */
@import url(reset.css);

/* Go on just say it...
------------------------------------------ 
@import url(http://www.domain.com/css/reset.css);*/


/* Global
------------------------- */
  body { color: #333; }
  a:link, a:visited { color: #6c84a5; text-decoration: none; }
  body, input, table, td, th, textarea { font-family: "Lucida Grande", Arial, Verdana, Helvetica, Geneva, sans-serif; }
  p { margin: .3em 0 .8em; line-height: 1.4em; }
        
  h1, h2, h3, h4 { font-family: Georgia, Times, "Times New Roman", serif;  }
	h1 { margin-bottom: 1em; color: #1A4683; font-size: 2.3em; }
	h2 { color: #446BA0; font-size: 1.7em; }
	h3 { margin-top: .8em; font-weight: bold; font-size: 1.3em; font-family: "Lucida Grande", Arial, Helvetica, Verdana, Geneva, sans-serif; }

	#wrapper { margin: 0 .5in; }


/* Header
------------------------- */
	#header { width: 100%; text-align: center; }
	#logo { position: static; }


/* Nav
------------------------- */
	


/* Content
------------------------- */
	#content { margin: .5in 0; }
	
	#content p, #content ul li { font-size: 1.3em; }
	#content a { text-decoration: underline; }
	#content img { margin-bottom: .8em; }
	#content h2 { margin-top: 1.2em; }
	#content h2 a { color: #446BA0; text-decoration: none; }
	
	#content ul { margin: .7em 0 .8em 25px; list-style: disc; }
	#content ul li { padding-bottom: .3em; }
	#content ul.nobullet { margin-left: 0; list-style: none; }
	
	/* ABOUT */
	body#about #sidebar li { margin-left: 0; }
	
	/* SERVICES */
	body.makeup #photo-btns { margin: 4em 0 0; list-style: none; }
	body.makeup #photo-btns li { float: left; width: 125px; }
	body.makeup #photo-btns li a { padding-top: 60px; display: block; color: #333; text-align: center; text-decoration: none; background-repeat: no-repeat; background-position: 56% 0; }
	body.makeup #photo-btns li#eyeliner a { background-image: url(..//assets/pm-btn-eyeliner.jpg); }
	body.makeup #photo-btns li#eyebrows a { background-image: url(..//assets/pm-btn-eyebrows.jpg); }
	body.makeup #photo-btns li#lips a { background-image: url(..//assets/pm-btn-lips.jpg); }
	body.makeup #photo-btns li#scartissue a { background-image: url(..//assets/pm-btn-scartissue.jpg); }
	body.makeup #content img { margin-top: 20px; }
	
	body.skincare #content blockquote { clear: right; margin: 20px 0 0; }
	body.skincare #content blockquote img { float: right; margin-left: 10px; }
	body.skincare #content blockquote p { margin: 0; padding: 10px 0 0 10px; font-size: 1.1em; line-height: 1.9em; background: url(..//img/quote.gif) no-repeat 0 0; }
	
	/* BOUTIQUE */
	body#boutique #content ul ul { margin: .3em 0 0 25px; list-style: circle; }
	body#boutique #content li li { font-size: 100%; }
	
	/* REFERRALS */
	body#referrals #content ul.section { float: left; margin: 0 10px 3em 0; width: 250px; list-style: none; }
	body#referrals #content ul.section li { font-size: 1.2em; padding-bottom: .8em; }
	body#referrals #content h2 { margin-bottom: .8em; }
	body#referrals #content h2.clear { clear: left; padding-top: .4em; border-top: 1px solid #ccc; }


/* Footer
------------------------- */
	#footer { clear: both; width: 100%; text-align: center; }
	#footer li { display: none; }
	#footer li#credit { display: block; color: #516c20; line-height: 1.7em; border: none; }
	#footer li#credit a { color: #516c20; text-decoration: none; }



/* H I D D E N
------------------------- */
	#contact-info, #nav, #sidebar { display: none; }
	


/* General Styles
------------------------- */
	img.right { float: right; margin: 0 0 0 10px; }
	p.clear { clear: both; }