@charset "utf-8";







/* CSS Document */















* {



	padding: 0;



	margin: 0;



	border: 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;







 







}







#leftcolumn12 { 







 color: #333;







 border: 1px solid #ccc;







 background: #FFFFFF;







 margin: 0px 0px 0px 0px;







 padding:15px;







 width: 950px;







 float: left;







 height: 4000px;







 







}



















#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;







}























#leftcolumn8 { 







 color: #333;







 border: 1px solid #ccc;







 background: #FFFFFF;







 margin: 0px 0px 0px 0px;







 padding:15px;







 width: 959px;







 float: left;







 height: 770px;







 







}





#leftcolumn80new { 







 color: #333;







 border: 1px solid #ccc;







 background: #FFFFFF;







 margin: 0px 0px 0px 0px;







 padding:15px;







 width: 959px;







 float: left;







 height: 960px;







 







}



#leftcolumn80 { 







 color: #333;







 border: 1px solid #ccc;







 background: #FFFFFF;







 margin: 0px 0px 0px 0px;







 padding:15px;







 width: 959px;







 float: left;







 height: 1090px;







 







}



















#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: 1px solid #8bb937;  







   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: #F2F0EC;



	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;







}











.GreenMainTitle {



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



	font-size: 24px;



	font-style: normal;



	font-weight: bolder;



	color: #639C01;

	text-align: left;



}







.GreenMainTitleSmall {



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



	font-size: 16px;



	font-style: normal;



	font-weight: normal;



	color: #639C01;

	text-align: left;



}





.GreenMainTitleSmallBold {



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



	font-size: 16px;



	font-style: normal;



	font-weight: bold;



	color: #639C01;



}











#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;











}











.annette2 {







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







	font-size: 12px;







	font-style: normal;







	font-weight: normal;







	color: #000000;







	line-height: normal;







	text-align: left;







	text-decoration:none;











}





.annette2HL {







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

	background-color:#FFFF00;







	font-size: 12px;







	font-style: normal;







	font-weight: normal;







	color: #000000;







	line-height: normal;







	text-align: left;







	text-decoration:none;











}

























.greyhead {



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

	font-size: 18px;

	font-style: normal;

	font-weight: normal;

	color: #7F7F7F;

	line-height: normal;

	text-align: left;

	text-decoration:none;

}



.greyheadsmall {



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

	font-size: 14px;

	font-style: normal;

	font-weight: normal;

	color: #7F7F7F;

	line-height: normal;

	text-align: left;

	text-decoration:none;

}



.greyheadsmallbold {



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

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #7F7F7F;

	line-height: normal;

	text-align: centre;

	text-decoration:none;

}



.greyheadbold {



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

	font-size: 18px;

	font-style: normal;

	font-weight: bold;

	color: #7F7F7F;

	line-height: normal;

	text-align: left;

	text-decoration:none;

}



.clickform {



	border-top-color: #F2F0EC;



	border-right-color: #F2F0EC;



	border-bottom-color: #F2F0EC;



	border-left-color: #F2F0EC;



	border:none;



	border-left-width:thin;



	background-color:#F2F0EC;



}



.orderbutton {

background:#f2f0ec;

border:none;





}



.formbox  {

background-color:#FFFFFF;

border-color:#cfea9d;

border:medium;









border:thin;





}