/*   
Theme Name: Lux Salon
Theme URI: http://www.luxsalon.biz
Description: Original design by 16 Toads design converted into a WordPress theme.
Author: John Ellis
Author URI: http://www.iamjohnellis.com
Version: 1.0
.
Developed by John Ellis exclusively for Lux Salon and http://www.luxsalon.biz. 
.
*/

/*
-----------------------------------------------
Lux Salon Master CSS
Author:  Paul Burton, 16toads Design (www.16toads.com)
Version:  August 21, 2006

    1   Text
    2   Header
    3   Structure
	4   Content
    5   Nav
    6   Search
    7   Headings
    8   Lists
    9   Forms
    10   Links
    11  Misc

----------------------------------------------- */
* {
  	margin: 0px;
 	padding: 0px;
}
html, body {
	height: 100%; /* Required */
	background-color: #FF6633;
	background-image: url(images/g-bkgd-border.gif);
	background-repeat: repeat-y;
	z-index: 1;
}

/* =text
----------------------------------------------- */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.formtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.bodyitl {
	font-style: italic;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.bodybd {
	font-weight: bold;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.bodybdwhite {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.bodybdorange {
	font-weight: bold;
	color: #FF6633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 5px;
}
.sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


/* =header
----------------------------------------------- */


/* =structure
----------------------------------------------- */

#foliage {
	width: 100%;
	background-image: url(images/g-bkgd-foliage2.gif);
	background-repeat: no-repeat;
	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
 	height: 100%; /* For IE */
}
#page {
	width: 800px;
	text-align: left;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
	padding-bottom: 25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 95px;
	padding-left: 95px;
}
#header {
	width: 800px;
	margin-top: 50px;
	padding: 0px;
}
#logo {
	width: 250px;
	height: 102px;
	margin-bottom: 25px;
	padding: 0px;
}
#banner {
	width: 796px;
	height: 118px;
	margin-bottom: 10px;
	border: 2px solid #FFFFFF;
}
#contentcontainer {
	width: 800px;
  	text-align: left;
	overflow: hidden;
}
.leftCol {
	width: 500px;
  	text-align: left;
	float: left;
	padding-bottom: 20px;
}
.rightCol {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	width: 265px;
	float: left;
	margin-left: 35px;
	margin-bottom: 20px;
}
#footercontainer {
	clear: both;
	margin-top: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 0px;
}
#footer {
	width: 800px;
	margin-left: 0px;
	margin-bottom: 3px;
	clear: both;
}
#legal {
	width: 800px;
	text-align: left;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	clear: both;
}

blockquote {
	width: 490px;
	background-color: #666666;
	color: #FF6633;
	padding: 5px;
	margin-top: 10px;
	border: 0px solid #FFC1AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}

/* =content
----------------------------------------------- */
.appBox {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFC1AD;
	border-bottom-color: #FFC1AD;
	border-left-color: #FFC1AD;
	padding: 10px;
	clear: both;
}
.appImage {
	width: 94px;
	height: 94px;
	float: left;
	margin-left: 0px;
}
.appText {
	width: 130px;
	float: left;
	margin-left: 0px;
	padding-left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px
}
.appText2 {
	width: 130px;
	float: left;
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px; 
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}
.rightCol p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 15px;
}
#photocontainer {
	width: 772px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding: 14px;
	clear: both;
}
.photo {
	width: 110px;
	height: 151px;
	float: left;
	margin-right: 20px;
	border: 1px solid #FFFFFF;
}
.photo2 {
	width: 110px;
	height: 151px;
	float: left;
	margin-right: 0px;
	border: 1px solid #FFFFFF;
}
.contentBox {
	width: 228px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.photoLg {
	border: 1px solid #fff;
	float: left;
	width: 250px;
	height: 350px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.textBoxTopPad {
	width: 228px;
	padding-top: 15px;
	padding-bottom: 0px;
}
.row1 {
 	width: 223px;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFC1AD;
	clear: both;
}
.row1tall {
 	width: 223px;
	height: 31px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #FFC1AD;
	clear: both;
}
.row2 {
 	width: 223px;
	background-color: #DD572B;
	height: 15px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	clear: both;
}
.row2tall {
 	width: 223px;
	background-color: #DD572B;
	height: 31px;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	clear: both;
}
.descr {
 	width: 130px;
	float: left;
	font-weight: bold
}
.price {
	width: 80px;
	float: right;
}




/* NAV CONTAINER 
----------------------------------------------- */
#navcontainer {
	width: 800px;
	height: 32px;
	margin-left: 0px;
	overflow: hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#navcontainer .padding { 
	padding: 0px 0px 0px 0px; 
}


/* NAVIGATION
----------------------------------------------- */
/*  Top Menu */
#nav {
	width: 800px;
	height: 26px;
	margin-left: 0px;
	margin-top: 3px;
	background-color: #FFC1AD;
	position: relative;
}
#nav ul { 
	margin:0; 
	list-style:none; 
	padding: 0px 0 0 0px; 
}
#nav a, #nav strong, #nav span {
	float: left;
	display: block;
	height: 21px;
	color: #FF6633;
	padding: 5px 20px 0px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#nav a { 
	float:none; 
}
#nav li {
	float: left;
	color: #FFFFFF;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF6633;
	margin-bottom: 3px;
}
#nav a:hover {
	display: block;
	height: 21px;
	color: #FF6633;
    text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
}  
#nav .padding { 
	padding: 0px 0px 0px 0px; 
	font-weight: bold; 
}

