/* 

Theme Name: Avalon Salon and Day Spa 

Theme URI: http:// 

Description: Avalon WordPress theme. Avalon Salon and Day Spa is a full service hair salon and day spa that caters to people of all ages and cultures.

Author: CPS Creative, Louis Leonardo Soriano

Author URI: http://www.cpscreative.com 

Version: 1.0 

*/



                                                                     /* Global Settings ------------- */

																	 

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, div, input, textarea {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-style:inherit;

	font-size:100%;

	font-family:inherit;

	vertical-align:baseline;

    }



	

body {

 	position: relative;

	font-size:62.5%;

	background: #FAE6AB url('images/bg.gif') repeat-y center center;

	font-family:Arial, Helvetica, sans-serif;

    }

	

html,body { height: 100%; width:100%; }



body {

	text-align:center;

	min-height:540px;/* for good browsers*/\

	min-width:950px;/* for good browsers*/

	}

	

#outer{

	height:100%;

	width:100%;

	display:table;

	vertical-align:middle;

	}

	

#container-2 {

	text-align: center;

	position:relative;

	vertical-align:middle;

	display:table-cell;

	height:540px;

	}

	

#inner {

	min-width:950px;

	height:540px;

	text-align: center;

	margin-left:auto;

	margin-right:auto;

	}



ol,ul { list-style:none; }

	

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse:separate; border-spacing:0; }

caption, th, td { text-align:left; font-weight:normal; }

blockquote:before, blockquote:after,

q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

img { border: 0; }

#print { display: none; }

* { margin:0; padding:0; }

