/*
-----------------------------------------------------------------------------------------
Global 
-------------------------------------------------------------------------------------- */

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #FFFFFF;
	margin: 0;
	background-image:url(../images/site/background.gif);
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color:#000000;
	text-decoration: none;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

/*
-----------------------------------------------------------------------------------------
Structure
-------------------------------------------------------------------------------------- */

div#top {
	width: 100%;
	height: 50px;
	background-image:url(../images/site/spacer_white.gif);
}

div#line_top {
	width: 100%;
	height: 1px;
	background-image:url(../images/site/spacer_black.gif);
}

div#content {
	width: 100%;
	height: 328px;
	background-image:url(../images/site/spacer_background.gif);
}

div#home {
	width: 100%;
	height: 328px;
	background-image:url(../images/site/spacer_home.gif);
}


div#line_lower_one {
	width: 100%;
	height: 1px;
	background-image:url(../images/site/spacer_black.gif);
}

div#line_lower_two {
	width: 100%;
	height: 3px;
	background-image:url(../images/site/spacer_dark.gif);
}

div#line_lower_three {
	width: 100%;
	height: 1px;
	background-image:url(../images/site/spacer_black.gif);
}

div#logo {
	width: 29px;
	height: 233px;
	background-image:url(../images/site/logo.gif);
	margin: 45px 0 0 25px;
	position: absolute;
}


/*
-----------------------------------------------------------------------------------------
Content
-------------------------------------------------------------------------------------- */

div#imagejemma {
	width: auto;
	height: 200px;
	margin: 37px 0 0 100px;
	position: absolute;
}

div#image {
	width: auto;
	height: 250px;
	margin: 37px 0 0 100px;
	position: absolute;
}

div#image2 {
	width: auto;
	height: 250px;
	margin: 37px 0 0 306px;
	position: absolute;
}

div#image3 {
	width: auto;
	height: 250px;
	margin: 37px 0 0 511px;
	position: absolute;
}

div#image4 {
	width: auto;
	height: 250px;
	margin: 37px 0 0 716px;
	position: absolute;
}

div#imagesmall {
	width: auto;
	height: 150px;
	margin: 37px 0 0 100px;
	position: absolute;
}

div#imagesmalltwo {
	width: auto;
	height: 150px;
	margin: 37px 0 0 290px;
	position: absolute;
}

div#imagesmallthree {
	width: auto;
	height: 150px;
	margin: 37px 0 0 460px;
	position: absolute;
}

div#imagesmallfour {
	width: auto;
	height: 150px;
	margin: 37px 0 0 631px;
	position: absolute;
}

div#bellowimage {
	width:auto;
	margin: 293px 0 0 100px;
	position:absolute;
	}

div#title {
	width: 350px;
	margin: 230px 0 0 482px;
	position: absolute;

}

div#title2 {
	width: 350px;
	margin: 230px 0 0 510px;
	position: absolute;

}

div#nav {
	width: 150px;
	margin: 276px 0 0 490px;
	position: absolute;

}

div#nav2 {
	width: 150px;
	margin: 276px 0 0 517px;
	position: absolute;

}

#pages {
	padding: 0;
	margin: 0 0 0 624px;
	width:auto;
	position: relative;
	
}

div#commissions {
	width: 350px;
	height: 300px;
	margin: 15px 0 0 100px;
	position: absolute;
	overflow:auto;
}

div#about {
	width: 500px;
	height: 300px;
	margin: 30px 0 0 100px;
	position: absolute;
	overflow:auto;
}

div#contact {
	width: 528px;
	height: 328px;
	margin: 25px 0 0 100px;
	position: absolute;
	overflow:auto;
}


div#contact1 {
	height: 328px;
	width: 200px;
	margin: 0 0 0 0;
	float:left;
}

div#contact2 {
	height: 320px;
	width: 300px;
	position: relative;
	overflow:auto;
}

div#about_image {
	float:right;
	padding: 0 0 5px 15px;
}

#plot {
	padding: 0;
	width:auto;
	float:right;
	margin: 0 10px 0 0;
	
}



/*
-----------------------------------------------------------------------------------------
Thumbnails
-------------------------------------------------------------------------------------- */

div#thumb_one {
	width: 790px;
	height: 100px;
	margin: 52px 0 0 100px;
	position: absolute;
	visibility:visible;
	overflow: visible;
}

div#thumb_two {
	width: 790px;
	height: 100px;
	margin: 165px 0 0 100px;
	position: absolute;
	visibility:visible;
	overflow: visible;
}

div#thumb_three {
	width: 805px;
	height: 100px;
	margin: 52px 0 0 100px;
	position: absolute;
	visibility:hidden;
}

div#thumb_four {
	width: 805px;
	height: 100px;
	margin: 165px 0 0 100px;
	position: absolute;
	visibility:hidden;
}

div#thumb_five {
	width: 790px;
	height: 100px;
	margin: 52px 0 0 100px;
	position: absolute;
	visibility:hidden;
}

div#thumb_six {
	width: 760px;
	height: 100px;
	margin: 165px 0 0 100px;
	position: absolute;
	visibility:hidden;
}

div#thumb_seven, div#thumb_nine {
	width: 790px;
	height: 100px;
	margin: 52px 0 0 100px;
	position: absolute;
	visibility:hidden;
}

div#thumb_eight, div#thumb_ten {
	width: 790px;
	height: 100px;
	margin: 165px 0 0 100px;
	position: absolute;
	visibility:hidden;
}


/*
-----------------------------------------------------------------------------------------
Text + Classes
-------------------------------------------------------------------------------------- */
.nav {padding-right: 10px;}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.red {color:#FF0000;}

.portrait {
	border: solid #000000 1px;
}
.portrait:hover {
	border: solid #CC0000 1px;
}

.thumbs img {
	margin-right:8px;
	border:0; 
}

.thumbs img:hover {
	margin-right:8px;
	opacity:.60;
}