/* RESET 
	----------------------------------------- */
	
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{ display:block}nav ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:pointer}ins{ background-color:#ff9; color:#000; text-decoration:none}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold}del{ text-decoration:line-through}abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help}table{ border-collapse:collapse; border-spacing:0}hr{ display:block; height:1px; border:0;  border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{ vertical-align:middle}.replace{display:block;width:0;height:0;overflow:hidden}.clear:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}* html .clear {zoom:1}*:first-child+html .clear{zoom:1}
	
	
	/* STRUCTURE 
	----------------------------------------- */
	
	@font-face {
		font-family: 'FuturaStdBold';
		src: url('futurastd_bold-webfont.eot');
		src: local('FutureStdBold'),
		url('futurastd_bold-webfont.woff') format('woff'),
		url('futurastd_bold-webfont.ttf') format('truetype'),
		url('futurastd_bold-webfont.svg#webfontPtUzIY3W') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; }
	
	.left 	{ float: left; }
	.right 	{ float: right; }
	
	p {
	 font-family: Helvetica, Arial, sans-serif;
	 font-size: 1.1em; line-height: 1.5em; font-weight: normal;
	}
	
	p a 			{ text-decoration: none; color: #b32317; }
	p a:hover { text-decoration: underline; }
	
	h1, h2 {
		font-family: 'FuturaStdBold', sans-serif;
		font-weight: normal; font-size: 1.1em;
		letter-spacing: .2em; text-transform: uppercase;
	}
	
	#title 						{ padding: 16px 0 26px 0; border-bottom: 2px solid #000; }
	#title h1 				{ float: left; }
	#title h1 a 			{ text-decoration: none; color: #000; }
	#title h1 a:hover { color: #b32317; }
	
	.read-more { 
		font-family: 'FuturaStdBold', sans-serif;
		font-weight: normal; font-size: 1em; color: #000;
		letter-spacing: .2em; text-transform: uppercase;
		background: url("/wp-content/themes/SGNL/images/icon-arrow-right.gif") no-repeat;
		background-position: 85px top; text-decoration: none;
		display: block; width: 110px; height: 14px;
	}
	
	.read-more:hover {
		background-position: 85px -14px; color: #b32317;
	}
	
	.read-more span { display: block; padding: 2px 0 0 0; }

	
	/* HEADER 
	----------------------------------------- */
	
	#header 			{ width: 100%; height: 148px; background: #000; color: #fff; }
	#header-inner { margin: 0 auto; padding: 16px 0 0 0; width: 956px; }
	
	#header ul 			{ padding: 16px 0 0 25px; }
	#header li 			{ padding: 0 0 8px 0; }
	#header a 			{ text-decoration: none; color: #fff;  }
	#header a:hover { color: #b32317; } 
	
	#header .logo { float: left; }
	
	#header .categories, #header .pages, #header .summary {
		float: left; height: 115px; border-left: 3px solid #ccc7c0;
		font-family: 'FuturaStdBold', sans-serif;
	}
	
	#header .categories { width: 133px; }
	#header .pages 			{ width: 96px; }
	#header .summary 		{ width: 505px; padding: 0 0 0 25px; }
	
	#header .summary h1 { letter-spacing: .3em; padding: 14px 0 8px 0; }
	#header .summary p { font-weight: normal; }
	
	#header .hello 		{ padding: 8px 0 0 0; }
	#header .hello a 	{ letter-spacing: .1em; }
	
	#header .hello span {
		display: block; padding: 8px 0 0 0;
		font-size: 1.1em; letter-spacing: .3em; }
	
	
	/* WORK 
	----------------------------------------- */
	
	#work { width: 100%; background: #d3cec7; }
	#work-inner { margin: 0 auto; width: 956px; }
	
	#work h1 	{ padding: 16px 0 18px 0; border-bottom: 2px solid #000; }
	#work ul 	{ padding: 18px 0 18px 0; list-style: none; border-left: 1px solid #d3cec7; }
	
	#work li {
		width: 190px; height: 130px; float: left;
		border-top: 1px solid #d3cec7;
		border-right: 1px solid #d3cec7; }
		 
	#work li .thumb { width: 190px; height: 130px; }
	
	#work li .thumb .image {
		display: block; position: absolute; z-index: 1;
		width: 190px; height: 130px; overflow: hidden; }
	
	#work li .thumb .data { 
		display: none; position: relative; z-index: 2;
		width: 190px; height: 130px; background: url("/wp-content/themes/SGNL/images/mouseover.png") no-repeat; }
		
	#work li .thumb .data a {
		display: block; width: 175px; height: 32px; padding: 100px 0 0 15px;
		font-family: 'FuturaStdBold', sans-serif; font-size: 1.1em;
		text-decoration: none; text-transform: uppercase; letter-spacing: .1em; color: #fff; }
	
	#work li .thumb .data a span { color: #fff; }
	
	
	/* LATEST
	----------------------------------------- */
	
	#latest 		{ margin: 0 auto; width: 956px; }
	#latest h1 	{ padding: 18px 0 18px 0; border-bottom: 2px solid #000; }
	
	#latest-post 							{ float: left; width: 679px; }
	#latest-post article 			{ margin: 14px 0 0 0; height: 230px; border-right: 2px solid #000; }
	#latest-post article img 	{ float: left; }
	#latest-post div					{ float: left; width: 267px; padding: 0 20px 0 20px; }
	#latest-post article h1 	{ margin: 0; padding: 4px 0 4px 0; border: 0; }
	#latest-post article h1 a	{ text-decoration: none; color: #000; }
	#latest-post article h1 a:hover { color: #b32317; }
	#latest-post article time	{ display: block; padding: 2px 0 25px 0;}
	#latest-post article p		{ padding: 0 0 18px 0; }
	
	#contact-sgnl 		{ float: left; width: 277px; }
	#contact-sgnl h1 	{ padding: 18px 0 18px 18px; border-bottom: 2px solid #000; }
	

	/* PROJECT
	----------------------------------------- */
	
	#project { margin: 0 auto; width: 956px; }
	
	#project-info 		{ float: left; width: 350px; }
	#project-info h1 	{ padding: 18px 0 22px 0; }
	#project-info p 	{ padding: 0 0 16px 0; }
	
	#related-links 					{ border-top: 2px solid #000; padding: 0 0 20px 0; }
	#related-links ul 			{ list-style: none; }
	#related-links li 			{ padding: 0 0 4px 0; }
	#related-links a				{ text-decoration: none; color: #b22017; }
	#related-links a:hover 	{ text-decoration: underline; }
	
	#related-links h2 {
		padding: 14px 0 16px 0; width: 132px;
		background: url("/wp-content/themes/SGNL/images/icon-arrow-down.gif") no-repeat;
		background-position: right 12px;
	}
	
	#project-images { float: right; width: 570px; padding: 18px 0 5px 0; }
	#project-images img { float: left; border-bottom: 1px solid #fff; }
	
	
	/* BLOG
	----------------------------------------- */

	#blog { margin: 0 auto; padding: 0 0 12px 0; width: 956px; }
	
	#blog article 		 				{ float: left; padding: 0 0 16px 0; margin: 0 0 8px 0; width: 570px; border-bottom: 1px solid #ccc; }
	#blog article h1 	 				{ padding: 18px 0 6px 0; }
	#blog article h1 a				{ text-decoration: none; color: #000; }
	#blog article h1 a:hover 	{ color: #b22017; }
	#blog article time 				{ display: block; margin: 0 0 24px 0; }
	#blog article p 	 				{ padding: 0 0 16px 0; }
	#blog article img					{ display: block; }
	

	/* NEXT, PREVIOUS, TOP
	----------------------------------------- */
		
	#next-prev			{ float: right; }
	#next-prev ul		{ float: right; padding: 0 0 0 30px; }
	#next-prev li		{ float: left; }
	#next-prev span { display: block; padding: 2px 0 0 0; }
	
	#next-prev .split {
		float: left; padding: 2px 12px 0 12px;
		font-weight: bold; font-size: 1.4em;
	}
	
	#next-prev a {
		font-family: 'FuturaStdBold', sans-serif;
		font-weight: normal; font-size: 1.1em; color: #000;
		letter-spacing: .2em; text-transform: uppercase;
		text-decoration: none; display: block; height: 14px;
		float: left;
	}
	
	#next-prev a:hover { color: #b32317; }
	
	#next-prev .prev a {
		padding: 0 0 0 20px;
		background: url("/wp-content/themes/SGNL/images/icon-arrow-left.gif") no-repeat;
		background-position: left top;
	}
	
	#next-prev .prev a:hover { background-position: left -14px;  }
	
	#next-prev .next a {
		padding: 0 18px 0 0;
		background: url("/wp-content/themes/SGNL/images/icon-arrow-right.gif") no-repeat;
		background-position: right top;
	}
	
	#next-prev .next a:hover { background-position: right -14px;  }
	
	#top 					{ float: right; }
	#top a 				{ padding: 0 0 0 22px; background: url("/wp-content/themes/SGNL/images/icon-arrow-top.gif") no-repeat; }
	#top a:hover 	{ background-position: 0 -14px; }
	#top a span 	{ display: block; padding: 2px 0 0 0; }
	
	
	/* ABOUT
	----------------------------------------- */
	
	#about { margin: 0 auto; width: 956px; }
	
	#about .left 		{ float: left; width: 350px; }
	#about .left h1 { padding: 18px 0 22px 0; }
	#about .left p 	{ padding: 0 0 16px 0; }
	
	#about .right 		{ float: right; width: 570px; padding: 18px 0 5px 0; }
	#about .right img { float: left; border-bottom: 1px solid #fff; }
	
	/* CONTACT
	----------------------------------------- */
	
	#contact 				{ margin: 0 auto; width: 956px; }
	#contact .left 	{ float: left; width: 360px; padding: 0 20px 0 0; margin: 16px 0 0 0; }
	
	#contact .left h1 { padding: 0 0 22px 0; }
	#contact .left p 	{ padding: 0 0 16px 0; }
	
	#contact #contact-form { float: left; border-left: 2px solid #000; margin: 16px 0 0 0; padding-top: 0; }
	#contact #contact-form textarea { height: 213px; }
	
	#contact .right {
		float: right; width: 262px; padding: 0 0 5px 18px;
		border-left: 2px solid #000;  margin: 16px 0 0 0;
	}
	
	#contact .right img 							{ float: left; border-bottom: 1px solid #fff; }
	#contact .right img.logo-border 	{ border-bottom: 2px solid #000; }
	
	#contact .mid { float: left; width: 277px; }
	
	#contact-form { padding: 16px 0 0 18px; }
	
	#contact-form label { 
		display: block; font-family: 'FuturaStdBold', sans-serif; font-size: .9em;
		text-decoration: none; text-transform: uppercase; letter-spacing: .1em;
	}
		
	#contact-form input {
		width: 247px; height: 16px; border: none; font-family: Helvetica, Arial, sans-serif;
		margin: 4px 0 7px 0; padding: 2px 4px 0 4px; background: #d3cec7;
	}
	
	#contact-form textarea {
		width: 247px; height: 73px; border: none;
		margin: 4px 0 9px 0; padding: 4px 4px 0 4px; background: #d3cec7;
		font-family: Helvetica, Arial, sans-serif; font-size: 1.1em;
	}
	
	#contact-form .send { 
		display: block; width: 55px; height: 14px; padding: 0;
		background: url("/wp-content/themes/SGNL/images/btn-send.gif") no-repeat;
		border: 0; cursor: pointer;
	}
	
	#contact-form .send:hover {
		background-position: 0 -14px; color: #b32317;
	}
	
	#sending { padding: 18px 0 0 34px; }
	
	#complete {
		padding: 18px 0 0 0; text-align: center; color: #b22017;
		font-family: 'FuturaStdBold', sans-serif; font-size: 1em;
		text-transform: uppercase; letter-spacing: .1em;
	}
	
	
	/* FOOTER 
	----------------------------------------- */
		
	#footer {
		margin: 14px auto 0 auto; padding: 0 0 200px 0; 
		width: 956px; border-top: 2px solid #000;
	}
	
	#footer .copyright {
		float: left; padding: 12px 0 0 0;
		font-family: 'FuturaStdBold', sans-serif;
		font-weight: normal; text-transform: uppercase;
		font-size: .9em; letter-spacing: .2em; }
	
	#footer #social 				{ float: left; list-style: none; padding: 6px 0 0 5px; }
	#footer #social li			{ float: left; padding: 0 0 0 15px; }
	#footer #social a 			{ display: block; width: 21px; height: 21px; }
	#footer #social a:hover	{ background-position: 0 -21px; }
	
	#footer #social .rss 			{ background: url("/wp-content/themes/SGNL/images/icon-rss.gif") no-repeat; }
	#footer #social .facebook { background: url("/wp-content/themes/SGNL/images/icon-facebook.gif") no-repeat; }
	#footer #social .twitter 	{ background: url("/wp-content/themes/SGNL/images/icon-twitter.gif") no-repeat; }
	
	#footer nav { padding: 12px 0 0 0; }