/* SUB NAVIGATION
----------------------------------------------- */
/*  Top Menu */
#subnav {
	width: 800px;
	height: 26px;
	margin-left: 0px;
	margin-top: 3px;
	background-color: #FFC1AD;
}
#subnav ul { 
	margin:0; 
	list-style:none; 
	padding: 0px 0 0 0px; 
}
#subnav a, #subnav strong, #subnav span {
	float: left;
	display: block;
	height: 21px;
	color: #FFC1AD;
	padding: 5px 20px 0px 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#subnav a { 
	float:none; 
}

#subnav li.current_page_item, #subnav li.current_page_item a, #nav li.current_page_parent { background-color: #FFFFFF; color: #DD572B; }
#subnav li {
	float: left;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF6633;
	background-color: #DD572B;
}
#subnav a:hover {
	display: block;
	height: 21px;
	color: #FF6633;
    text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
}  
#subnav .padding { 
	padding: 0px 0px 0px 0px; 
	font-weight: bold; 
}

/* =search
----------------------------------------------- */


/* =headings
----------------------------------------------- */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 15px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFC1AD;
	padding-bottom: 4px;
}

#contentcontainer h1:after, .rightCol h3:after { content: url(images/icon-leaf.gif); padding-left: 5px;  }

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFC1AD;
	padding-bottom: 4px;
}

.rightCol h3 {}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFC1AD;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}


/* =lists
----------------------------------------------- */
#footer ul { 
	margin: 0px; 
	padding: 0px; 
	list-style: none; 
}
#footer li {
	float: left;
	color: #FFFFFF;
	margin-left: 25px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px 20px 0px 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFC1AD;
	list-style-type: none;
	list-style: none;
}


/* =forms
----------------------------------------------- */
.phpForms_pgtitle {
    font-family : Arial;
    font-size   : 18px;
    color       : #1200d9;
    font-weight : bold;
}
.phpForms_btn {
	border-top-width    : 0px;
	border-left-width   : 0px;
	border-bottom-width : 0px;
	border-right-width  : 0px;
	border-top-color    : #FFC1AD;
	border-left-color   : #FFC1AD;
	border-right-color  : #FFC1AD;
	border-bottom-color : #FFC1AD;
	font-family         : Arial, Helvetica, sans-serif;
	color               : #333333;
	background-color: #FFC1AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.form {
	margin-left: 0px;
	font-weight: normal;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}



/* =links
----------------------------------------------- */
#contentcontainer a:link {
	color: #FFC1AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
#contentcontainer a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
#contentcontainer a:visited {
	color: #FFC1AD;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-decoration: underline;
}
#contentcontainer a:active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-decoration: underline;
}
.leftCol a:link {
	color: #FFC1AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.leftCol a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.leftCol a:visited {
	color: #FFC1AD;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration: none;
}
.leftCol a:active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration: none;
}
.appText a:link {
	font-weight: bold;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
}
.appText a:hover {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
}
.appText a:visited {
	font-weight: bold;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
}
.appText a:active {
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
}
#footer a:link {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
#footer a:visited, .legal a:visited {
	color: #FFC1AD;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration: none;
}
#footer a:active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration: underline;
}


/* =miscellaneous
----------------------------------------------- */
.clear {
	clear: both;
}
a img {
	border: none; 
}
.icon {
	padding-left: 5px;
}
#foot {
	width: 750px;
	padding: 2px;
	text-align: center;
}
#foot ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#foot li {
	display: inline;
	padding-right: 5px;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.photoInline {
    float:left;
	margin-right: 15px;
}
.tm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.pictRow {
  	width: 100%;
	overflow: hidden;
	border-top: 1px #FFC1AD solid;
	border-bottom: 1px #FFC1AD solid;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #DD572B;
	padding-left: 5px;
	margin-bottom: 10px;
}
.thumb {
	float: left;
	margin-right: 20px;
}
.horizLine {
 	border-top: 1px solid #FFC1AD;
}

#socialmedia ul { list-style: none; }
.wpcf7-response-output { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; }
.wpcf7-mail-sent-ok {}

#apptform label { display: inline-block; position: relative; width: 20%; text-align: right; margin: .5em;  }

#respond textarea { width: 500px; }

.leftCol img { float: left; margin-right: 10px; border: 1px solid #FFF;}
.post img { float: none; }