@charset "UTF-8";
/* CSS Document */

	body  {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 120%;
		margin: 0;
		padding: 0;
		text-align: center; 
		color: black;
		background-color: #000;
	}

	:focus { outline: 0;}
	p { margin-bottom: 1em;} 
	a { text-decoration: none; color: black; }
	ul { list-style: none; margin: 0; padding: 0;}
	
	.small { font-size: 11px;  line-height: 110%;} 


	#container.design { /* contains #navbar, #main & #footer */
  		margin-top: 1%;
  		margin-left: -45%;
  		min-width: 860px;
		width: 90%;
		position: absolute;
  		left: 50%;
  		background-image: url('../images/design.gif');
  		background-repeat: no-repeat;
  		background-position: top left;
		text-align: left; 
	}
	
	#container.photo { /* contains #navbar, #main & #footer */
  		margin-top: 1%;
  		margin-left: -45%;
  		min-width: 860px;
		width: 90%;
		position: absolute;
  		left: 50%;
  		background-image: url('../images/photography.gif');
  		background-repeat: no-repeat;
  		background-position: top left;
		text-align: left; 
	}
	
	#container.scraps { /* contains #navbar, #main & #footer */
  		margin-top: 1%;
  		margin-left: -45%;
  		min-width: 860px;
		width: 90%;
		position: absolute;
  		left: 50%;
  		background-image: url('../images/scraps.gif');
  		background-repeat: no-repeat;
  		background-position: top left;
		text-align: left; 
	}

	/* the bodge for IE6 browsers */
	* html .minwidth {border-left:860px solid #fff; position:relative; float:left; z-index:1;}
	* html .minwidth2 {margin-left:-860px; position:relative; float:left; z-index:2;}

	#navbar { /* contains #navA & #navB */ 	
		min-width: 860px;
		height: 26px;
		float: left;
		overflow: visible;
		top: 0;
		left: 0;
		width: 100%; 
		z-index: 60;
		white-space: nowrap;
	} 


	#main {  /* contains #copy */ 	
		padding: 0 0 0 0;
		min-width: 860px;
		border-top: solid;
		border-width: 1px; 
		width: 100%;
		z-index: 4;
		float: left;
		margin: 0;
		height: 630px;
	} 
	
	#footer { 
		padding: 30px 0px; 
		color: #666;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;	
		text-align:left;
		float: left;
		z-index: 1;
		border-top: solid #fff 1px;
		margin-top: 30px;
		width: 100%;
		height: 30px
	}
	

/* NAVBAR */

	#navA {
		float: left; 
		overflow: visible;
		margin: 0; 
		height: 20px; 
		width: auto; 
		clear:both;
		z-index: 60;
	}
	
	
	#navA li {}
	

	#navB {
		margin: 0;
		float: right; 
		width: 11em;
		overflow: hidden;
		height: 20px; 
		white-space: nowrap;
	} 
	
	
	#navB li {
		float: right; 
	}
	

/* CATEGORY */	

	.gallery {  /* contains #photos */ 	
		height: 100%;
		position: relative;
		height: 637px;
		white-space: nowrap;
		/* overflow-x: hidden;*/
		/* overflow-y: hidden;*/
		overflow: hidden;
	} 

	#photos {
		padding: 0;
		margin: 0;
		position: absolute;
	}
	
	#photos img {
		margin: 0 30px 0 0;
		height: 600px;
 		background-image: url('../images/spin.gif');
  		background-repeat: no-repeat;
  		background-position: center;
  		background-color: #CCC;
  		display: none;
	}

/* INFO & ARTICLE */	

	#case {  /* contains #contact, #copy & #interviews */ 	
		margin: auto;
		padding-top: 30px;
		width: 80%;
		height: 586px;
		overflow: hidden;
	}


	#contact { 
		padding: 10px;
		width: 20%;
		float: left;
		overflow: hidden;
		background: #E3E3E3;
		margin-bottom: 2em;
	}


	#interviews { 
		width: 20%;
		overflow: hidden;
		margin-left: 10px;
		float: left;
	}
	
	
	#interviews li { margin-top: .5em; margin-bottom: .2em; } 


	.copy {  /* contains .text */ 
		width: 70%;
		height: 90%;
		line-height: 120%;
		float: right;
		overflow: hidden;
		position: relative;
	}
	
	
	#text {
		position: absolute;
		top: 0;
		overflow: hidden;
		padding: 0 20px;
		margin: 0;
	}
	
	
/* Custom Scrollbar */	

.slider_vert {
		width: 7px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url('track_vert.gif');
		background-repeat: repeat-y;
        }
		
.handle_vert {
		position: absolute;
		cursor: pointer;
		/*height: 40px;*/
		width: 100%;
		top: 0;
		background: black;
		z-index: 100;
        }


.slider_horiz {
		height: 9px;
		width: 100%;
		position: relative;
		top: 625px;
		right: 0;
        }
        
		
.handle_horiz {
		position: absolute;
		cursor: pointer;
		width: 40px;
		height: 100%;
		top: 0;
		background: white;
		z-index: 100;
        }

	
/* MISC */	

	.clearfloat { 
 		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}

	.hidden { 
 		display: none;
	}


/* DROPDOWN */

.logo img{ border: 0; height: 70px; width: 450px; float: left;}

.menu {
	font-family:Georgia,"Times New Roman",Times,serif;
	text-transform: uppercase; 
	/*letterspacing: 0.75px;*/
	width: auto; 
	position:relative; 
	font-size:13px; 
	z-index:100;
white-space: nowrap;
	}
	
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color: white;
	height: 26px; 
	width: auto; 
	text-align: left; 
	line-height: 26px; 
	overflow: hidden;
	float: left;
	z-index:100;
	}
		
.menu ul {padding:0; margin: 0 0 0 -.7em; list-style: none; padding-bottom: 6px;}

.menu ul li {
	float:left; 
	font-family: Georgia,"Times New Roman",Times,serif;
	text-transform: uppercase; 
	/*letterspacing: 0.75px;*/
	position: relative; 
	font-size:13px; 
	color:black;
	height: 26px; 
	line-height: 26px;
 	width: auto; 
	margin: 0 .7em;
	z-index:100;
	}
	
	
.menu ul li ul {display: none;}

/* specific to non IE browsers */

html>body .menu ul li:hover a {color: gray;}
html>body .menu ul li:hover ul {display:block; position: absolute; left:0; width:auto; background: white; white-space: normal; z-index: 100; }
html>body .menu ul li:hover ul li a.hide {}
html>body .menu ul li:hover ul li:hover a.hide {}
html>body .menu ul li:hover ul li ul {display: none;}
html>body .menu ul li:hover ul li a {display:block; color: black;}
html>body .menu ul li:hover ul li a:hover {color:gray;}

/* NETT ADDS */
.whiteline {
	width: auto;
	height: 1px;
	background-image: url('../images/whiteline.gif');
	background-repeat: _x;
	margin: 0 0 30px 0;
}

#home-link { 
		padding: 30px 0px; 
 		background-image: url('../images/aaron-regan.gif');
  		background-repeat: no-repeat;
		text-align:left;
		float: left;
		margin-top: 24px;
		width: 100%;
		position: relative;
}
	
#home-container {
	position:absolute;
	left:0px;
	top:0px;
	width:989px;
	height:614px;
}

#arFINALhome-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:333px;
	height:614px;
}

#arFINALhome-02 {
	position:absolute;
	left:333px;
	top:0px;
	width:656px;
	height:614px;
}