body{
	background-color:#FFF8E7;
	font-family: futura-pt,sans-serif;
}


.billboard {float:left; width:auto; height:300px; float:left;}

.slideshow {float:left; width:32px; height:300px; float:left;}


.workslideshow { height: 100%; width: 100%; margin: auto }


.center_everything
{
margin:auto;
width:960px;
padding-right:100px;
padding-left:100px;
}

.everything
{
height:auto;
width:960px;
float:left; 

}

	.header
	{
	height:auto;
	width:960px;
	float:left; 
	}
	
			.header_left
			{
			padding-top:10px;
			height:100px;
			width:300px;
			float:left; 
			
			font-weight:700px;
			font-size:51px;
			letter-spacing:2px;
			font-family: atrament-web,sans-serif;
			text-transform:uppercase;
			}
				.header_left p
				{
				margin:0;
				font-weight:700px;
				font-size:14px;
				letter-spacing:2px;
				font-family: futura-pt,sans-serif;
				text-transform:uppercase;
				}
			.header_left A:link {color: #292627; text-decoration: none} 
			.header_left A:visited {color: #292627; text-decoration: none} 
			.header_left A:active {color: #292627; text-decoration: none} 
			.header_left A:hover {color: #292627; text-decoration: none} 	
				
			.header_right
			{
			text-align:right;
			padding-top:70px;
			height:auto;
			width:660px;
			float:left; 
		
			}
			
				
		.navlink
		{
			font-size:14px;
			font-family: futura-pt,sans-serif;
			font-weight:500;
			text-transform:uppercase;
			letter-spacing:1px;
			color: #292627;
			margin-left:20px;

		}
			.navlink:hover
			{
				background-color:#11CCEE;
				color: #FFFFFF;
			}
			.navlink A:link {padding-left:5px; padding-right:5px; color: #292627; text-decoration: none} 
			.navlink A:visited {padding-left:5px; padding-right:5px; color: #292627; text-decoration: none} 
			.navlink A:active {padding-left:5px; padding-right:5px; color: #292627; text-decoration: none} 
			.navlink A:hover {padding-left:5px; padding-right:5px; color: #FFFFFF; text-decoration: none } 		
					
	
	
	.main
	{
	
		/* nice blue color: 11CCEE */
	height:auto;
	min-height:500px;
	width:960px;
	float:left; 
	}
	
	
			.thumbgrid
			{
			/* nice blue color: 11CCEE */
		
			height:auto;
			width:960px;
			float:left; 
			padding-right:0px;
			padding-top:30px;
			}
	
	
	
			.thumbleft
			{
			background-color:#CCFFCC;
			background-size: 100% auto;	
			text-align:center;
			height:65px;			
			width:210px;
			float:left;
			margin-bottom:10px;
			}
			
			
			.thumbleft p
			{
			
			margin:0px;
			padding-top:25px;
			height:40px;			
			width:210px;
			
			 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

       		 /* This works in IE 8 & 9 too */
      		  /* ... but also 5, 6, 7 */
       		 filter: alpha(opacity=0);

       		 /* Older than Firefox 0.0 */
       		 -moz-opacity:0.9;

      		  /* Safari 1.x (pre WebKit!) */
       		 -khtml-opacity: 0.0;

      		  /* Modern!
      		  /* Firefox 0.9+, Safari 2?, Chrome any?
       		 /* Opera 9+, IE 9+ */
       		 opacity: 0.0;
			
			}
			
			
			
			.thumbleft p:hover
			{
			padding-top:25px;
			height:40px;		
			width:210px;
			float:left;
			background-image:none;
			background-color:#FFFFFF;
			
			 /* Theoretically for IE 8 & 9 (more valid) */
      		  /* ...but not required as filter works too */
      		  /* should come BEFORE filter */
      		  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

       		 /* This works in IE 8 & 9 too */
      		  /* ... but also 5, 6, 7 */
       		 filter: alpha(opacity=85);

       		 /* Older than Firefox 0.9 */
       		 -moz-opacity:0.9;

      		  /* Safari 1.x (pre WebKit!) */
       		 -khtml-opacity: 0.9;

      		  /* Modern!
      		  /* Firefox 0.9+, Safari 2?, Chrome any?
       		 /* Opera 9+, IE 9+ */
       		 opacity: 0.9;

			}
			
			
			.thumbname
			{
			font-family: futura-pt,sans-serif;
			font-size:0px;
			
			float:left;
			
			}
			
			.thumbname:hover
			{
			text-align:center;
			
			float:left;
			letter-spacing:2px;
			text-transform:uppercase;
			font-weight:700;
			font-family: futura-pt,sans-serif;
			font-size:30px;
			}
			.thumbname A:link {color: #292627; text-decoration: none} 
			.thumbname A:visited {color: #292627; text-decoration: none} 
			.thumbname A:active {color: #292627; text-decoration: none} 
			.thumbname A:hover {color: #506066; text-decoration: none } 
			
			
			
			.thumbcenter
			{
			height:210px;
			width:300px;
			margin-left:30px;
			margin-right:30px;
			margin-bottom:30px;
			float:left;
			}
			.thumbcenter p
			{
			margin:0px;
			padding-top:80px;
			height:130px;
			width:300px;
			}
			.thumbcenter p:hover
			{
			padding-top:80px;
			height:130px;
			width:300px;
			float:left;
			background-image:none;
			background-color:#FFFFFF;
			
			
			 /* Theoretically for IE 8 & 9 (more valid) */
      		  /* ...but not required as filter works too */
      		  /* should come BEFORE filter */
      		  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

       		 /* This works in IE 8 & 9 too */
      		  /* ... but also 5, 6, 7 */
       		 filter: alpha(opacity=80);

       		 /* Older than Firefox 0.9 */
       		 -moz-opacity:0.8;

      		  /* Safari 1.x (pre WebKit!) */
       		 -khtml-opacity: 0.8;

      		  /* Modern!
      		  /* Firefox 0.9+, Safari 2?, Chrome any?
       		 /* Opera 9+, IE 9+ */
       		 opacity: 0.8;

			}
			
			
			
			.thumbright
			{
			height:210px;
			width:300px;
			margin-bottom:30px;
			float:left;
			}
			.thumbright p
			{
			margin:0px;
			padding-top:80px;
			height:130px;
			width:300px;
			}
			.thumbright p:hover
			{
			padding-top:80px;
			height:130px;
			width:300px;
			float:left;
			background-image:none;
			background-color:#FFFFFF;
			
			 /* Theoretically for IE 8 & 9 (more valid) */
      		  /* ...but not required as filter works too */
      		  /* should come BEFORE filter */
      		  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

       		 /* This works in IE 8 & 9 too */
      		  /* ... but also 5, 6, 7 */
       		 filter: alpha(opacity=80);

       		 /* Older than Firefox 0.9 */
       		 -moz-opacity:0.8;

      		  /* Safari 1.x (pre WebKit!) */
       		 -khtml-opacity: 0.8;

      		  /* Modern!
      		  /* Firefox 0.9+, Safari 2?, Chrome any?
       		 /* Opera 9+, IE 9+ */
       		 opacity: 0.8;

			}
			
			
			
			
/* work page */

.featureImage
{
height:auto;
min-height:500px;
width:960px;
font-size:40px;
			font-family: futura-pt,sans-serif;
}


.description
	{
	margin-top:20px;
	height:auto;
	width:960px;
	float:left;
	color: #292627;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	font-family: futura-pt,sans-serif;
	font-size:15px;

	}
	.description A:link {color: #292627; text-decoration: none} 
	.description A:visited {color: #292627; text-decoration: none} 
	.description A:active {color: #292627; text-decoration: none} 
	.description A:hover {color: #1E1E1E; text-decoration: none} 	
	
	.description-right
	{
	font-weight:500;

	float:right
	}
	
	.description-right A:hover
	{
		padding-top:2px;
		background-color:#11CCEE;
		color: #FFFFFF;
	}
	
	
	
.descriptionbody
	{
	margin-top:5px;
	margin-bottom:20px;
	height:auto;
	width:960px;
	float:left;
	color: #292627;
	
	letter-spacing:2px;
			text-transform:uppercase;
			font-weight:500;
			font-family: futura-pt,sans-serif;
			font-size:11px;
	}
	.descriptionbody A:link {color: #FF3600; text-decoration: none} 
	.descriptionbody A:visited {color: #FF3600; text-decoration: none} 
	.descriptionbody A:active {color: #FF3600; text-decoration: none} 
	.descriptionbody A:hover {color: #11CCEE; text-decoration: none} 	
	
	.descriptionbody-right
	{
	float:right
	}
	

	
	
/* work page */


	
	.dateandtime
	{
	text-align:right;
	margin:0;
	padding-top:300;
	letter-spacing:1px;
	font-size:12px;
	font-family: monaco, futura-pt,sans-serif;
	font-weight:300;
	text-transform:none;
	color:#11CCEE;
	}
	
	

	.allposts
	{	
		padding-top:13px;
		height:auto;
		width:700px;
		float:left;
		
	}
	



	.blogpost
	{	
		margin-bottom:42px;
		height:auto;
		min-height:1px;
		width:700px;
		float:left;
	}
	
	
	
	
	
	.bottomnavigation
	{	
		margin-top:15px;
		height:50px;
		width:700px;
		float:left;
		
		color: #292627;
		letter-spacing:2px;
		text-transform:uppercase;
		font-weight:700;
		font-family: futura-pt,sans-serif;
		font-size:15px;
	
	
	}
	.bottomnavigation A:link {color: #FF3600; text-decoration: none} 
	.bottomnavigation A:visited {color: #FF3600; text-decoration: none} 
	.bottomnavigation A:active {color: #FF3600; text-decoration: none} 
	.bottomnavigation A:hover {color: #11CCEE; text-decoration: none} 	
	
		.bottomnavigation p
		{	
			float:right;
			margin:0px;
			padding:0px;
		}
		
	





.headlinebar
	{
	height:auto;
	width:700px;
	float:left;
	padding-bottom:2px;
	color: #292627;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:700;
	font-family: futura-pt,sans-serif;
	font-size:25px;

	}
	.headlinebar A:link {color: #292627; text-decoration: none} 
	.headlinebar A:visited {color: #292627; text-decoration: none} 
	.headlinebar A:active {color: #292627; text-decoration: none} 
	.headlinebar A:hover {color: #11CCEE; text-decoration: none} 	
	


.timebar
	{
	height:auto;
	width:700px;
	float:left;
	padding-top:15px;
	padding-bottom:7px;
	color: #EA421B;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:700;
	font-family: futura-pt,sans-serif;
	font-size:10px;

	}
	.timebar A:link {color: #292627; text-decoration: none} 
	.timebar A:visited {color: #292627; text-decoration: none} 
	.timebar A:active {color: #292627; text-decoration: none} 
	.timebar A:hover {color: #11CCEE; text-decoration: none} 
	
	
	
	
	
.timebartop
	{
	height:auto;
	width:auto;
	float:left;
	padding-top:2px;
	padding-bottom:8px;
	color: #EA421B;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:700;
	font-family: futura-pt,sans-serif;
	font-size:10px;
	border-bottom:2px solid #CCCCCC;
	margin-bottom:10px;
	}
	.timebartop A:link {color: #292627; text-decoration: none} 
	.timebartop A:visited {color: #292627; text-decoration: none} 
	.timebartop A:active {color: #292627; text-decoration: none} 
	.timebartop A:hover {color: #11CCEE; text-decoration: none} 
	


	
	
	
.postbody
	{
		height:auto;
	padding-right:20px;
	width:700px;
	float:left;
	color: #292627;
	
	line-height:18px;
	letter-spacing:0.06em;
	font-weight:500;
	font-family: monaco,sans-serif;
	font-size:12px;
	}
	.postbody A:link {color: #EA421B; text-decoration: none} 
	.postbody A:visited {color: #EA421B; text-decoration: none} 
	.postbody A:active {color: #EA421B; text-decoration: none} 
	.postbody A:hover {color: #	; text-decoration: none} 	
	

	
	
	
	
	
	
	
	
	
	
	.sidebar
	{


		padding-top:22px;
		margin-bottom:20px;
		height:auto;
		padding-left:40px;
		width:210px;
		float:right;
		color: #292627;
		line-height:18px;
		font-size:12px;
		font-family:monaco,sans-serif;
		text-transform:uppercase;	
		letter-spacing:2px;
	}
	.sidebar A:link {color: #292627; text-decoration: none} 
	.sidebar A:visited {color: #292627; text-decoration: none} 
	.sidebar A:active {color: #292627; text-decoration: none} 
	.sidebar A:hover {color: #11CCEE; text-decoration: none} 	
	
	
	.sidebar p
	{
	padding-bottom:15px;
	margin:0;
	letter-spacing:1px;
	line-height:16px;
	font-size:14px;
	font-weight:700;
	font-family:futura-pt, monaco ,sans-serif;
	text-transform:uppercase;	
	}
	
	
			.sidebarmodule
			{
			background-size: 100% auto;	
			text-align:center;
			height:85px;			
			width:210px;
			float:left;
			margin-bottom:10px;
			}
			
			.sidebarmoduleinside
			{
			background-color: rgba(255, 255, 255, 0.0);
			color: rgba(255, 255, 255, 0.0);

			text-align:center;
			
			height:85px;			
			width:210px;
			float:left;
			
			
			font-family: futura-pt,sans-serif;
			font-weight:500;
			font-size:14px;
			
			
			}
			.sidebarmoduleinside A {padding-top:35px; height:50px;} 
			.sidebarmoduleinside A:link {display:block; height:55px; color:rgba(255, 255, 255, 0.0); text-decoration: none} 
			.sidebarmoduleinside A:visited {display:block; height:55px; color:rgba(255, 255, 255, 0.0); text-decoration: none} 
			.sidebarmoduleinside A:active {display:block; height:55px; color:rgba(255, 255, 255, 0.0); text-decoration: none} 
			.sidebarmoduleinside A:hover { 		-webkit-transition: 0.2s ease-in-out;
 display:block; height:55px; color: #292627; text-decoration: none} 	
					
				.sidebarmoduleinside:hover
				{
				-webkit-transition: 0.2s ease-in-out;

				background-color: rgba(255, 255, 255, 0.9);
				}
			
			
	
			
			
			
			
			.sidebarmoduleinsidecurrent
			{
			background-color: rgba(234, 66, 27, 0.9);
			color: rgba(255, 255, 255, 0.9);

			text-align:center;
			
			height:85px;			
			width:210px;
			float:left;
			
			
			font-family: futura-pt,sans-serif;
			font-weight:500;
			font-size:14px;
			
			
			}
			.sidebarmoduleinsidecurrent A {padding-top:35px; height:50px;} 
			.sidebarmoduleinsidecurrent A:link {display:block; height:55px;  color: #FFFFFF; text-decoration: none} 
			.sidebarmoduleinsidecurrent A:visited {display:block; height:55px; color: #FFFFFF; text-decoration: none} 
			.sidebarmoduleinsidecurrent A:active {display:block; height:55px; color: #FFFFFF; text-decoration: none} 
			.sidebarmoduleinsidecurrent A:hover { 		-webkit-transition: 0.2s ease-in-out;
 display:block; height:55px; color: #FFFFFF; text-decoration: none} 	
	
	
	
	
	
	
	
	
/* work page */








			
			
			
	
	.footer
	{
	border-top:1px solid #1e1e1e;
	padding-top:10px;
	height:auto;
	min-height:100px;
	width:960px;
	float:left;
	color: #292627;
	
	letter-spacing:2px;
			text-transform:uppercase;
			font-weight:500;
			font-family: monaco, sans-serif;
			font-size:10px;
	}
	.footer A:link {color: #292627; text-decoration: none} 
	.footer A:visited {color: #292627; text-decoration: none} 
	.footer A:active {color: #292627; text-decoration: none} 
	.footer A:hover {color: #1E1E1E; text-decoration: none} 	
	
	.footer-right
	{
	float:right;
	}
	
	.footer-right a
	{
		padding-left:3px;
		padding-top:2px;
		
	}
	
	
	.footer-right a:hover
	{
		
		background-color:#11CCEE;
		color: #FFFFFF;
	}