body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: x-small;
	font-size: 81.3%; /* 	 1em = 13px*/
	background-color: #FFFFFF;
	}
.moveimagee {
	top: 25px;
	background-image: url(images/photography.jpg);
	background-repeat: no-repeat;
	background-position: left 50px;
}
.formtext {
FONT-SIZE: 10px; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

img#photo {
	position:relative;
	top: -13px;
} 
img#photo2 {
	position:relative;
	top: 12px;
} 
img#header {
	position:relative;
	left: 3px;
} 
img#illu {
	position:relative;
	top: -25px;
} 
.thumbnails {
	position: relative;
	left: -5px;
}

img#style {
position:relative;
top: 12px;

} 
img#pro {
position:relative;
top: 10px;

} 
	
.colOne p a {
color: #000000;
text-decoration: none;
	}
	
		a img {
		border: 0px solid #FFFFFF;
		}
		
a:link  {
	color: #443323;
	text-decoration: none;
}	
a:active  {
	color: #FF9900;
	text-decoration: none;
}	
a:visited {
	color: #423121;
	text-decoration: none;
}
.details {
	font-family: Geneva, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	font-weight: bolder;
	color: #FFFFFF;
}

	
a:hover {
	color: #876445;
	text-decoration: none;
}		
a:active {
	color: #666633;
	text-decoration: none;
}	
	/*
body.illustration {
		background-color: #000000;

	}
	*/

.container {

margin-top: 2em;
margin-left: auto;
margin-right: auto;
width: 890px; /*69em overall 898px */
height: 494px;
border: 0px solid #333333;
padding-left: 8px;
/*background-color: #CCCCCC;*/
}
.newimage {


}

.logoBox {
	background-color: #ffffff;
background-image:url(images/peppercookies_logo.gif);
background-position: left;
background-repeat: no-repeat;
width: 208px;
height: 50px; /*50*/
}

.colOne {
float: none;
border: 0px dotted #eeeeee; /* 16em*/
padding-top: 0px; /*416*/
position: relative;

}



.fixBase {
position: absolute;
bottom: 0px;
width: auto;
color: #553311;
}
.leftarrow {
	position: fixed;	
}



.linoType {
position: absolute;
bottom: -25px;
left: 0px;
width: 210px;
height: 38px;
background-color: #006666;


}
.form {
	background-image: url(images/pc-form.jpg);
	background-repeat: no-repeat;
}


div.noMargin p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: x-small;
	margin-bottom: .5em;
	text-transform: uppercase;
}

.peppercookies {
float: left;
border: 1px solid #ffffff;
background-color: #FFFFFF;
width: 208px;
height: 58px;

margin-top: 8px;
}
.simpleCol table {
padding-left: 0px;
}

.navBox p {
font-size: 10px;
padding: 0em;
padding-left: 10px;
padding-right: 10px;

}

.contactDetails p {
padding-bottom: 2em;
}

p span.andale {
	font-family: Andale mono, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

p span.verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.simpleCol {
float: left;
}

.imageBoxA, .imageBoxB {
float: left;
width: 326px;
height: 416px;
/**/
border-top: 1px solid #664422;
border-left: 1px solid #553311;
border-right: 1px solid #553311;
border-bottom: 1px solid #442200;

margin: 0em;
overflow: hidden;
background-color: #FFFFFF;
}


body.home .imageBoxA, body.illustration .imageBoxA, body.photography .imageBoxA, body.home .imageBoxB, body.style .imageBoxB, body.production .imageBoxB {
width: 328px;
height: 418px;
border: 0px solid #FFFFFF;
}

.imageBoxC {
float: left;
/*border: 1px solid #333333;
border-top: 1px solid #dddddd;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #aaaaaa;*/

margin: 0em;
height: 418px;
overflow: hidden;
background-color: #FFFFFF;
width: 664px;
margin-left: 8px;
}

.thumbnailBox {
float: left;
border-top: 1px solid #dddddd;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #aaaaaa;
width: 46px;
margin: 0em;
height: 58px;
overflow: hidden;
background-color: #FFFFFF;
margin-top: 8px;
margin-left: 8px;
}

.imageBoxA {


margin-right: 8px;
/*margin-left: 8px;
*/
}

#illustrationNames, #photographyNames, #productionNames, #styleNames, #animationnames {
display: none; 
color: #553311;
margin-bottom: 0em;
border-left: 0px solid #997744;
padding-left: .5em;
margin-left: 1px;
}
.toptext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #443322;
	font-weight: normal;
	text-decoration: none;
}




