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

body {
background-image:url(../bkg.jpg);
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	max-width:1000px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#bkg {
min-height:1000px;
padding-top:100px;
background-image:url(../body.jpg);
background-repeat:repeat-y;
}
#bkg_train {
min-height:1000px;
padding-top:100px;
background-image:url(../bodytrain.jpg);
background-repeat:repeat-y;
}
#bkg_prod {
min-height:1000px;
padding-top:100px;
background-image:url(../bodyprod.jpg);
background-repeat:repeat-y;
}
#bkg_store {
min-height:1000px;
padding-top:100px;
background-image:url(../bodystore.jpg);
background-repeat:repeat-y;
}
#bkg_sal {
min-height:1000px;
padding-top:100px;
background-image:url(../bodysalon.jpg);
background-repeat:no-repeat;
}
#bkg_con {
min-height:1000px;
padding-top:100px;
background-image:url(../bodycontact.jpg);
background-repeat:repeat-y;
}
#header { 
	padding: 0 00px 0 00px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
} 
#sidebar {
padding-left:13px;
padding-top:23px;
	float: left; /* since this element is floated, a width must be given */
	width: 25%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:90%;
}
#shortcutbar {
padding-right:21px;
padding-top:3px;
	float: right; /* since this element is floated, a width must be given */
	width: 71%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	text-align: right; /* this overrides the text-align: center on the body element. */
}
#shortcutbar a{
text-decoration:none;
color:#000000;
}

#shortcutbar a:hover{
text-decoration:none;
color: #006600;
}
#shortcutbar a:visited{
text-decoration:none;
color: #000000;
}
#maintxt {

	text-align: left;
	min-height:800px;
}
#mainpage {
	position: relative;
	top:-50px;
	width:700px;
	height:80%;
	margin: 0 0 0 25%; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px;
	padding-right:00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#trainpage {
	position: relative;
	top:0px;
	width:650px;
	margin: 0 0 0 30%; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px;
	padding-right:00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 80%;
}
#prodpage {
	position: relative;
	top:0px;
	width:650px;
	margin: 0 0 0 30%; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px;
	padding-right:00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 80%;
}
#storepage {
	position: relative;
	top:0px;
	width:650px;
	margin: 0 0 0 30%; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px;
	padding-right:00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 80%;
}
#contpage {
	position: relative;
	top:0px;
	width:650px;
	margin: 0 0 0 30%; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px;
	padding-right:00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 95%;
}
#salpage {
	position: relative;
	top:0px;
	width:650px;
	margin: 0 0 0 30%; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px;
	padding-right:00px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height: 100%;
}
#newsbox {
background-image:url(../newsbox.png);
background-repeat:no-repeat;

}
#footer {
position: relative;
top:-33px;
	padding: 0px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

} 
#admin_menu {
background-position:center;
background-image: url(../menubut.png);
background-repeat:no-repeat;
}
#admin_menu a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
}
#admin_menu a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
}
#admin_menu a:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
}
#admin_menu a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#ffffff;
}
#salon_box {
background-image: url(../vine.png);
background-position:bottom right;
background-repeat:no-repeat;
}
.clear                      { clear: both; }

#page-wrap                  { width: 700px; margin: 40px auto; }

h1                          { font: 26px Georgia, Serif; margin: 10px 0; }

label                       { width: 190px; display: block; }

input[type=text], textarea  { width: 350px; outline: none; }

.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; }
.rowElemSelect              { clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }


.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }