html, body {margin: 0; padding: 0; height: 100%}
body {color: #eee; background: url('../images/background.gif') #444; font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica; font-size: 11pt}
img {border: none}
hr {display: none}

a:link, a:visited {color: #ddd; text-decoration: none}


#main {width: 100%; height: 100%}
#main-cell {vertical-align: middle; padding: 15px 0 0 0}

#content {position: relative; width: 1000px; margin: 0 auto; height: 625px}

#site-heading {position: absolute; top: 2px; left: 0; text-transform: lowercase}
#contact-link {position: absolute; top: 2px; right: 0}

/*#line1 {position: absolute; top: 22px; left: 0}
#line2 {position: absolute; top: 508px; left: 0}
#line3 {position: absolute; top: 586px; left: 0}
div.line {width: 100%; height: 1px; background: #A4A4A4}*/

#thumbs-area {position: absolute; top: 515px; left: 0px; width: 100%; height: 64px}

#thumbs-wrapper {position: absolute; top: 4px; left: 22px; width: 958px; height: 60px; overflow: hidden}
	#thumbs {width: 10000px; margin: 1px 1px 0 0px}
	#thumbs a {margin-right: 4px}
	
	#thumbs-area.center-thumbs #thumbs {width: 100%; text-align: center}
	#thumbs-area.center-thumbs #thumb-arrow-left, #thumbs-area.center-thumbs #thumb-arrow-right {display: none}

#thumb-arrow-left {position: absolute; top: 5px; left: 0px; width: 20px; height: 53px; visibility: hidden; cursor: pointer}
#thumb-arrow-left img, #thumb-arrow-left span {display: block; margin-top: 20px; margin-left: 1px}
#thumb-arrow-right {position: absolute; top: 5px; right: 0px; width: 19px; height: 53px; visibility: hidden; cursor: pointer}
#thumb-arrow-right img, #thumb-arrow-right span {display: block; margin-top: 20px; margin-left: 10px}
#thumb-arrow-left.visible, #thumb-arrow-right.visible {visibility: visible}


#photo-area {position: absolute; top: 23px; left: 0; width: 100%; height: 485px}
#photo-wrapper {position: absolute; top: 15px; left: 0; height: 454px; width: 100%}
#photo-wrapper td {padding: 0; text-align: center; vertical-align: middle}
#photo {border: 1px solid #303030; cursor: pointer}
#arrow-left {position: absolute; top: 235px; left: 0px; width: 16px; height: 40px; cursor: pointer; visibility: hidden}
#arrow-left img, #arrow-left span {display: block; margin-top: 11px; margin-left: 1px}

#arrow-right {position: absolute; top: 235px; right: 0px; width: 16px; height: 40px; cursor: pointer; visibility: hidden}
#arrow-right img, #arrow-right span {display: block; margin-top: 11px; margin-left: 6px}

#arrow-left.visible, #arrow-right.visible {visibility: visible}
	
#categories {position: absolute; top: 589px; left: 0; width: 100%; text-align: center; cursor: default}
#categories a {margin: 0 8px; font-size: 10pt}
#categories a.selected {color: white; font-weight: bold}
#categories img {vertical-align: bottom}



#contact {position: absolute; top: 25px; left: 0px; width: 100%; height: 580px}
#contact td {padding: 0}
#contact-wrapper {margin-left: 270px}
#contact-wrapper td {vertical-align: top}
#contact, #contact h1 {font-size: 9pt}
#contact h1 {margin: 1.5em 0 0.5em 0}
#contact h1.first {margin-top: 0}
#contact p {margin: 0}
#contact p.indent {text-indent: 3.9em}

	#sebaphoto {display: block; margin-right: 30px; margin-top: 3px}