body.illustration #illustrationNames, body.photography #photographyNames, body.production #productionNames, body.style #styleNames, body.animation #animationnames {
display: block; 
}

body.susannebjorkman .colOne p#susannebjorkman a, body.christinadrejenstam .colOne p#christinadrejenstam a, body.evahjelte .colOne p#evahjelte a, body.miranameth .colOne p#miranameth a, body.lindaalfvegren .colOne p#lindaalfvegren a, body.susannebjorkman .colOne p#susannebjorkman a, body.katjamayer .colOne p#katjamayer a, body.juliepike .colOne p#juliepike a, body.madeleinesoder .colOne p#madeleinesoder a {
background-color: transparent;
color: #FF7700;
}


#thumbnails {
float: left;
width: 672px;
padding-left: 210px;
padding-top: 8px;
margin-left: 0px;
}

#artistPages {
margin: 0em;
margin-top: 1em;
padding: 0em;
clear:both;
}

#artistPages li {
display: inline;
}

#artistPages li a {
text-decoration: none;
font-size:xx-small;
color: #666666;
line-height: 1em;
height: 1em;
padding: .25em 3em .25em 3em;
margin: 0em;
background-color: #cccccc;
}

body.pg01 #artistPages li a#set01 {
background-color: #553311;
color: #ffffff;
}

#pcthumbnails01, #pcthumbnails02, #pcthumbnails03, #pcthumbnails04, #pcthumbnails05 {
 width: 664px;
 height: 54px;
 margin: 0; padding: 0;
 position: relative;

}

#pcthumbnails01 li, #pcthumbnails02 li, #pcthumbnails03 li, #pcthumbnails04 li, #pcthumbnails05 li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#pcthumbnails01 li, #pcthumbnails02 li, #pcthumbnails03 li, #pcthumbnails04 li, #pcthumbnails05 li, #pcthumbnails01 a, #pcthumbnails02 a, #pcthumbnails03 a, #pcthumbnails04 a, #pcthumbnails05 a {height: 54px; display: block;}

/* Set 01 */
#panel01 {left: 0; width: 88px;}
#panel02 {left: 96px; width: 88px;}
#panel03 {left: 192px; width: 88px;}
#panel04 {left: 288px; width: 88px;}
#panel05 {left: 384px; width: 88px;}
#panel06 {left: 480px; width: 88px;}
#panel07 {left: 576px; width: 88px;}

#panel01 a:hover {background: transparent 0 -54px no-repeat;}
#panel02 a:hover {background: transparent -96px -54px no-repeat;}
#panel03 a:hover {background: transparent -192px -54px no-repeat;}
#panel04 a:hover {background: transparent -288px -54px no-repeat;}
#panel05 a:hover {background: transparent -384px -54px no-repeat;}
#panel06 a:hover {background: transparent -480px -54px no-repeat;}
#panel07 a:hover {background: transparent -576px -54px no-repeat;}

/* Set 02 */

#panel08 {left: 0; width: 88px;}
#panel09 {left: 96px; width: 88px;}
#panel10 {left: 192px; width: 88px;}
#panel11 {left: 288px; width: 88px;}
#panel12 {left: 384px; width: 88px;}
#panel13 {left: 480px; width: 88px;}
#panel14 {left: 576px; width: 88px;}

#panel08 a:hover {background: transparent 0 -54px no-repeat;}
#panel09 a:hover {background: transparent -96px -54px no-repeat;}
#panel10 a:hover {background: transparent -192px -54px no-repeat;}
#panel11 a:hover {background: transparent -288px -54px no-repeat;}
#panel12 a:hover {background: transparent -384px -54px no-repeat;}
#panel13 a:hover {background: transparent -480px -54px no-repeat;}
#panel14 a:hover {background: transparent -576px -54px no-repeat;}


