@charset "UTF-8";

/* start Kill Alls */
	
		*{
			padding:0;
			margin:0;
			border:none;
			
			/*outline:1px solid #c09;*/
			}
			
		body{
			width:100%;
			height:100%;
			
			font-family: Arial, Helvetica, Century Gothic, sans-serif;
			font-size:10px;
			color:#000;
			}
			
		
		img{
			outline:0;
			border:none;
			}
		
		a{
			text-decoration:none;
			outline:none;
			color:#666;
			}
			
			a h1{
				color:#000;
				}
			
			a:hover{
				color:#2ae;
				}
				
			a h1:hover{
				color:#2ae;
				}
				
			
		
	/* end Kill Alls */
	
	
	/* start Structure */
	
		/* start Page */
		
			#shrink_wrap{
				width:100%;
				height:100%;
				min-height:656px;
				position:absolute;
				top:0;
				left:0;
				}
		
			#wrapper{
				width:960px;
				height:608px;
				position:absolute;
				top:48%;
				margin-top:-304px;
				left:0;
				margin-left:8%;
				}
			
				#navigation{
					width:300px;
					height:505px;
					position:absolute;
					top:40px;
					left:0;
					}
				
				#line_divider{
					width:2px;
					height:608px;
					background-color:#666;
					position:absolute;
					top:0;
					left:329px;
					}
				
				#content{
					width:600px;
					position:absolute;
					top:40px;
					right:0;
					}
					
					#featured_projects{
						width:600px;
						height:608px;
						overflow:hidden;
						position:relative;
						}
					
						#featured_projects ul{
							width:9000px;
							position:absolute;
							top:0;
							left:0;
							margin:0;
							padding:0;
							}
							
						#featured_projects ul li{
							float:left;
							display:block;
							margin:0 1px 0 0;
							padding:0;
							}
							
						.feature{
							width:600px;
							height:608px;
							position:relative;
							margin: 0 0 0 0;
							}
	
					/* start Content */
					/* end Content */
			
	/* end Structure */
	
	
	
	
	/* start Styling */
	
		h1{
			font-size:10px;
			font-weight:bold;
			text-transform:uppercase;
			}
				
		p{
			font-size:9.5px;
			font-weight:normal;
			color:#666;
			}
	
		/* start Navigation */
		
			#logo{
				height:96px;
				width:300px;
				}
			
			.tagline{
				height:16px;
				width:300px;
				text-align:center;
				}
		
				.tagline h1{
					font-family:Arial Narrow;
					font-size:16px;
					font-weight:bold;
					text-transform:uppercase;
					}
						
				.tagline h3{
					font-size:9px;
					font-weight:normal;
					color:#888;
					text-transform:uppercase;
					}
		
			.line_div{
				height:1px;
				width:300px;
				background-color:#ccc;
				margin:16px 0;
				position:relative;
				}
				
			.block_span{
				height:auto;
				width:300px;
				position:relative;
				}
				
				.vertical_line{
					width:1px;
					background-color:#ccc;
					display:inline-block;
					margin:0 16px;
					border-top:2px solid #fff;
					border-bottom:2px solid #fff;
					}
				
				.left_block, .right_block{
					width:128px;
					display:inline-block;
					overflow:visible;
					position:relative;
					}
				
					.left_block{
						text-align:right;
						}
					
					.right_block{
						text-align:left;
						}
					
			
		
		/* end Navigation */
		
		/* start Content */
		
			#frame{
				width:600px;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				float:left;
				}
				
				#frame p{
					font-size:11px;
					line-height:16px;
					}
				
				#frame h1{
					font-family:Arial Narrow;
					font-size:24px;
					text-transform:uppercase;
					}
					
				#frame h2{
					font-family:Arial Narrow;
					font-size:12px;
					font-weight:normal;
					text-transform:uppercase;
					}
					
				#frame h3{
					font-size:10px;
					font-weight:bold;
					text-transform:uppercase;
					margin-top:16px;
					}
					
				#frame em{
					font-weight:normal;
					margin-left:8px;
					font-style:normal;
					}
					
					
				.text_block{
					width:290px;
					margin:16px 0;
					float:left;
					}
					
					.text_block h1 a, .text_block h3 a{
						color:#000;
						}
						
						.text_block h1 a:hover, .text_block h3 a:hover{
							color:#2ae;
							}
					
					.text_block h1 a:after, .text_block h3 a:after{
						content: url(http://daviddanielsdesign.com/assets/arrow_2.png);
						position:relative;
						top:1px;
						left:6px;
						}
							
					
				.main_image{
					width:600px;
					height:352px;
					margin-bottom:16px;
					position:relative;
					float:left;
					}
					
					.main_image img{
						position:absolute;
						top:0;
						left:0;
						}
						
					.hidden{
						opacity:0.0;
						}
					
				#frame .main_image{
					margin:0;
					}
					
					
					
				.thumbs{
					width:80px;
					height:47px;
					margin:16px 7px 16px 0;
					float:left;
					position:relative;
					}
					
					.thumbs:last-child{
						margin-right:0;
						margin-left:-1px;
						}
					
					.thumbs:first-child{
						margin-right:6px;
						}
					
					.thumbs a{
						margin:0;
						width:80px;
						height:47px;
						display:block;
						}
						
						.thumbs a:hover{
							outline:1px solid #2ae;
							}
						
						.dead{
							outline:1px solid #333;
							}
							
							a.dead:hover{
								outline:1px solid #333;
								}
				
		
		
		/* end Content */
		
		
		/* top level nav */
		
			li{
				list-style:none;
				}
				
			.left_block ul{
				position:absolute;
				top:0;
				right:0;
				}
				
			.right_block ul{
				position:absolute;
				top:0;
				left:0;
				}
			
			.left_block ul li a{
				font-size:10px;
				line-height:20px;
				font-weight:bold;
				text-transform:uppercase;
				margin-top:12px;
				color:#000;
				}
				
				.left_block ul li a:hover{
					color:#2ae;
					}
					
			.right_block ul li a{
				font-size:9.5px;
				font-weight:normal;
				color:#666;
				line-height:16px;
				}
				
				.right_block ul li a:hover{
					color:#2ae;
					}
					
				
					
			.right_block ul{
				visibility:hidden;
				}
				
				.right_block ul.alive{
					visibility:visible;
					}
					
			.left_block ul li.current_page_parent a{
					position:relative;
					left:7px;
					}
					
					.left_block ul li.current_page_parent a:after{
					content: url(http://daviddanielsdesign.com/assets/arrow.png);
					position:relative;
					top:1px;
					left:6px;
					}
					
					.right_block ul li.current_page_item a:after{
					content: url(http://daviddanielsdesign.com/assets/arrow.png);
					position:relative;
					top:1px;
					left:6px;
					}
					
			
				
				
			
		/* end top level */