/* main layout classes */
body { 
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 12px;
}

#logo {
	padding: 0px;
	margin: 0px;
}

#main_navigation {
	width: 760px;
}

#main_navigation a,
#main_navigation a:link,
#main_navigation a:visited {
	font:			    17px times;
	font-weight:        bold;
	text-decoration:	none;
	color:			    #803F44;
	float:			    left;
	margin:			    0px 33px;
}
#main_navigation a:hover {
	color:			    #000000;
}
#secondary_navigation {
	width: 			    760px;
	clear: 			    left;
	height:			    20px;
	position:		    relative;
}
#secondary_navigation div {
	position:			absolute;
	top:				0px;
	left:				0px;
	height:				20px;
	padding-top:	    10px;
	text-align: 	    left;
}
#secondary_navigation a,
#secondary_navigation a:link,
#secondary_navigation a:visited {
	font:			    13px Times;
	font-weight:        bold;
	text-decoration:	none;
	color:			    #999999;
	margin:			    0px 15px;
}
#secondary_navigation a:hover {
	color:			    #dddddd;
}

#main_page {
	clear: 			    left;
	margin-top: 		30px;
	text-align: 		center;
	width: 			    760px;
}

#headshot {
    float: right;
    margin-left: 20px;
}

a.big,
a:link.big,
a:visited.big {
	font:			    17px Times;
	font-weight:        bold;
	text-decoration:	none;
	color:			    #999999;
}
a:hover.big {
	color:			    #444444;
	text-decoration:	underline;
}

#slideshow {
	position: relative;
	width: 760px;
	height: 500px;
	padding: 0px;
}
#slideshow div {
	position: absolute;
	width: 760px;
	top: 0px;
	left: 0px;
	text-align: center;
}
#end_navigation {
	margin-top: 		120px;
	width: 			760px;
}
#end_navigation a,
#end_navigation a:link,
#end_navigation a:visited {
	font-family: 		arial;
	font-size: 		13px;
	color:			#f5f5f5;
}
#end_navigation a:hover {
	color:			#999999;
}

#viewer {
	position: absolute;
	background-color: #000000;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#loading {
	position: absolute;
	background-color: #ffffff;
	color: #803F44;
	border: 1px solid #803F44;
	width: 500px;
	top: 20px;
	left: 100px;
	margin: 0;
	padding: 5px;
	z-index: 10;
	font:			14px times;
	font-weight: bold;
}
#thumbnails {
	position: relative;
    padding: 0px;
	width: 			760px;
}
#thumbnails div {
	float: left;
    padding: 0px;
	margin: 0px 7px 7px 7px;
}
.album {
	float: left;
	margin: 5px;
}
.album a,
.album a:link,
.album a:visited {
	font:			17px times bold;
	text-decoration:	none;
	color:			#803F44;
}
.album a:hover {
	color:			#000000;
}

/* default styles by tag */
legend {
    font-size:          14px;
	font-weight: 		bold;
	color: 			    #803F44;
	padding: 		    4px;
}
label {
	font-weight: 		bold;
	color: 			    #803F44;
	display: 		    block;
	margin-top: 		3px;
	margin-bottom: 		2px;
}
fieldset{
	width: 			    450px;
	padding:		    10px;
	background-color: 	#ffffff;
	margin-top: 		6px;
	margin-bottom: 		6px;
}
input {
	background-color: 	#f6f6f6;
	margin-top: 		3px;
	margin-bottom: 		2px;
}
input.text {
	width: 			400px;
}
select {
	background-color: 	#f6f6f6;
	margin-top: 		3px;
	margin-bottom: 		2px;
	width: 			400px;
}
textarea {
	background-color: 	#f6f6f6;
	width: 			400px;
	height: 		300px;
	margin-top: 		3px;
	margin-bottom: 		2px;
}
div {
	margin-top: 2px;
	margin-bottom: 2px;
}
p {
	margin-top: 5px;
	margin-bottom: 5px;
}
img {
	border: 0px;
}
h1 {
	color:			    #803F44;
}
h2 {
	color:			    #803F44;
}
h3 {
	color:			    #803F44;
}

/* required fields and error message classes */
.error {
	color: 			#FF0000;
	font-weight: 		bold;
	border: 		1px solid #FF0000;
	padding: 		6px;
	background-color: 	#fdfdfd;
	text-align:		left;
}
p.required,
label.required {
	color: 			#CCCC33;
	font-weight: 		bold;
}
input.required,
textarea.required,
select.required {
	background-color:	#FFFFCC;
}
p.optional,
label.optional {
	color: 			#1A8341;
	font-weight: 		bold;
}
input.optional,
textarea.optional,
select.optional {
	background-color: 	#8ACC9C;
}

/* useful secondary classes */
.dim {
	color: #999999;
	font-size: 11px;
}

/* navigation */
a.btn {
	text-decoration: none;
	color: #444444;
	display: block;
	float: left;
	border: 1px #444444 outset;
	background: #dddddd;
	padding: 2px;
	margin-right: 3px;
}
a:hover.btn {
	color: #dddddd;
	background: #444444;
	border: 1px #dddddd inset;
}

.gap_after {
	margin-bottom: 20px;
}

.thumb {
	float: left;
	padding: 1px;
	margin: 2px;
	border: 1px solid #000000;
}