/*
      Nick Zegel ZEEGISBREATHING.COM
	  
	  E-Mail: zeegisbreathing@gmail.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(../images/bg-gray.gif) repeat-x;
 background-color:#FFF;
}


#header {
 position:absolute;
 top:20px;
 left:0px;
 padding: 0px;
 width:500px;
 height:90px;
 z-index:50;
}

#header h1 {
 background:url(../images/logo-signature.jpg);
 height:100%;
 width:100%;
 text-indent:-9999px;
 overflow:hidden;
 margin:0px;
 padding:0px;
}

#header h1 a{
 display:block;
 width:100%;
 height:100%;
}

#leftcolumn { 
 position:absolute;
 top:130px;
 left:0px;
 width: 280px;
 padding:0px;
 text-align:right;
/*
 background:#e8e9e9;
 background:url(../images/bg-leftcolumn-fade.png);
*/
 text-transform:uppercase;
 z-index:20;
}

#leftcolumn h5 {
	color:#36434D;
	font-weight:400;
	font-size:9px;
	letter-spacing:0.2em;
	margin:0 0 20px 0;
}

#leftcolumn h3 {
	color:#36434D;
	font-weight:600;
	font-size:13px;
	letter-spacing:0.1em;
	margin:0 0 3px 0;
}

#leftcolumn h3 a, #leftcolumn h5 a{
	color:#36434D;
	text-decoration:none;
}

#rightcolumn { 
 position:fixed;
 left:280px;
 width: 100%;
 margin:130px 0 0 0;
 padding:0px;
 display: inline;
 overflow:hidden;
 z-index:10;
}


 
#rightcolumn p{
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#36434D;
	}
		
#rightcolumn p a{
	color:#999;
	text-decoration:none;
	}

#rightcolumn p a:hover {
	color:#36434D;
	}
	

#rightcolumn span.mail{
	display:block;
	background-image:url(../images/icon-mail.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:200px;
	height:30px;
	vertical-align:middle;
	font-size:12px;
	padding-left:40px;
}

#rightcolumn span.credit{
	display:block;
	width:200px;
	height:30px;
	vertical-align:middle;
	padding-left:40px;
}

#rightcolumn span.credit p{
	font-size:10px;
	line-height:18px;
	color:#666;
	}

#rightcolumn span.resume{
	display:block;
	background-image:url(../images/icon-pdf.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:200px;
	height:80px;
	font-size:12px;
	line-height:20px;
	padding:5px 0 0 40px;
	color:#36434D;
	font-weight:bold;
}

#rightcolumn span.resume a, #rightcolumn span.mail a {
	color:#999;
	font-weight:bold;
	text-decoration:none;
}

#rightcolumn span.resume a:hover, #rightcolumn span.mail a:hover {
	color:#36434D;
}

#rightcolumn li.resume{
	font-size:11px;
	line-height:16px;
	padding:0px;
	margin:0 0 0 5px;
	list-style-type:none;
}

#desc-fade{
 position:fixed; top:598px; left:530px; z-index:100;
}

#leftcolumn h3, #leftcolumn h5{
	padding-right:25px;
}

/* STYLING OF NAVIGATION LIST */

#navigation .sup{
		margin-top:10px;
		padding:0px 3px 0 0;
		font-size:14px;
		list-style-type:none;
	}
		
		
		#navigation ul{
			margin:5px 0;
			list-style:none;
			padding-left:5px;						
		}
		
		#navigation a, #navigation a:visited, #navigation a:active{
			color:#828A90;
			padding-right:25px;
			font-weight:normal;
			text-decoration:none;
		}
		
		#navigation a:hover {
			color:#36434D;
		}
		
		#navigation .sup a.page, #navigation .sup a:visited.page{
			color:#36434D;
			font-size:12px;
			font-weight:600;
			letter-spacing:0.1em;
			padding:4px 15px 3px 3px;
			margin-right:10px;
			
		}
	 	
		#navigation .sup a:hover.page{
			color:#000;
			background-image:url(../images/bg-navhover.png);
			background-position:top right;
			background-repeat:no-repeat;
		}
		
		#navigation .sup a.now{
			color:#36434D;
			font-size:12px;
			font-weight:600;
			letter-spacing:0.1em;
			padding:4px 15px 3px 3px;
			margin-right:10px;
			background-image:url(../images/bg-navhover.png);
			background-position:top right;
			background-repeat:no-repeat;
		}
		
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
			padding:0 0 4px 0;
			letter-spacing:.1em;
		}
		