a { text-decoration: underline; color: #8a3038; }

a:hover { text-decoration: none; }

.hide { visibility: hidden; display: none; }



                                                                     /* Forms ------------- */



form { margin:0; padding:0; }

select, input, textarea { font:12px Arial, Helvetica, sans-serif; color: #333; }



textarea { line-height:16px; }

label { cursor: pointer; }



form p { clear:both; }

form input.txtfield1 { padding:4px; width:198px; color:#666666; border:1px solid #beb6b6; }

form select.selectarea1 { padding:2px; width:208px; color:#666666; border:1px solid #beb6b6; }

form textarea.txtarea1 { padding:3px; width:200px; color:#666; height:100px; border:1px solid #beb6b6; }


.comments-template form textarea { border:1px solid #beb6b6; padding:3px; }

.comments-template form input#author { border:1px solid #beb6b6; padding:3px; width:150px; }
.comments-template form input#email { border:1px solid #beb6b6; padding:3px; width:150px; }
.comments-template form input#url { border:1px solid #beb6b6; padding:3px; width:150px; }

.comments-template form input#submit { 
	border:1px outset #115d9e;
	padding:3px;
	color:#fff;
	font-weight:bold;
	background-color:#173f26;
	cursor:pointer;
	}
	
.comments-template ol.commentlist li { text-align:left; }
	
.comments-template ol.commentlist li p { font-size:1.1em !important; }



.comments-template ol.commentlist li img { float:left; margin-right:10px; }
.comments-template ol.commentlist li cite.fn, .comments-template ol.commentlist li span.says { font-size:1.2em; font-weight:bold; }
.comments-template ol.commentlist li em { font-size:1.1em; color:#FF0000; }
.comments-template ol.commentlist li div.comment-meta { font-size:1.1em; }
.comments-template ol.commentlist li div.comment-meta a { color:#999999; text-decoration:none; }
.comments-template ol.commentlist li div.comment-meta a:hover { color:#999999; text-decoration:none; }






form input.txtbtn1 { 

    padding:3px;

	color:#26820b;

	font-weight:bold;

	background-color:#aed778;

	border:1px outset #26820b;

	width:100px;

	cursor:pointer;

	}



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



.clearboth { clear: both; }

.float-left    { float: left; }

.float-right   { float: right; }

.text-left     {text-align: left; }

.text-right    {text-align: right !important; }

.text-center   { text-align: center !important; }

.text-justify  { text-align: justify; }

.text-indent   { text-indent: 12px; }

.img-left      { float:left; margin:4px 10px 4px 0; }

.img-right     { float:right; margin:4px 0 4px 10px; }



div.hr { background: url('images/line_divide1.gif') repeat-x scroll center; clear:both; height:20px; }

div.hr hr { display: none; }

/* <div class="hr"><hr /></div> */

/* <br class="clearboth" /> */





                                                                     /* Body ------------- */



#WRAPPER { xpadding-top:130px; width:950px; margin:0 auto; }

	

                                                                     /* Heading ------------- */

																	 

h1 {

    text-indent:-5000px;

	width:90px;

	height:91px;

	float:left;

	display:inline;

	background:url('images/logo_bg.gif') no-repeat left top;

	margin-right:10px;

	}



h1 a { display:block; width:90px; height:91px; }

h2 { color:#323232; font-size:5em; line-height:1em; text-align:left; }

h3 { color:#fff; font-size:1.7em; margin-bottom:5px; text-align:left; }

h4 { color:#edd001; font-size:1.7em; margin-bottom:5px; text-align:left; }

h5 { color:#edd001; font-size:1.4em; margin-bottom:5px; text-align:left; clear:both; }

h6 { color:#000000; font-size:1.6em; margin-bottom:5px; text-align:left; }

h6 a { color:#000000; text-decoration:none; }
h6 a:hover { color:#8a3038; text-decoration:underline; }





	

                                                                     /* Container ------------- */



#container { 

    width:950px;

	min-height:500px;

    height:auto !important;

    height:500px;

	background-color:#fff;

	xpadding-top:120px;

	display:block;

	position:relative;

	margin:0 auto;

	padding:0;

	clear:both;

	}

	

                                                                     /* Content Left ------------- */



#content-left { 

    width:332px;

	display:block;

	float:left;
	position:relative;

	}

	

	.main-img { width:332px; margin-bottom:12px; }

	

	.logo-address { width:262px; float:left; }

	.logo-address p { font-size:1.1em; color:#173f26; text-align:left; }

	

	.main-menu { width:70px; xfloat:right; float:left; position:absolute; left:280px }

	.main-menu ul { text-align:left; }

	.main-menu ul li { color:#173f26; font-weight:bold; font-size:1.1em; }

	.main-menu ul li a { color:#173f26; font-weight:bold; text-decoration:none; xmargin-left:20px; }

	.main-menu ul li a:hover, .main-menu ul li a.selected, .xmain-menu ul li.current_page_item a { color:#173f26; font-weight:bold; text-decoration:none; margin-left:10px;  }

	.xmain-menu ul li.current_page_parent a { color:#173f26; font-weight:bold; text-decoration:none; margin-left:60px;  }
	
	.xmain-menu ul li.page-item-167 {
		background:url('images/tumblr_logo.gif') no-repeat left center;
		padding-left:17px;
		line-height:13px;
		margin-top:3px;
		margin-bottom:10px;
		}
		
	.xmain-menu ul li.page-item-167 a:hover{
		margin-left:3px !important;
		}

	

	

	ul.submenu { }

	ul.submenu li { color:#173f26; font-weight:bold; font-size:1.1em; }

	ul.submenu li a { color:#173f26; font-weight:bold; text-decoration:none; margin-left:50px; }

	ul.submenu li a:hover, ul.submenu li a.selected { color:#173f26; font-weight:bold; text-decoration:none; margin-left:60px;  }

	

	ul.submenu2 { }

	ul.submenu2 li { color:#173f26; font-weight:bold; font-size:1.1em; text-align:left; }

	ul.submenu2 li a { color:#173f26; font-weight:bold; text-decoration:none; margin-left:0px; }

	ul.submenu2 li a:hover, ul.submenu2 li a.selected { color:#173f26; font-weight:bold; text-decoration:none; margin-left:10px;  }

	

	ul.submenu3 { margin-left:20px;  }

	ul.submenu3 li { color:#173f26; font-weight:bold; font-size:1em; text-align:left; }

	ul.submenu3 li a { color:#173f26; font-weight:bold; text-decoration:none; }

	ul.submenu3 li a:hover, ul.submenu3 li a.selected { color:#173f26; font-weight:bold; text-decoration:underline; }

	

	ul.small-links { margin-top:10px; clear:both; }

	ul.small-links li { float:left;  margin-bottom:5px; font-size:1.1em; line-height:1.6em; padding-left:20px; }

	

	ul.small-links li.facebook { color:#3b5998; background:url('images/facebook_icon.gif') no-repeat left center; }
	ul.small-links li.facebook a { color:#3b5998; }

	

	ul.small-links li.twitter { color:#4fa9ff; background:url('images/twitter_icon.gif') no-repeat left center; margin-left:20px; }
	ul.small-links li.twitter a { color:#4fa9ff; }

	

	ul.small-links li.linkedin { color:#18709e; background:url('images/linkedin_icon.gif') no-repeat left center; margin-left:20px; }
	ul.small-links li.linkedin a { color:#18709e; }
	
	ul.small-links li.tumblr { color:#3b5998; background:url('images/tumblr_icon.gif') no-repeat left center; margin-left:20px; }
	ul.small-links li.tumblr a { color:#3b5998; }

	

	

                                                                     /* Content Right ------------- */



#content-right { 

    width:538px;

	display:block;

	float:right;

	}

	

	.green-panel1 { 

		background:url('images/green-bg1.gif') no-repeat left top;

		width:538px;

		min-height:235px;

    	height:auto !important;

    	height:235px;

		margin-bottom:12px;

		}

		

	.green-panel1 p { color:#fff; font-size:1.1em; text-align:justify; margin-bottom:8px; line-height:1.4em; }

	.green-panel1 p a { color:#edd000; }

		

	.green-panel1-left { float:left; width:230px; }

		

	.green-panel1-right { float:right; width:230px; }

	

	.white-panel1 { width:538px; }

	.white-panel1 p { font-size:1.1em; margin-bottom:8px; color:#333333; text-align:left; }

	.white-panel1-left { float:left; width:260px; text-align:left; }

	.white-panel1-right { float:right; width:260px; text-align:left; }

	

	.white-panel2 { width:538px; }

	.white-panel2 p { font-size:1.1em; margin-bottom:8px; color:#333333; text-align:left; }

	.white-panel2-left { float:left; width:218px; xbackground-color:#003366; }

	.white-panel2-right { float:right; width:320px; xbackground-color:#003366; }

	

	.plain-white { width:538px; margin-bottom:12px; }

	.plain-white p { color:#333333; font-size:1.2em; text-align:justify; margin-bottom:8px; line-height:1.4em; }

	

	.thumbnail1 { width:165px; height:85px; display:block; background:url('images/thumbnail1_bg.gif') no-repeat left top; float:left; }

	.thumbnail1_img { float:left; width:82px; height:85px;  }

	.thumbnail1_par { float:right; width:80px; height:85px; }

	.thumbnail1_par p { color:#FFFFFF; font-size:1em; text-align:left; }

	.thumbnail1_par p a { color:#dfc602; }
	
	.archive { float:right; width:160px; display:block; height:300px; margin-left:20px; xbackground-color:#3333FF; }
		
	.archive ul { text-align:left !important; }
		
	.archive ul li { list-style-type:disc; font-size:1.1em; color:#003709; line-height:1.6em; margin-left:20px; }

	

	

	.green-panel2 { 
		background:url('images/green-bg2.gif') no-repeat left top;
		width:538px;
		margin-bottom:12px;
		border-bottom:15px solid #173f26;
		}

	.green-panel2 p { color:#fff; font-size:1.1em; margin-bottom:8px; line-height:1.4em; clear:both; text-align:left; }

	.green-panel2 p a { color:#edd001; }
	
	
	.green-panel4 { 
		background:url('images/green-bg4.gif') no-repeat left top;
		width:538px;
		margin-bottom:12px;
		border-bottom:15px solid #173f26;
		}

	.green-panel4 p { color:#fff; font-size:1.1em; margin-bottom:15px; line-height:1.4em; clear:both; text-align:left; }

	.green-panel4 p a { color:#edd001; }

	

	

	

	ul.price-list li { color:#fff; font-size:1em; margin-bottom:2px; line-height:1.4em; clear:both; }
	
	
	ul.norm { margin-bottom:10px; }
	ul.norm li {
		color:#fff;
		font-size:1.1em;
		margin-left:20px;
		margin-bottom:2px;
		line-height:1.4em;
		list-style-type:disc;
		clear:both;
		text-align:left !important; }

	

	

	ul.list-nav1 li {

		color:#173f26;

		font-size:1.1em;

		margin-bottom:5px;

		line-height:1.4em;

		background:url('images/bullet1.gif') no-repeat left center;

		line-height:17px;

		padding-left:20px;

		font-weight:bold;

		text-align:left;

		}

		

	ul.list-nav1 li a { color:#173f26; text-decoration:none; }

	ul.list-nav1 li a:hover { color:#173f26; text-decoration:underline; }

	

	.green-panel3 { background:url('images/green-bg3.gif') no-repeat left top; width:538px; margin-bottom:12px; }

	.green-panel3_img { float:left; width:208px; }

	.green-panel3_par { float:right; width:320px; }

	.green-panel3_par p { color:#FFFFFF; font-size:1.1em; text-align:justify; line-height:1.5em; margin-bottom:8px; }

	.green-panel3_par p strong { color:#edd001; font-size:1.4em; margin-bottom:5px; }

	

	

	

	

	.green-panel3_par p a { color:#dfc602; }

	

	.product-list { float:left; width:120px; border-right:1px dotted #173f26; margin-right:5px; padding-right:5px; height:240px; overflow:auto; overflow-x:hidden; }

	p.product-list_title { color:#173f26; font-size:1.6em; font-weight:bold; text-align:left; }

	.product-list ul li { color:#173f26; font-size:1.1em; margin-bottom:5px; padding-right:10px; text-align:left; }

	

	ul.gallery-list { float:right; }

	ul.gallery-list li { display:block; width:13px; height:13px; float:right; margin-right:5px; padding-top:5px;  }

	ul.gallery-list li a { display:block; width:14px; height:14px; background-color:#173f26; color:#FFF; text-decoration:none; text-align:center;  }

	ul.gallery-list li a:hover { display:block; width:13px; height:13px; background-color:#83c585; }