/*	CSS Browser Reset by Eric Meyer	*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }
	/* remember to define focus styles! */
	:focus {outline: 0;}
	body {line-height: 1; color: black;	background: white;}
	ol, ul {list-style: none;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: separate;border-spacing: 0;}
	caption, th, td {text-align: left;font-weight: normal;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}

/*		Socea Cristian CSS Style delaration for www.artdesigners.ro
		www.soceacristian.ro
*/
body, html {
	font-family: Verdana, Tahoma, sans-serif;

	width: 100%;
	height: 100%;
	font-size: 16px;
	cursor: url(images/cursors/main.cur), url(../images/cursors/main.png), default;
}
a {
	cursor: url(images/cursors/pointer.cur), url(../images/cursors/pointer.png), default;
}
div#buttons {
	position: absolute;
	right: 10px;
}
#buttons {
	z-index: 2;
}
div#cp {
	width: 200px;
	height: 110px;
	background: transparent url(../images/top-button-cp.png) no-repeat top center;
	position: absolute;
	top: 0px;
	right: 160px;
	text-align: center;
}
	div#logo-cp {
		width: 120px;
		height: 80px;
		background: transparent url(../images/logo_cp.png) no-repeat center center;
		margin: 2px auto 0px auto;
	}
		div#logo-cp a {
			display: block;
			width: 100%;
			height: 100%;
		}
		div#logo-cp a span {
			display: none;
		}
	div#cp span {
		display: block;
		padding: 5px 10px;
		text-align: center;
		font-size: 10px;
		background: transparent url(../images/website-pat.gif) center center no-repeat;
		color: #AAA;
		cursor: url(images/cursors/pointer.cur), url(../images/cursors/pointer.png), default;
		letter-spacing: 1px;
		height: 14px;
	}
div#webmaster {
	width: 155px;
	height: 60px;
	background: transparent url(../images/top-button-web.png) no-repeat bottom center;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
}
	div#logo-sc {
		width: 155px;
		height: 28px;
		background: transparent url(../images/logo_sc.png) no-repeat center center;
		margin: 2px auto 0px auto;
	}
		div#logo-sc a {
			display: block;
			width: 100%;
			height: 100%;
		}
		div#logo-sc a span {
			display: none;
		}
	div#webmaster span {
		display: block;
		padding: 5px 10px;
		text-align: center;
		font-size: 10px;
		background: transparent url(../images/website-master.gif) center center no-repeat;
		color: #AAA;
		cursor: url(images/cursors/pointer.cur), url(../images/cursors/pointer.png), default;
		letter-spacing: 1px;
		height: 14px;
	}

div.wrapper1-step1 {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(../images/grid.gif) no-repeat top right;
}
div.wrapper2-step1 {
	width: 100%;
	height: 100%;
	background: transparent url(../images/bottom-artwork.jpg) no-repeat bottom left fixed;
}
div.wrapper2-step2 {
	width: 100%;
	height: 100%;
	background: transparent url(../images/top2.gif) no-repeat top left fixed;
	text-align: center;
}
#logo {
	display: block;
	width: 257px;
	height: 150px;
	background: transparent url(../images/art_logo.gif) no-repeat center center;
	margin: 0px auto 0px auto;
	
}
#website {
	z-index: 2;
	width: 800px;
	text-align: center;
	margin: 0px auto;
	padding-top: 1%;
	position: relative;
}
#bottom-motto {
	position: absolute;
	font-size: 9px;
	width: 40%;
	bottom: 10px;
	right: 10px;
	text-align: right;
	z-index: 1;
	color: #888;
	cursor: url(images/cursors/move.cur), url(../images/cursors/move.png), default;
}
.quote {
	display: block;
	background: transparent url(../images/quotes.gif) no-repeat left top;
	width: 40px;
	height: 35px;
	margin: 3px;
	float: left;
}