* html {
	height: 790px;
}

body {
	min-height: 790px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: #fff url('../images/background.jpg') bottom repeat-x;
	color: #0f2229;
	font-size: 10px;
	font-family: Arial, Sans-serif;
}

* html body {
	height: 790px;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.alignRight { text-align: right; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

h1, h2, h3, h4, h5, .title {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Times New Roman, Serif;
	font-weight: bold;
	font-style: italic;
}

p { margin: 12px 0px; }

h1 { font-size: 1.71em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1em; }

a img { border: none; }

a {
	color: #828c8f;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

	#lines {
		position: absolute;
		z-index: 1;
		left: 50%;
		bottom: 0%;
		width: 656px;
		margin-left: -328px;
		height: 100%;
		background: url('../images/lines_top.gif') repeat-y 50% 0%;
	}
	
	* html #lines {
		height: 790px;
	}
	
		#behindMenu {
			position: absolute;
			left: 50%;
			margin-left: -90px; /*half the width*/
			bottom: 704px;
		}
		
		#bottomLines {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		
	#nav {
		position: absolute;
		z-index: 2;
		left: 50%;
		bottom: 685px;
		width: 920px;
		margin-left: -460px;
		height: 104px;
	}
	
		#nav .hole {
			position: absolute;
			z-index: 3;
			top: 11px;
			left: 0px;
		}
		
		#nav .hole.rightHole { /*IE gets the selector .hole.right mixed up with .fold.right hence .rightHole*/
			left: auto;
			right: 0px;
		}
		
		#nav .fold {
			position: absolute;
			z-index: 4;
			top: 0px;
			left: 10px;
		}
		
		#nav .fold.rightFold {
			left: auto;
			right: 10px;
		}
		
		#shadow {
			position: absolute;
			z-index: 5;
			left: 6px;
			bottom: 0px;
		}
	
		#menu {
			position: absolute;
			z-index: 6;
			left: 10px;
			top: 0px;
			width: 900px;
			height: 85px;
		}
		
			#menu div.background, #menu div.content {
				position: absolute;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
			}
			
			#menu div.background {
				z-index: 6;
				background: url('../images/menu-background.png') repeat-y;
			}
			
				#menu div.background img {
					position: absolute;
					left: 0px;
					bottom: 0px;
				}
				
			#menu div.content {
				z-index: 7;
			}
			
				#name {
					position: absolute;
					top: 33px;
					left: 19px; /*same as right of #subLinks*/
				}
				
				#links {
					position: absolute;
					left: 52%;
					margin-left: -210px; /*half the width as specified by the sum of the widths of the links (see actual html)*/
				}
				
					#links a, #subLinks a {
						display: block;
						color: #fff;
						font-family: Georgia, Times New Roman, Serif;
						font-style: italic;
					}
					
					#links a {
						float: left;
						height: 85px;
						line-height: 85px;
						text-align: center;
						font-size: 1.8em;
					}
					
					#links a.selected, #subLinks a.selected {
						font-weight: bold;
						text-decoration: underline;
					}
					
				#subLinks {
					position: absolute;
					right: 19px; /*same as left of #name */
					top: 50%;
					margin-top: -30px;
				}
				
					#subLinks a {
						width: 100px;
						height: 30px;
						line-height: 30px;
						font-size: 1.6em;
						text-align: right;
					}
					
	#container {
		position: absolute;
		z-index: 2;
		left: 50%;
		bottom: 118px;
		width: 900px;
		margin-left: -450px;
		height: 570px;
	}
	
		#central {
			position: absolute;
			z-index: 2;
			bottom: 0px;
			left: 50%;
			width: 548px;
			height: 404px;
			margin-left: -274px;
		}
		
			#central div.background {
				position: absolute;
				z-index: 2;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background: url('../images/central.png') no-repeat;
			}
			
			#central div.content {
				position: absolute;
				z-index: 3;
				top: 30px;
				left: 50%;
				width: 428px;
				height: 280px;
				margin-left: -214px;
				font-size: 1.4em;
			}
			
				#central p {
					line-height: 1.71em;
				}
				
					#central #send {
						position: absolute;
						bottom: 0px;
						right: 0px;
					}
	
		#white, #whiteShort {
			position: absolute;
			z-index: 2;
			left: 0px;
			bottom: 116px;
			width: 100%;
			height: 448px;
		}
		
		#white {
			bottom: 68px;
			height: 496px;
		}
		
			#white div.background, #whiteShort div.background {
				position: absolute;
				z-index: 3;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
				background: url('../images/white_short-background.png') repeat-x;
			}
			
			#white div.background {
				background: url('../images/white-background.png') repeat-x;
			}
			
			#white img.border, #whiteShort img.border {
				position: absolute;
				z-index: 3;
			}
			
				#white img.borderTop, #white img.borderLeft, #whiteShort img.borderTop, #whiteShort img.borderLeft {
					top: 0px;
					left: 0px;
				}
				
				#white img.borderBottom, #white img.borderRight, #whiteShort img.borderBottom, #whiteShort img.borderRight {
					right: 0px;
					bottom: 0px;
				}
				
			#whiteShort img.shadow, #white img.shadow {
				position: absolute;
				left: -26px;
				top: 100%;
				margin-top: -10px;
			}
			
			#white div.content, #whiteShort div.content {
				position: absolute;
				z-index: 4;
				width: 100%;
				height: 100%;
			}
			
				#welcome {
					position: absolute;
					z-index: 4;
					top: 18px;
					left: 28px;
					font-family: Georgia, Times New Roman, Serif;
					font-size: 2.4em;
					line-height: 44px;
					font-style: italic;
				}
				
					#welcome a {
						position: relative;
						font-weight: bold;
					}
					
					#arrow {
						position: absolute;
						right: -115px;
						//right: 20px;
						top: -12px;
					}
					
				#chuck {
					position: absolute;
					z-index: 4;
					top: 311px;
					left: 18px;
					width: 198px;
					height: 200px;
					background: url('../images/chuck-norris_faded.png') no-repeat;
				}
				
				#chuck:hover {
					background-image: url('../images/chuck-norris.png');
				}
				
					#chuck img { display: none; } /*used to preload hover*/
					
			#photos {
				position: absolute;
				z-index: 5;
				top: 11px;
				right: -13px;
				width: 172px;
				height: 385px;
			}
			
				#photos div.background {
					position: absolute;
					z-index: 5;
					width: 100%;
					height: 560px;
					left: 0px;
					top: 0px;
					background: url('../images/photos.png') no-repeat;
				}
				
				#photos #thumbnails {
					z-index: 6;
					top: 12px;
					left: 10px;
				}
				
				#thumbnails {
					position: absolute;
				}
					#thumbnails a {
						position: relative;
						display: block;
						float: left;
						width: 70px;
						height: 70px;
						margin: 0px 2px 2px 0px;
						background: url('../images/thumbnail-border.png') no-repeat;
					}
					
					#thumbnails a.selected {
						background: url('../images/thumbnail-border_selected.png') no-repeat;
					}
						
						#thumbnails a img {
							position: absolute;
							left: 4px;
							top: 1px;
							width: 62px;
							height: 62px;
						}
						
			#gallery {
				position: absolute;
				z-index: 4;
				top: 10px;
				left: 0px;
				width: 100%;
				height: 175px;
			}
			
				#gallery div.background {
					position: absolute;
					z-index: 4;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
					background: url('../images/thumbnails-background.png') repeat-x;
				}
				
				#gallery img.fold {
					position: absolute;
					z-index: 4;
					top: 0px;
				}
				
				#gallery img.foldLeft { left: -10px; }
				#gallery img.foldRight { right: -10px; }
				
				#gallery a.nav {
					position: absolute;
					z-index: 5;
					top: 54px;
					font-family: Georgia, Times New Roman, Serif;
					font-size: 4.8em;
					font-weight: bold;
					color: #0f2229;
				}
				
				#gallery a.nav:hover {
					color: #828c8f;
					text-decoration: none;
				}
				
				#gallery a.navLeft { left: 280px; }
				#gallery a.navRight { right: 28px; }
				
				#description {
					position: absolute;
					top: 50px;
					left: 80px;
					font-size: 1.1em;
				}
				
					#description span {
						font-size: 1.27em;
					}
				
				#white.photos #thumbnails {
					position: absolute;
					z-index: 5;
					top: 17px;
					left: 326px;
					width: 508px;
				}
				
			#text {
				position: absolute;
				z-index: 4;
				top: 10px;
				right: 10px;
				width: 616px;
				height: 474px;
			}
			
				#text div.background {
					position: absolute;
					z-index: 4;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
					background: url('../images/text.png') no-repeat;
				}
				
				#text div.title {
					position: absolute;
					z-index: 4;
					top: 50px;
					left: -261px;
					font-size: 2.4em;
					width: 243px;
					text-align: center;
				}
				
				#text div.content {
					position: absolute;
					z-index: 5;
					top: 20px;
					left: 20px;
					width: 576px;
					height: 434px;
					overflow: hidden;
					font-size: 1.4em;
					line-height: 1.71em;
				}
				
					#text div.content p {
						text-indent: 25px;
					}
					
					#text div.content p.noIndent, #text div.content form p {
						text-indent: 0px;
					}
					
					#text div.content p.first {
						margin-top: 0px;
					}
				
					#text div.content a {
						font-weight: bold;
					}
				
					#text div.content hr {
						margin: 30px 70px;
						//margin: 10px 70px;
					}
				
					form {
						margin: 0px;
						padding: 0px;
					}
					
					form, div.input input {
						font-size: 0.8em;
					}
					
						form p {
							position: relative;
							clear: both;
							height: 22px;
							margin: 12px 0px;
						}
						
							form label {
								display: block;
								float: left;
								width: 100px;
								height: 22px;
								line-height: 22px;
							}
							
							.error {
								display: block;
								float: left;
								height: 22px;
								line-height: 22px;
								padding-left: 5px;
							}
							
							.input {
								display: block;
								position: relative;
								float: left;
								width: 207px;
								height: 22px;
							}
							
								.input .bg {
									display: block;
									position: absolute;
									z-index: 6;
									top: 0px;
									left: 0px;
									width: 100%;
									height: 100%;
									background: url('../images/input_small.png') no-repeat;
								}
								
								.input input {
									position: absolute;
									z-index: 7;
									top: 0px;
									left: 10px;
									width: 187px;
									height: 20px;
									line-height: 22px;
									background: none;
									border: none;
								}
		
		#munky {
			position: absolute;
			z-index: 19;
			bottom: 0px;
			right: 70px;
		}
		
		#panel {
			position: absolute;
			z-index: 20;
			left: 50%;
			bottom: 45px;
			width: 400px;
			margin-left: -200px;
			height: 370px;
		}
		
			#panel img.reflection, #panelThin img.reflection {
				position: absolute;
				z-index: 20;
				top: 100%;
				margin-top: -13px;
				left: 50%;
				margin-left: -236px; /*half the width*/
			}
		
			#panel div.background, #panelThin div.background {
				position: absolute;
				z-index: 21;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background: url('../images/panel-background.png') repeat-x;
			}
			
				#panel div.background .top, #panel div.background .bottom, #panel div.background .left, #panel div.background .right, #panel div.background .separator, #panelThin div.background .top, #panelThin div.background .bottom, #panelThin div.background .left, #panelThin div.background .right, #panelThin div.background .separator {
					position: absolute;
					z-index: 21;
				}
				
				#panel div.background .top, #panel div.background .bottom, #panel div.background .separator, #panelThin div.background .top, #panelThin div.background .bottom, #panelThin div.background .separator {
					height: 2px;
					left: 3px;
					background: url('../images/panel-border_top.png') repeat-x;
				}
				
				#panel div.background .top, #panelThin div.background .top {
					width: 393px;
					top: 3px;
				}
				#panel div.background .bottom, #panelThin div.background .bottom {
					width: 393px;
					bottom: 3px; 
					//bottom: -7px;
				}
				
				#panel div.background .left, #panel div.background .right, #panelThin div.background .left, #panelThin div.background .right {
					width: 2px;
					background: url('../images/panel-border_side.png') repeat-y;
				}
				
				#panel div.background .left, #panelThin div.background .left {
					left: 3px;
					height: 361px;
					top: 4px;
				}
				#panel div.background .right, #panelThin div.background .right {
					top: 3px;
					height: 362px;
					right: 3px;
				}
				
				#panel div.background .separator, #panelThin div.background .separator {
					left: 5px;
					top: 247px;
					width: 390px;
					height: 2px;
				}
				
				#panelRadial {
					position: absolute;
					top: 0px;
					left: 50%;
					margin-left: -195px; /*half the width*/
				}
				
			#idea, #charge {
				position: absolute;
				z-index: 22;
								
				font-size: 1.8em;
				line-height: 28px;
				font-family: Georgia, Times New Roman, Serif;
				color: #fff;
				font-style: italic;
			}
			
			#idea {
				left: 30px;
				top: 7px;
				//top: 17px;
				width: 345px;
			}
			
			#charge {
				width: 100%;
				left: 0px;
				top: 265px;
				
				text-align: center;
			}
			
			#free {
				display: block;
				position: absolute;
				z-index: 22;
				right: -11px;
				bottom: 6px;
				width: 260px;
				height: 31px;
				background: url('../images/panel-ribbon.png') no-repeat;
			}

				#idea p {
					margin: 18px 0px;
				}

				#idea a, #charge a {
					color: #fff;
					font-weight: bold;
				}
			
		#panelThin {
			position: absolute;
			z-index: 20;
			left: 13px;
			bottom: 45px;
			width: 243px;
			height: 370px;
		}
		
			#panelThin img.reflection {
				/*see #panel img.reflection */
				margin-left: -143px; /*half the width*/
			}
		
			#panelThin div.background {
				/*see #panel div.background */
				background: url('../images/panel_thin-background.png') repeat-y;
			}
			
				/*see #panel div.background .top etc */
				#panelThin div.background .top, #panelThin div.background .bottom {
					width: 236px;
				}
				
				#panelThin div.background .separator {
					top: 57px;
					width: 233px;
				}
				
			#ribbon {
				position: absolute;
				z-index: 22;
				top: 13px;
				left: 8px;
				width: 235px;
				height: 44px;
				line-height: 35px;
				color: #fff;
				font-family: Georgia, Times New Roman, Serif;
				font-weight: bold;
				font-style: italic;
				font-size: 1.8em;
			}
			
				#ribbon div.bg {
					position: absolute;
					z-index: 22;
					top: 0px;
					left: 6px;
					width: 229px;
					//width: 228px;
					height: 100%;
					background: url('../images/panel_thin-ribbon-background.png') repeat-x;
				}
				
					#ribbon div.bg img {
						position: absolute;
						z-index: 22;
						top: 0px;
						left: -10px;
					}
				
				#ribbon img.fold {
					position: absolute;
					z-index: 22;
					top: 0px;
					right: -11px;
				}
				
				#ribbon div.label {
					position: absolute;
					z-index: 23;
					top: 0px;
					left: 19px;
				}
				
			#panelThin div.content {
				position: absolute;
				z-index: 22;
				top: 72px;
				left: 21px;
				color: #fff;
				font-size: 1.4em;
				line-height: 1.65em;
				font-style: italic;
			}
			
				#panelThin div.content a {
					color: #fff;
				}
				
				#panelThin div.content a.selected {
					font-weight: bold;
				}
				
		#photo {
			position: absolute;
			z-index: 4;
			top: 206px;
			left: 260px;
			width: 640px;
		}
		
			#magnify {
				position: absolute;
				z-index: 5;
				top: 233px;
				right: 15px;
			}
		
			#photo div.holder {
				text-align: center;
			}
			
				/*#photo div.holder div {
					float: left;
					border: 1px solid #0f2229;
				}*/
			
					#mainPhoto {
						border: 1px solid #0f2229;
					}
			
	#footer {
		position: absolute;
		z-index: 10000;
		bottom: 0px;
		left: 50%;
		margin-left: 330px;
	}
	
		#footer span {
			position: absolute;
			top: 0px;
			left: 0px;
		}
	
		#footer img {
			//margin-bottom: -3px;
		}