#container {
	position: relative;
	margin: 20px auto;
	top: 0px;
	width: 850px;
	height: 850px;
}


BODY { background-color: #f4f4e9;}
A { text-decoration: none}

a:link { color: #b36b9a; }
a:visited {	color: #b36b9a; }
a:hover {	color: #ff0000; }
a:active {	color: #b36b9a; }


/* -------------------- Typography -------------------- */

.topnav { font-family: georgia, serif; font-size: 17px; letter-spacing: .8px; color: #b36b9a; }
.text { font-family: georgia, serif; font-size: 11px; line-height: 16px; color: #b36b9a; }
.head { font-family: georgia, serif; font-size: 16px; line-height: 19px; color: #b36b9a; line-height: 25px;}
.sub { font-family: georgia, serif; font-size: 13px; line-height: 16px; color: #b36b9a; }
.caption { font-family: georgia, serif; font-size: 12px; line-height: 14px; color: #b36b9a; }
.contact { font-family: georgia, serif; font-size: 16px; color: #b36b9a; }
.copyright { font-family: georgia, serif; font-size: 9px; color: #b36b9a; }




/* -------------------- Layout -------------------- */

#logo {
	position: absolute;
	top: 0px;
	left: 150px;
}

#top_rule {
	position: absolute;
	top: 50px;
	width:525px;
	left: 125px;
	background-color: #FF0000;
	height: 1px;
}

#nav_pane {
	position: absolute;
	width:500px;
	top: 65px;
	left: 150px;
}

#main_pane {
	position: absolute;
	top: 175px;
	width: 525px;
	height: 470px;
	left: 125px;
	border: solid 1px #ff0000;
}

#image_pane {
	position: relative;
	margin-top: 25px;
	margin-left: 25px;
}


#thumbnails_pane {
	position: absolute;
	top: 175px;
	width:50px;
	left: 675px;
}

#caption {
	position: absolute;
	top: 675px;
	left: 25px;
	top: 430px;
}

#contact {
	position: absolute;
	top: 700px;
	left: 150px;
}

#copyright {
	position: absolute;
	top: 800px;
	left: 150px;
	width: 300px;
}


/* -------------------- Portfolio -------------------- */
#portfolio_image {
	position:absolute;
	left:150px;
	width:500px;
	height:500px;
}

#image_01, #image_02, #image_03, #image_04 {
	position:absolute;
	display:none;
	width:500px;
	height:200px;
}

#feature_05, #feature_06, #feature_07, #feature_08 {
	position:absolute;
	display:none;
	width:447px;
	height:115px;
}

#feature_09, #feature_10, #feature_11, #feature_12 {
	position:absolute;
	display:none;
	width:447px;
	height:115px;
}

#feature_01 {
	display:block;
	width:500px;
	height:200px;
}

#feature_01 img, #feature_02 img, #feature_03 img, #feature_04 img {
	float:right; }
	
#feature_05 img, #feature_06 img, #feature_07 img, #feature_08 img {
	float:right; }
	
#feature_09 img, #feature_10 img, #feature_11 img, #feature_12 img {
	float:right;
}