/* Set 03 */

#panel15 {left: 0; width: 88px;}
#panel16 {left: 96px; width: 88px;}
#panel17 {left: 192px; width: 88px;}
#panel18 {left: 288px; width: 88px;}
#panel19 {left: 384px; width: 88px;}
#panel20 {left: 480px; width: 88px;}
#panel21 {left: 576px; width: 88px;}

#panel15 a:hover {background: transparent 0 -54px no-repeat;}
#panel16 a:hover {background: transparent -96px -54px no-repeat;}
#panel17 a:hover {background: transparent -192px -54px no-repeat;}
#panel18 a:hover {background: transparent -288px -54px no-repeat;}
#panel19 a:hover {background: transparent -384px -54px no-repeat;}
#panel20 a:hover {background: transparent -480px -54px no-repeat;}
#panel21 a:hover {background: transparent -576px -54px no-repeat;}

/* Set 04 */

#panel22 {left: 0; width: 88px;}
#panel23 {left: 96px; width: 88px;}
#panel24 {left: 192px; width: 88px;}
#panel25 {left: 288px; width: 88px;}
#panel26 {left: 384px; width: 88px;}
#panel27 {left: 480px; width: 88px;}
#panel28 {left: 576px; width: 88px;}

#panel22 a:hover {background: transparent 0 -54px no-repeat;}
#panel23 a:hover {background: transparent -96px -54px no-repeat;}
#panel24 a:hover {background: transparent -192px -54px no-repeat;}
#panel25 a:hover {background: transparent -288px -54px no-repeat;}
#panel26 a:hover {background: transparent -384px -54px no-repeat;}
#panel27 a:hover {background: transparent -480px -54px no-repeat;}
#panel28 a:hover {background: transparent -576px -54px no-repeat;}

/* Set 05 */

#panel29 {left: 0; width: 88px;}
#panel30 {left: 96px; width: 88px;}
#panel31 {left: 192px; width: 88px;}
#panel32 {left: 288px; width: 88px;}
#panel33 {left: 384px; width: 88px;}
#panel34 {left: 480px; width: 88px;}
#panel35 {left: 576px; width: 88px;}

#panel29 a:hover {background: transparent 0 -54px no-repeat;}
#panel30 a:hover {background: transparent -96px -54px no-repeat;}
#panel31 a:hover {background: transparent -192px -54px no-repeat;}
#panel32 a:hover {background: transparent -288px -54px no-repeat;}
#panel33 a:hover {background: transparent -384px -54px no-repeat;}
#panel34 a:hover {background: transparent -480px -54px no-repeat;}
#panel35 a:hover {background: transparent -576px -54px no-repeat;}





/*-----Page Labels-----*/
.linoType {background: transparent url(images/welcome.jpg) no-repeat;}
body.photography .linoType {background: transparent url(images/photography.jpg) no-repeat;}
body.illustration .linoType {background: transparent url(/images/illustration.jpg) no-repeat;}
body.style .linoType {background: transparent url(images/style.jpg) no-repeat;}
body.production .linoType {background: transparent url(images/production.jpg) no-repeat;}
body.about .linoType {background: transparent url(images/we-are.jpg) no-repeat;}

.nav {
	border: 1pt solid #443322;
	position: static;
}
.none {
	border: 1pt solid #FFFFFF;
	position: static;
	
}
.imagetext {
	FONT-SIZE: 8px; 
	COLOR: #999999; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
a.visited {
	color: #FF0000;
	text-decoration: none;
}
a.imagetext:visited {
	color: #FF6600;
	text-decoration: none;
}
a.artistslinks:link {
	color: #423620;
	text-decoration: none;
}

a.artistslinks:hover {
	color: #A07650;
	text-decoration: none;
}

a.artistslinks:active {
	color: #FF6600;
	text-decoration: none;
}
text#active {
	color: #FF7700;
	text-decoration: none;
}

img#limited {
	position:relative;
	top: -38px;
}
img#headerillu {
	position:relative;
	left: 5px;
}
img#limited {
	position:absolute;
	top: 402px;
}