/****
* Website design and CSS style by Artis . design studio (www.goartis.com)
****/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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 */
	color: #000000;
	background: #e6eacb repeat-y fixed center;
}
.container {
	width: 985px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background: url(../img/box_artandbeautysalon.gif) no-repeat center bottom;
}


.bigtitle {
	color: #625637;
	font: 30px/36px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

.text {
	color: #9c9e9e;
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	list-style-position: inside;
}

.text a:link, .text a:active {
	color: #9c9e9e;
	text-decoration: underline;
}

.text a:visited {
	color: #9c9e9e;
	text-decoration: underline;
}

.text a:hover {
	text-decoration: underline;
	color: #bfce79;
}

.staff {
	color: #9c9e9e;
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: justify;
}

.info {
	color: #6c6c6c;
	font: 12px/16px Verdana, "Lucida Grande", sans-serif;
	text-transform: uppercase;
}

.info a:link, .info a:active {
	color: #6c6c6c;
	text-decoration: none;
}

.info a:hover {
	text-decoration: underline;
	color: #a79b5c;
}

.forms {
	color: black;
	font: 11px/16px Verdana, "Lucida Grande", sans-serif;
	margin-top: 15px;
}

.footer {
	color: #6c6c6c;
	font: 10px/15px Verdana, "Lucida Grande", sans-serif;
}

.footer a:link, .footer a:visited {
	color: #6c6c6c;
	text-decoration: none;
}

.footer a:hover {
	color: #2e8fff;
	text-decoration: underline;
}

.topcontainer {
	width: 985px;
	margin: 0 auto;
	text-align: left;
}

.toplinks {
	color: #c3c8ad;
	font: 13px/15px Georgia, "Times New Roman", Times, serif;
}

.topinfo {
	color: #c3c8ad;
	font: 13px/15px Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

.toplinks a:link, .toplinks a:visited {
	color: #c3c8ad;
	text-decoration: none;
}

.toplinks a:hover {
	color: white;
	text-decoration: none;
}

.rolls {
	padding: 1px;
}

.rolls a:link, .rolls a:active, .rolls a:visited, .rolls a:hover {
	text-decoration: none;
}

.mainbox {
	height: 100%;
	top: 0;
	width: 100%;
	right: 0;
	vertical-align: middle;
	position: absolute;
}

/* Slidemenu by Mootools - Gallery */

* {margin:0; padding:0}
.sm {list-style:none; width:790px; height:390px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

/* End Slidemenu */

/* Tool tips */
#dhtmltooltip{
position: relative;
width: 250px;
padding: 5px;
background-color: #e6eacb;
visibility: hidden;
z-index: 100;
	color: gray;
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	left: 0;
}

/* form styles */
input, textarea, select{color:#9c9e9e; vertical-align:top; text-align:left; border: 1px solid #9c9e9e; background:white; font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif; padding-left:5px; padding-right:5px;}

.button {color:#8E916A; text-align:left; border: 1px solid #9c9e9e; background:#e6eacb; font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif; padding:3px;}

.xamark {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

/* thumbnail viewer */

.thumbpic { height: 80px; border: none; margin: 0 10px 15px 0;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 5px;
background: #fff;
border: 1px dashed #8D8C46;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
color: #8D8C46;
line-height: 1.5em;
font: 12px Tahoma;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Tahoma;
line-height: 1.1em;
color: #8D8C46;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid #95845B;
background-color: #fff;
padding: 5px;
z-index: 5;
}