/*

		#navigation .sup li a, #navigation .sup li a:link, #navigation .sup li a:visited, #navigation .sup li a:hover,  {
			color:#828A90;
		}
		
		#navigation .sup li a:active {
			color:#F00;
		}
		
		#navigation a.scrolling{
			color:#933;
		}
		
*/		

/* .SECTION WIDTH DETERMINES WHETHER OR NOT IMAGES STAY ON SAME ROW */

.section{
	width:12000px;
	position:relative;
	padding:0px;
	margin:0px;
}

	.section ul{
		margin:0px;
		padding:0px;
	}
	
	.section .sub{
		position:relative;
		float:left;
		padding:0px 0px 0px 0px;
		height:600px;
		list-style-type:none;
	}
		.section .sub h4 {
			color:#36434D;
			font-weight:600;
			text-transform:uppercase;
			margin:8px 0 0 0;
		}
		
		
		.section .sub p{
			width:300px;
			margin:0;
			font-size:11px;
			line-height:14px;
			color:#36434D;
		}
		
		.section .sub p a{
			color:#999;
			text-decoration:none;
		}
			
		.section .sub img{
			margin:0 0 7px 0;
		}
		
		.section .sub img.family{
			margin:0 10px 7px 0;
		}
		
		.section .sub img.single{
			margin:0 30px 7px 0;
		}
		
		.section h4 {
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:0px;
			line-height:14px;
			color:#999;
			font-weight:200;
		}

		.section h5 {
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:0px;
			line-height:14px;
			color:#999;
			font-weight:200;
			}



/* #white */

#white{
		background-color:#FFF; width:700px; height:435px; padding:20px; margin:0px;
	}
	
		
		
		#white p.about{
			width:480px;
			margin:0px;
			padding:14px 0 0px 0px;
			font-family:Arial, Helvetica, sans-serif;
			color:#576068;
			font-size:11px;
			line-height:18px;
			text-align:justify;
		}
		
		
		#white img{
			margin:0 0 7px 0;
		}
		
		#white img.icon{
			float:left; display:inline; margin-right:0px; clear:both;
		}
		
		#white h4 {
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:0px;
			line-height:13px;
			color:#999;
			font-weight:200;
		}

		#white h5 {
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:0px;
			line-height:13px;
			color:#999;
			font-weight:200;
			}
			
		
			
#white .writing {
 width:100%;
 height:435px;
 background-color:#fff;
 overflow:auto;
}

#white .writing h3 {
			font-size:16px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:10px 0 0 0;
			line-height:21px;
			color:#36434D;
			font-weight:200;
			}
			
#white .writing h6 {
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:5px;
			text-transform:uppercase;
			line-height:14px;
			color:#999;
			font-weight:800;
			}
			
#white .writing h5 {
			font-size:13px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px;
			margin:10px 0 0 5px;
			line-height:14px;
			color:#666;
			font-weight:800;
			}
			
#white .writing p{
 padding:10px 0 0 5px;
 width:640px;
 font-size:12px;
 line-height:21px;
 }

#white .writing p.footnote {
 padding:10px 0 0 5px;
 width:640px;
 font-size:11px;
 color:#999;
 line-height:16px;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

hr {
	margin:8px 0 20px 0;
	padding:0px;
	border: 0;
	width:96%;
	background-color: #efefef;
	height: 7px;
	}

#footer { 
 position:fixed;
 bottom:0px;
 right:8px;
 padding:5px 0;
 background:#transparent;
 z-index:60;
 font-size:9px;
 color:#C2C2C2;
 text-transform: uppercase;
}