@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }

.roll {
display:block;
height:42px; /* use the images' dimensions */
width:420px;
background-image:url(http://www.beauty-salon-marketing.com/images/secure-seat.png);
}
.roll:hover {
background-image:url(http://www.beauty-salon-marketing.com/images/secure-seat-hover.png);
}


h1 {
font-family: “Lucida Grande”, sans-serif;
font-size: 32px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.1em;
}

h2 {
font-family: “Lucida Grande”, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
}

h3 {
font-family: Verdana, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
}

h4 {
font-family: “Lucida Grande”, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;
color:#FF0000;
}

h5 {
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#666666;
}


p {
font-family: Verdana, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

body {

 background-color:#EBE8E2;
 
}


#wrapper { 
 margin: 0 auto;
 width: 1000px;

}
#bigwrapper { 
 width: 100%;
 background:#000000;
}


#header {
	color:#4f3d3f;
	width: 1000px;
	margin: 0px 0px 0px 0px;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.3em;
	padding:0px;
	text-align:left;
	background-image:url(http://www.beauty-salon-marketing.com/images/marketing-for-salon-header.png);
	background-repeat:no-repeat;

}

#footer {
	color:#4f3d3f;
	width: 1000px;
	margin: 0px 0px 0px 0px;
	font-family: “Lucida Grande”, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.3em;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

#leftcolumn1 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding:15px;
 width: 650px;
 float: left;
 height: 790px;
 
}
#rightcolumn1 { 
 float: right;
 color: #333;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background:#f7f6f6;
 margin: 0px 0px 0px 0px;
 padding: 1px;
 width: 311px;
 display: inline;
 height: 820px;
}


#leftcolumn3 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding:15px;
 width: 650px;
 float: left;
 height: 16350px;
 
 
}
#rightcolumn3 { 
 float: right;
 color: #333;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background:#f7f6f6;
 margin: 0px 0px 0px 0px;
 padding: 15px;
 width: 286px;
 display: inline;
 height: 16350px;
  
 
}


#leftcolumn4 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding:15px;
 width: 650px;
 float: left;
 height: 770px;
 
}


#leftcolumn5 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding:15px;
 width: 650px;
 float: left;
 height: 830px;
 
}


#leftcolumn6 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding:15px;
 width: 650px;
 float: left;
 height: 11900px;
 
}


#leftcolumn7 { 
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding:15px;
 width: 650px;
 float: left;
 height: 590px;
 
}



#rightcolumn7 { 
 float: right;
 color: #333;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background:#f7f6f6;
 margin: 0px 0px 0px 0px;
 padding: 1px;
 width: 311px;
 display: inline;
 height: 618px;
}




#rightcolumn4 { 
 float: right;
 color: #333;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background:#f7f6f6;
 margin: 0px 0px 0px 0px;
 padding: 1px;
 width: 311px;
 display: inline;
 height: 800px;
}


#rightcolumn5 { 
 float: right;
 color: #333;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background:#f7f6f6;
 margin: 0px 0px 0px 0px;
 padding: 1px;
 width: 311px;
 display: inline;
 height: 862px;
}


#rightcolumn6 { 
 float: right;
 color: #333;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background:#f7f6f6;
 margin: 0px 0px 0px 0px;
 padding: 1px;
 width: 311px;
 display: inline;
 height: 11932px;
}






#survey { 
 width: 980px;
 clear: both;
 background: #FFF;
 padding: 10px;
 color:#000000;
}

#box {
	background-color:#E1F7FF;
	width: 570px;
	border: 3px dotted #99CCFF;
	padding: 20px;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	margin-left: 10px;
}

ul {
font-family: Verdana, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
list-style-position: outside;
padding:15px;
}

ol {
font-family: Verdana, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
list-style-position: outside;
padding:40px;
}


