/* generated by csscreator.com */
html, body
{
	margin: 0;
	border-top: 10px solid #bbbbbb;
	padding: 0;
	text-align: center;
	font: 8pt/12pt Helvetica, Arial, Geneva, sans-serif;
	color: #555555;
}

p
{
	margin: 0;
	padding: 0;
}

h2
{
	font-size: 24pt;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

a { color: black; }
a:hover { text-decoration: none;}

a strong { text-decoration: none; }

#pagewidth
{
	width: 750px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*
	 background: #ffffff url(images/stripes.jpg) repeat-x;
	 */
}


/* @group left arrow */

#leftarrow
{
	width: 135px;
	height: 64px;
	z-index: 15;
	background: url(images/frontbackarrow.gif) no-repeat;
	margin:  0 0 0 603px;
	padding: 0 ;
	position: absolute;
	top: 50px;
	
}
* html #leftarrow {left: 0px;}

#leftarrow li, #leftarrow a { height: 64px; display: block; }
#leftarrow li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#leftarrow a { border: 0; }

.leftarrow a
{
	background: #ffffff url(images/frontbackarrow.gif) no-repeat;
	height: 64px;
	width: 64px;
}

.leftarrow a:hover
{
	background: #ffffff url(images/frontbackarrow.gif) no-repeat;
	top: -64px;
}

/* @end */

/* @group panel1 */

#panel1 {left: 0; width: 64px; padding-right: 10px;}
#panel1b {left: 71px; width: 64px; }
#panel1 a:hover { background: transparent url(images/frontbackarrow.gif) 0 -64px no-repeat; }
#panel1b a:hover { background: transparent url(images/frontbackarrow.gif) -71px -64px no-repeat; }
#panel1 a:active { background: transparent url(images/frontbackarrow.gif) 0 -64px no-repeat; }
#panel1b a:active { background: transparent url(images/frontbackarrow.gif) -71px -64px no-repeat; }

/* @end */

/* @group nextarrow */



#nextarrow
{
	width: 147px;height: 372px;	z-index: 15;background: url(images/nextarrow2.gif) no-repeat; margin:  0;padding: 0;position: relative;	top: 0px;left: 0px; 
	
}
* html #nextarrow {left: 0px;}

#nextarrow li, #nextarrow a { height: 186px; display: block; }
#nextarrow li { margin: 0; padding: 0; list-style: none;position: absolute; left: 0; }
#nextarrow a { border: 0; }
#nextarrow a:hover
{
	background: #ffffff url(images/nextarrow2.gif) no-repeat;
	top: -147px;
}

/* @end */

/* @group panel2 */

#panel2 {top: 0; height: 186px; width: 147px; }
#panel2b {top: 186px; height: 186px; width: 147px;}
#panel2 a:hover { background: transparent url(images/nextarrow2.gif)  -147px 0px no-repeat; }
#panel2b a:hover { background: transparent url(images/nextarrow2.gif)  -147px -186px no-repeat; }

/* @end */



/* @end */



.small
{font-size: 8pt;}

#twocols
{
	width: 250px;
	float: right;
	position: relative;
}

#header
{
	position: relative;
	height: 100px;
	width: 100%;
	padding: 50px 0 0;
}

#header h2
{
	padding: 0px;
	margin: 0;
}

/* @group left column */
#leftcol
{
	width: 490px;
	float: left;
	position: relative;
	font-size: 13pt;
	line-height: 24pt;
	margin-top: 15px;
}

#leftcol strong
{
	color: #cc9900;
	font-weight: bold;
}

/* @end */
/* @group right column */
#rightcol
{
	width: 220px;
	float: right;
	position: relative;
	margin-top: 12px;
	background-color: #e7f2d4;
	margin-right: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}

#rightcol p
{
	color: #555555;
	padding: 0;
	margin: 12px 0 0;
}

#rightcol ul
{
	color: #555555;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-top: 6px;
}

#rightcol li
{
	color: #555555;
	padding-bottom: 6px;
	margin: 0;
}

#rightcol em
{
	font-size: 8pt;
	font-style: normal;
	line-height: 12pt;
	text-transform: uppercase;
}

#rightcol strong
{
	color: #5fba00;
}

#rightcol img {
	padding-top: 10px;
}

/* @end */
/* @group navbox */
#navbox
{
	text-transform: uppercase;
	font-size: 12px;
	background-color: transparent;
}

#navbox a:link, #navbox a:visited
{
	padding: 3px;
	color: #555555;
	text-decoration: none;
	border: 1px solid #ffffff;

	display: inline;
}

#navbox a:hover
{
	background-color: #9fe200;
	padding: 3px;
	text-decoration: none;
	border: 1px solid #9fe200;
	display: inline;
}

#navbox strong
{
	color: #555555;
}

/* @end */

/* Highslide */

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../images/resource/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../images/resource/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* @end */

#guttercol
{
	background-color: #FFFFFF;
	float: left;
	display: inline;
	position: relative;
	width: 20px;
}

.stripe { }

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */
/*printer styles*/
/* @group artpro */

.artpro
{
	display:block;
	background: url(EN/images/artisanprof2.jpg) no-repeat;;
	width: 480px;
	height: 449px;
	position:relative;
}

.artpro li
{list-style: none;}


.artpro .list{
  position:absolute; 
  padding:0; 
  margin:0;
  }
.artpro #m1 { left: 299px; top: 158px; z-index: 20; } 
.artpro #m2 { left: 298px; top: 235px; z-index: 20; } 
.artpro #m3 { left: 297px; top: 288px; z-index: 20; } 
.artpro #m4 { left: 293px; top: 343px; z-index: 20; } 
.artpro #m5 { left: 51px; top: 334px; z-index: 20; } 
.artpro #m6 { left: 50px; top: 307px; z-index: 20; } 
.artpro #m6 { left: 51px; top: 127px; z-index: 20; } 
.artpro #m7 { left: 51px; top: 110px; z-index: 20; } 


.artpro a#a1 {
width:422px;
height:234px;
display:block;
	border: 1px solid #cf0; text-decoration:none; 
  z-index:20;
}
.artpro a#a1 {
width:426px;
height:286px;
display:block;
	border: 2px solid #c90; text-decoration:none; 
  z-index:20;
}
.artpro a#a1 {
width:424px;
height:341px;
display:block;
	border: 1px solid #cf0; text-decoration:none; 
  z-index:20;
}
.artpro a#a1 {
width:422px;
height:408px;
display:block;
	border: 1px solid #cf0; text-decoration:none; 
  z-index:20;
}
.artpro a#a1 {
width:137px;
height:362px;
display:block; text-decoration:none; 
  z-index:20;
}
.artpro a#a1 {
width:285px;
height:334px;
display:block; text-decoration:none; 
  z-index:20;
}
.artpro a#a1 {
width:286px;
height:306px;
display:block; text-decoration:none; 
  z-index:20;
}
.artpro a#a1 {
width:170px;
height:126px;
display:block; text-decoration:none; 
  z-index:20;
}
.artpro a span, .artpro a:visited span {
  display:none;
  }

/* @end */



@media print
{
	/*hide the left column when printing*/
	#leftcol { display: none; }
	
	/*hide the right column when printing*/
	#rightcol { display: none; }
	
	#twocols, #maincol
	{
		width: 100%;
		float: none;
	}
}