/* Luminous Skin Studios Style Sheet */

/* The entire screen you see - color the background on either side of the page, center page */
body
	{
		background-color: #ffffff;
		background: url(images/bg-body.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		color: #5f5f5f;
		font-size: 100.01%;
		font-weight: normal;
		font-family: arial, sans-serif;
		letter-spacing: normal;
		line-height: 1.2;
		margin: 0;
		padding: 5px 0 0 0;
	}

/* Page top */
#pagetop
	{
		width: 705px;
		margin: 0;
		padding: 0;
		margin-left: 150px;
		margin-right: auto;
		background-color: #ffffff;
		position: relative;
	}

/* Style the logo */
#logo
	{
		float: left;
	}
	
/* Navigation at top right of each page */
#navcontainer
	{
		float: right;
		width: 538px;
		margin-top: 50px;
		margin-left:0;
		padding:0 0 10px 0;
		text-align: right;
		font-size: .82em;
		font-family: arial, sans-serif;
		line-height: normal;
		border-bottom: 3px solid #D5D8C8;
	}

ul#navlist
	{
		vertical-align: top;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		white-space: nowrap;
	}

#navlist li
	{
		display: inline;
		list-style-type: none;
		padding-left: 12px;
	}

#navlist a:link, #navlist a:visited
	{
		color: #7e8554;
		text-decoration: none;
		border-bottom: none;
	}

#navlist a:hover, #navlist #active
	{
		border-bottom: 5px solid #D5D8C8;
	}


/* Contain the page content */
#content
	{
		background-color: #ffffff;
		clear: both;
		width: 705px;
		margin-left: 150px;
		padding: 5px 0 0 0;
	}		
		
/* content to right of left column, primary content */
#content_right
	{
		float: right;
		width: 535px;
		margin: 0 0 0 5px;
		padding: 0;
		text-align: left;
	}		

#content_right ol
	{
		font-size: .8em;
	}	
	
#content_right img
	{
		margin: 0;
		padding: 0;
		border: none;
		text-align: right;
	}

#content_text p
	{
		font-size: .8em;
	}

/* The left column of text - home page */
#left_column
	{
		float: left;
		width: 163px;
		margin: 0;
		padding: 0;
		text-align: center;
		background: url(images/bg-topgreen.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
	
#left_column p
	{
		margin: 3px 0 3px 0;
	}

/* left side sub-header (first) */
#left_subhead
	{
		color: #95a444;
		font-size: 1em;
		font-weight: bold;
		padding: 5px 0 5px 0;
		margin: 0;
	}

/* left side sub-header (subsequent - with more padding on top) */
#left_subhead2
	{
		color: #95a444;
		font-size: 1em;
		font-weight: bold;
		padding: 15px 0 5px 0;
		margin: 0;
	}
	
/* left side text in italics*/
.left_text
	{
		font-size: .7em;
		padding: 10px 10px 0 10px;
		margin: 0;
		font-family: 'Arial', sans-serif;
		font-style: italic;
		line-height: 1.7;
	}
	
/* left side text regular */
#left_text_reg
	{
		font-size: .75em;
		padding: 5px 0 5px 0;
		margin: 0;
		font-family: 'Arial', sans-serif;
	}
	
/* left side contact information */
#contact
	{
		font-size: .6em;
		padding: 5px 0 0 0;
		margin: 225px 5px 0 5px;
		font-family: 'Arial', sans-serif;
		border-top: 2px solid #b4d2eb;
	}
	
/* learn more and read more links */

.read_more p
	{
		padding: 0;
		margin: 0;
	}
	
.read_more A:link, .read_more A:active
	{
		color: #3d7693;
		font-size: .8em;
		padding: 0;
		margin: 0;
		text-decoration: none;
	}
	
.read_more A:visited
	{
		color: #3d7693;
		text-decoration: none;
		font-size: .8em;
	}
	
.read_more A:hover
	{
		color: #3d7693;
		text-decoration: underline;
		font-size: .8em;
	}
	
/* learn more and read more links  - inside content area*/
.read_morec A:link, .read_morec A:active
	{
		color: #3d7693;
		font-size: 1em;
		padding: 0;
		margin: 0;
		text-decoration: none;
	}
	
.read_morec A:visited
	{
		color: #3d7693;
		text-decoration: none;
		font-size: 1em;
	}
	
.read_morec A:hover
	{
		color: #3d7693;
		text-decoration: underline;
		font-size: 1em;
	}


/* container for 3 feature boxes on home page */
#feature
	{
		margin: 0;
		padding: 0;
		width: 535px;
	}	

/* style feature box 1 */
#feature_box1
	{
		width: 163px;
		border-bottom: 5px solid #ccd3a1;
		margin: 5px 17px 0px 0px;
		padding: 0;
		float: left;
		height: 185px;
		text-align: left;
	}	
	
/* feature box 1 heading */
#feature_heading1
	{
		background-color: #ccd3a1;
		margin: 0;
		padding: 0 0 0 20px;
		padding-top: 8px;
		text-align: left;
	}	

/* style feature box 2 */
#feature_box2
	{
		width: 163px;
		border-bottom: 5px solid #b4d2eb;
		margin: 5px 17px 0px 5px;
		padding: 0;
		float: left;
		height: 185px;
		text-align: left;
	}	
	
/* feature box 2 heading */
#feature_heading2
	{
		background-color: #b4d2eb;
		padding: 0 0 0 20px;
		padding-top: 8px;
		text-align: left;
	}	

/* style feature box 2 */
#feature_box3
	{
		width: 163px;
		border-bottom: 5px solid #e5caac;
		margin: 5px 0px 0px 5px;
		padding: 0;
		float: left;
		height: 185px;
		text-align: left;
	}	
	
/* feature box 3 heading */
#feature_heading3
	{
		background-color: #e5caac;
		padding: 0 0 0 10px;
		padding-top: 8px;
		text-align: left;
	}	
	
/* style text in 3 feature boxes */
#feature_text
	{
		font-size: .75em;
		padding: 8px 10px 0 0;
		margin: 0;
	}	
	
/* Style the secondary page left-side navigation text */
#left_nav
	{
		color: #267ec6;
		font-size: .8em;
		padding: 10px 0 0 0;
		margin: 10px 0 40px 0;
		list-style-type: none;
	}

/* Space out the navigation items vertically */
#left_nav li
	{
		margin: 0;
		padding: 5px 0 0 0;
	}

/* Change color of navigation items here, if you want */
#left_nav a:link
	{
		color: #267ec6;
		text-decoration: none;
	}

/* Change color of navigation items after they are visited here, if you want */
#left_nav a:visited
	{
		color: #267ec6;
		text-decoration: none;
	}

/* Change navigation items when they are hovered over with mouse */
#left_nav a:hover
	{
		color: #267ec6;
		text-decoration: underline;
	}


#event_list ul
	{
		list-style-type: none;
		margin: 0;
		padding: 15px 5px 15px 0;
		font-size: .8em;
	}	

#event_list li
	{
		margin: 0 0 10px 0;
		background:transparent url(images/squarebulletsm.gif) no-repeat;
    	background-position: 0px 5px;
	}	
	
#event_text
	{
		padding-left: 12px;
	}	
	
/* Style the site map links list */
#sitemap
	{
		color: #3d7693;
		font-size: .8em;
		padding: 10px 0 0 0;
		margin: 10px 0 40px 0;
		list-style-type: none;
	}

/* Space out the navigation items vertically */
#sitemap li
	{
		margin: 5px 0 0 0;
		padding: 0;
	}
	
/* Indent site map items by 20 px */
#sitemap .indent
	{
		margin-left: 20px;
	}
	
/* Indent site map items by 40 px */
#sitemap .indent2
	{
		margin-left: 40px;
	}

/* Change color of navigation items here, if you want */
#sitemap a:link
	{
		color: #3d7693;
		text-decoration: underline;
	}

/* Change color of navigation items after they are visited here, if you want */
#sitemap a:visited
	{
		color: #3d7693;
		text-decoration: underline;
	}

/* Change navigation items when they are hovered over with mouse */
#sitemap a:hover
	{
		color: #3d7693;
		text-decoration: underline;
	}
	
/* Style page heading - top of each secondary page (green) */
h1
	{
		color: #94a444;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: left;
		border-bottom: 1px solid #bed8e4;
		width: 250px;
	}

/* Color page heading blue */
.headblue
	{
		color: #267ec6;
	}

/* Color page heading sand */
.headsand
	{
		color: #d0a07e;
	}

/* Style feature box headings on home page */
h2
	{
		color: #5f5f5f;
		font-size: 1em;
		margin: 0;
		padding: 10px 0 10px 10px;
	}
	
/* To use as a secondary heading - same style as h1 */
h3
	{
		color: #94a444;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0;
		padding: 10px 0 10px 0;
		text-align: left;
		border-bottom: 1px solid #bed8e4;
		width: 250px;
	}
	
/* Style subheaders on secondary pages - green */
.subheadgreen
	{
		color: #7e8554;
		font-size: .9em;
		font-weight: bold;
		margin: 0;
		padding: 5px 0 0 0;
	}
	
/* Style subheaders on secondary pages - sand */
.subheadsand
	{
		color: #d0a07e;
		font-size: .9em;
		font-weight: bold;
		margin: 0;
		padding: 5px 0 0 0;
	}

/* Style subheaders on secondary pages - blue */
.subheadblue
	{
		color: #267ec6;
		font-size: .9em;
		font-weight: bold;
		margin: 0;
		padding: 5px 0 0 0;
	}

/* Style subheaders on secondary pages - brown */
.subheadbrown
	{
		color: #b07c4a;
		font-size: .9em;
		font-weight: bold;
		margin: 0;
		padding: 5px 0 0 0;
	}
	
/* Default style for links on site */
a:link 
	{ 
		text-decoration: none;
		color: #3e7693;
	}

/* Default style for visited links on site */
a:visited 
	{ 
		text-decoration: none;
		color: #3e7693;
	}

/* Default style for links hovered over on site */
a:hover, a:active 
	{ 
		text-decoration: underline; 
		color: #3e7693;
	}

/* Style for links in page content area */
#content a:hover, a:active 
	{ 
		text-decoration: underline;
		color: #3d7693;
	}
	
/* Photography & site credits */
.credits 
	{
		font-size: 10px;
		float: right;
	}

/* testimonials, with border */
.testimonials
	{
		color: #923d91;
		font-size: .75em;
		padding: 10px 5px 10px 5px;
		margin: 0;
		font-family: 'Georgia', serif;
		font-style: italic;
		border: 1px solid #e2bae2;
	}
	
/* call-outs - border on 4 sides */
.callout
	{
		margin: 0 0 0 0px;
		padding: 10px 5px 10px 0;
		text-align: left;
		border-top: 1px solid #bed8e4;
		border-right: 1px solid #bed8e4;
		border-bottom: 1px solid #bed8e4;
	}
	
/* Table for Hair Removal Pricing */
table.pricing
	{
		margin: 10px 0 0 0;
		padding: 0;
		border: none;
		font-size: .8em;
		text-align: right;
	}
	
/* Table for Before & After Pictures */
table.pictures
	{
		margin: 10px 0 0 0;
		padding: 0;
		border: none;
		font-size: .8em;
		text-align: center;
	}
	
/* Style table headings */
td.hdg
	{
		color: #333333;
		margin: 0;
		padding: 0;
		text-decoration: none;
		font-weight: bold;
	}
	
/* Use this when you need bold text */
.b_txt 
	{
		font-weight: bold;
	}

/* Style the page footer */
#footer 
	{
		clear: both;
		margin: 20px 0 0 170px;
		padding: 10px 0 0 0;
		width: 530px;
		border-top: 1px solid #b4d2eb;
	}
	
.copy_txt 
	{
		color: #484848;
		font-size: .7em;
		float: left;
	}
	

/* Footer navigation */
#footer_nav
	{
		margin: 0;
		padding: 0;
		float: right;
		font-size: .7em;
		line-height: normal;
	}
	
/* Footer links */
ul#footer_links
	{
		vertical-align: top;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		white-space: nowrap;
	}
	
#footer_links li
	{
		display: inline;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
	}

#footer_links a:link, #footer_links a:visited
	{
		color: #267ec6;
		text-decoration: none;
	}

#footer_links a:hover, #footer_links #active
	{
		color: #267ec6;
		text-decoration: underline;
	}
	
.sm_txt 
	{
		font-size: .9em;
	}


/* Spacer */
div.spacer 
	{
		clear: both;
	}

/* Align images as needed with text to flow around */
.align-right 
	{ 
	float: right; 
	margin: 0 0 10px 10px;
	padding: 0;
	}

.align-left 
	{ 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 0;
	}