input {  
   border: 2px solid #888;  
   padding: 4px;  
   font-size: 1em;  
   background-color: #F8F8F8;
   font-family: Verdana, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
       }
	   
	   
input:focus {  
   border-color: #000;  
   background-color: #FFFE9D;  
   }  
   
  /* TESTIMONIALS */
   
 #testimonials {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.beauty-salon-marketing.com/images/what-are-others-saying.png) no-repeat scroll 0 0;
margin-left:13px;
margin-top:25px;
padding-top:60px;
}
#testimonials .testimonial {
margin-bottom:40px;
}
.testimonial blockquote {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#dadef4 url(http://www.beauty-salon-marketing.com/images/quote.png) no-repeat scroll 0 0;
margin:0;
width:280px;
}
.testimonial blockquote p {
color:#333333;
font-family: Georgia, serif;
font-size: 13px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
margin:15px 0 0;
padding:20px;
}
.testimonial cite {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.beauty-salon-marketing.com/images/cite.png) no-repeat scroll 0 0;
color:#333333;
display:block;
font-family: Georgia, serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
margin:0;
padding-left:20px;
padding-top:15px;
}
.testimonial cite img {
float:left;
margin-right:10px;
}
.testimonial cite span {
display:block;
}
  /* END  TESTIMONIALS */
  
  
  /* The Box */
			.cornerBox {width:650px; margin:30px auto;}
				.cornerBox-content {padding:20px;}
			
	/* The Corners */
	.c, .c span {height:1px;}	
	.c span {display:block; overflow:hidden;}
	/* borders */
	.cornerBox-content,
	.c span {border-left:1px solid; border-right:1px solid;}
	
	/* Change margins to change the curve (If the curve is bigger you'll probably need more elements) */
			.t1, .b6 {margin:0 7px;}
			.t2, .b5 {margin:0 5px;}
			.t3, .b4 {margin:0 3px;}
			.t4, .b3 {margin:0 2px;}
			.t5, .b2 {margin:0 2px;}
			.t6, .b1 {margin:0 1px;}
			.t1 span {border-top:1px solid;}
			.b6 span {border-bottom:1px solid;}
				
	/* Box 1 */
	#cBox1 .cornerBox-content,
	#cBox1 .c span {background:#F3F3F3; border-color:#BED2CD;}
			
	/* Box 2 */
	#cBox2 .cornerBox-content,
	#cBox2 .c span {background:#333333; border-color:#4E6257; color:#FFF;}
	
	  /* END THE BOX */
.RedHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
	color: #b6180a;
	line-height: normal;
	text-align: center;

}


.PurpleHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: bold;
	color: #6600cc;
	line-height: normal;
	text-align: center;

}




.RedHeadU {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
	color: #b6180a;
	line-height: normal;
	text-align: center;
	text-decoration:underline;
}

.blacksubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	text-align: left;
	text-decoration:none;
}


.spam {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	text-align: left;
	text-decoration:none;
	padding-top:12px;
	padding-bottom:12px;
	padding-right: 12px;
	padding-left: 12px;
}


.formdetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	text-align: left;
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	padding-right: 2px;
	padding-left: 8px;
}

.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	text-align: left;
	text-decoration:none;
}


.Boldmessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	text-align: left;
	text-decoration:none;
}

.BoldHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	text-align: center;
	text-decoration:none;
}

.BoldHeadU {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	text-align: center;
	text-decoration:underline;
}

.BoldHeadP {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #6600cc;
	line-height: normal;
	text-align: center;
	text-decoration:underline;
}

.BoldHeadHighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background:#f6ff00;
	line-height: normal;
	text-align: center;
	text-decoration:none;
}


.BoldmessageYellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background:#f6ff00;
	line-height: normal;
	text-align: left;
	text-decoration:none;
}

#wrapper #rightcolumn1 td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color: #333333;
}



#wrapper #leftcolumn6 .dashedtable {
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
}

.annette {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	text-align: left;
	text-decoration:none;
}