@import url(resets.css);
@import url(movement.css);

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }


	/* Globals */

    body {
        background:#c5c5c5;
        font: 13px "Century Gothic", Helvetica, Arial, sans-serif;
        line-height: 1.4;
        color: #444;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
    }
    
    .wide {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    
    .ghost {color:#eee;}
        
    a img {
        border-width: 0px;
    }
    
    a {
        color: #444;
        text-decoration: none;
    }
    
    p, ul, blockquote {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    ul ul, ul ol, ol ul, ol ol {
        margin: 5px 0px;
    }
        
    form {
        margin: 0px;
        padding: 0px;
        display: inline;
    }
    
	*, *:active, *:focus {
	    outline: 0;
	    outline-style: none;
	    outline-width: 0px;
	    -moz-outline-width: 0px;
	}
    
    .clear {
        clear: both;
        height: 1px;
    }
    
    
 	/* TYPOGRAPHY */
  	h3 {font-size:36px;  color: #2377bd; text-shadow: #fff 1px 2px;}
    h4 {font-size:17px; margin-bottom: 18px;}
 	h5 {font-family: "AvantGuardSW-Bold", "Arial Black", Verdana, sans-serif; font-weight:bold; text-transform:uppercase; font-size: 16px; color: #444; letter-spacing: 1px;}

    
    .hilight {color: #b5a87c; word-wrap: break-word; font-size: 18px;}
    .hilight .on {font-family: "AvantGuardSW-Bold", "Arial Black", Verdana, sans-serif; font-size: 18px; letter-spacing: 1px;}
    
    .morelink a {width:161px; height: 32px; overflow: hidden; text-indent: -1000px; background: url(http://www.onebluebrick.com/images/readmore.png) top left no-repeat; }


	.copy {color: #aaa; font-size:15px; line-height: 26px;}
	
	p {color: #aaa; font-size:15px; line-height: 26px;}
	
	.smaller {color: #aaa; font-size:15px; line-height: 24px; margin-bottom: 20px;}
	.smaller a {margin-bottom: 14px; font-size: 16px; font-weight: bold; color: #b5a87c;}


	.button, .buttondark  {
		color: #999999; 
		font-size: 18px; 
		margin-right: 5px; 
		text-decoration: none;
		border-radius: 5px;
    	-moz-border-radius: 5px;
   		-webkit-border-radius: 5px;
    	padding: 4px 10px;
    	background: #ddd;
    	border: none;
		}
	
	.buttondark {background: #999999; color: #ccc;}

	.button:hover, .buttondark:hover {color: #fff; background: url(http://www.onebluebrick.com/images/buttonback.jpg) top left no-repeat; border:none;} 
    
    .smaller {font-size: 15px;}
    
   	.bounceout a {
   		color: #999999; 
		font-size: 16px; 
		margin-right: 5px; 
		text-decoration: none;
		border-radius: 5px;
    	-moz-border-radius: 5px;
   		-webkit-border-radius: 5px;
    	padding: 4px 10px;
    	background: #fff;
 		float: left;  
		}
	
	.bounceout a:hover {color: #fff; background:#ddd url(http://www.onebluebrick.com/images/buttonback.jpg) top left no-repeat; border:none;}

   	
   	
   	/* NAV */    
			
 	#nav {margin: 0px; width:100%; height: 55px; background: #fff url(http://www.onebluebrick.com/images/navback.gif) bottom left repeat-x; }
 	
 	#navcontainer {width: 1000px; margin: 0px auto; position: relative; z-index: 1200;}
 	 	
 	#navcontainer .logo {position: absolute; left: 0px; top: -2px; width: 395px; height: 111px; background: url(http://www.onebluebrick.com/images/newobblogo.png) no-repeat top left; text-indent: -1000px; overflow: hidden;}
 	
 	#navlinks {position: absolute; right: 0px; top: 15px;}
 	
 	#navlinks a {
		color: #999999; 
		font-size: 18px; 
		margin-right: 5px; 
		text-decoration: none;
		border-radius: 5px;
    	-moz-border-radius: 5px;
   		-webkit-border-radius: 5px;
    	padding: 4px 10px;
    	background: #ddd;
	}

	#navlinks a:hover, #navlinks a.active {color: #fff; background:#ddd url(http://www.onebluebrick.com/images/buttonback.jpg) top left no-repeat; border:none;} 
 	
 	
 	
 	/* BODY ELEMENTS */
	
	#site {padding: 0px; margin: 0px; width: 100%; height: 100%; position: relative; }

    .container {
    	width:1000px;
    	margin: 0px auto;
    	padding: 0px 10px;
    	position: relative;
    	}

	#chalkboard {
		width: 100%; 
		height:100%; 
		min-height: 400px;
		margin: 0px; 
		padding: 20px 0px 200px 0px; 
		background: #101010 url(http://www.onebluebrick.com/images/chalk.jpg) top center no-repeat;
		}
		
	#plusback {
		width: 100%; 
		height:100%; 
		min-height: 800px;
		margin: 0px; 
		padding: 20px 0px 200px 0px; 
		background: #0a0a0a url(http://www.onebluebrick.com/images/plusback.jpg) top center no-repeat;
		}
		

	.blocks {width: 100%; margin:20px 0px; padding: 0px;}
	.blocksleft {float: left;}
	.blocksright {float: right;}
	
	
	.block {
		text-align: left;
		margin: 15px 0px;
		width: 450px;
		background: url(http://www.onebluebrick.com/images/blackout.png);
	 	border-radius: 10px;
 	    -moz-border-radius: 10px;
 	    -webkit-border-radius: 10px;
	    padding: 20px;
		}    


	#bumper {
		width:100%; 
		margin: 0px; 
		padding: 0px; 
		height: 30px; 
		background: #fff url(http://www.onebluebrick.com/images/smallbumper.gif) top left repeat-x;
		}

	#blackarea {
		width: 100%; 
		height:100%; 
		border-top:2px solid #222; 
		border-bottom:2px solid #222; 
		padding: 10px 0px; 
		background: url(http://www.onebluebrick.com/images/greyback.png); 
		}

	#greyarea {width: 100%; height:100%; padding: 50px 0px 0px 0px; background: #c5c5c5 url(http://www.onebluebrick.com/images/spotlightbakc.jpg) top center no-repeat; }

	#greyarea #topfeature {width: 1000px; padding: 20px 0px 0px 0px; margin: 0px;}
	#greyarea #topfeature #subline {font-size: 16px; line-height: 25px; color: #666; width:800px; margin: 10px auto;}

	
 	
 	
 	/* PEOPLE PAGES */
 
 						
    .header {
		width: 1000px;
		background: #c5c5c5;
		padding: 0px;
		height: 400px;
		position: relative;
		}

	.header .left {position: absolute; top:50px; left:10px;}
	
	
	.andypanel  {background: url(http://www.onebluebrick.com/images/andy.jpg) bottom right no-repeat;}
	.matthewpanel {background: url(http://www.onebluebrick.com/images/matthew.jpg) bottom right no-repeat;}
	.michaelpanel {background: url(http://www.onebluebrick.com/images/michael.jpg) bottom right no-repeat;} 

	.homepanel {background: url(http://www.onebluebrick.com/images/homeback.jpg) top left no-repeat;}


	.brand {width: 100%;}



	.people {
		width: 100%;
		margin: 35px 0px 30px 0px;
		}
		
	.people h2 {float:left; display: block; margin-right:20px; width:136px; height:34px; text-indent:-1000px; overflow: hidden; background: url(http://www.onebluebrick.com/images/headerpeople.png) top left no-repeat;}
	
	.names {float:left; text-align: left; margin-top: 5px;}
	.names .subnames {margin-top:0px;}
	.names .subnames a {
		color: #ccc; 
		font-size: 18px; 
		margin-right: 10px; 
		text-decoration: none;
		border-radius: 5px;
    	-moz-border-radius: 5px;
   		-webkit-border-radius: 5px;
    	padding: 3px 8px;
    	background: #999999;
		}
	
	.names .subnames a:hover, .names .subnames a.active {color: #fff; background: #eee url(http://www.onebluebrick.com/images/buttonback.jpg) top left no-repeat; border:none;}
	
	#stats {width: 100%; height:105px; padding:0px; background: #fff url(http://www.onebluebrick.com/images/statsback.jpg) bottom left repeat-x;}

	#stats .inside {
		position: relative;
		padding:6px 0px 0px 0px;
		height: 100%;
		}
		
	#stats .inside 	#status {
		position: absolute;
		z-index: 1000;
		bottom: 30px;
		left: 300px;
		width:169px;
		height: 49px;
		background: url(http://www.onebluebrick.com/images/progress/alphaprogressnormal.png) top left no-repeat;
		}
	
	#stats .item {float:left; margin-right: 20px; color: #fff;}
	#stats .item .headline {text-align: left; font-size: 12px;}
	#stats .item .stat {text-align: left; margin-top: 4px; font-size: 32px; color: #98bede; text-shadow: #145c98 1px 1px;}
	
	.headline {float:left; text-align: left; margin-left: 40px; margin-top: 5px;}
	.headline .subline, .headline .subline a {margin-top: 0px; font-size:17px; color: #888; text-shadow: #fff 1px 1px;}
	


	.social { 
		background: url(http://www.onebluebrick.com/images/socialback.png) no-repeat top left;
		height: 74px; 
		width: 348px; 
		overflow: hidden; 
		padding:10px 15px 0px 0px; 
		float:right; 
		margin-right:20px; 
		margin-top: 12px; }

	.social a {
		float: right; 
		margin-right:7px; 
		color: #888; 
		text-shadow: #fff 1px 1px; 
		font-size: 20px; 
		font-weight: bold;}
	
	.social a:hover {color:#000;}

	.social a.twitter {
		float: right; 
		margin-right:7px; 
		width:62px; 
		height: 51px; 
		background: url(http://www.onebluebrick.com/images/twitter_off.png) no-repeat; 
		overflow: hidden; 
		text-indent: 1000px;
		}
		
	.social a:hover.twitter {background: url(http://www.onebluebrick.com/images/twitter_on.png) no-repeat;}

	.social a.tumblr {
		float: right; 
		margin-right:5px; 
		width:120px; 
		height: 51px; 
		background: url(http://www.onebluebrick.com/images/tumblr_off.png) no-repeat; 
		overflow: hidden; 
		text-indent: 1000px;
		}
		
	.social a:hover.tumblr {background: url(http://www.onebluebrick.com/images/tumblr_on.png) no-repeat;}

	.social a.linkedin {
		float: right; 
		margin-right:14px; 
		width:42px; 
		height: 51px; 
		background: url(http://www.onebluebrick.com/images/linkedin_off.png) no-repeat; 
		overflow: hidden; 
		text-indent: 1000px;
		}
		
	.social a:hover.linkedin {background: url(http://www.onebluebrick.com/images/linkedin_on.png) no-repeat;}

	

	/* HEADERS */

	.chalkheader {text-indent: -9000px; overflow: hidden;}
	.chalkheader.who {width: 99px; height: 39px; background: url(http://www.onebluebrick.com/images/whoheader.png) top left no-repeat;}
	.chalkheader.currently {width: 196px; height: 36px; background: url(http://www.onebluebrick.com/images/currentlyheader.png) top left no-repeat;}

	.creations, .connect {width:100%; margin-bottom: 10px;}
	.creations .subheader, .connect .subheader { 
		float: left;
		text-align: left;
		padding:5px 0px 0px 0px; 
		font-size: 20px;
		min-height: 41px;
		color: #888;
		text-shadow: #eee 1px 1px;
		}
	
	.creations h2 {float:left; display: block; margin: 0px 20px 10px 0px; width:208px; height:34px; text-indent:-1000px; overflow: hidden;background: url(http://www.onebluebrick.com/images/headercreations.png) top left no-repeat;}

	.connect h2 {float:left; display: block; margin-right:20px; width:188px; height:34px; text-indent:-1000px; overflow: hidden;background: url(http://www.onebluebrick.com/images/headerconnect.png) top left no-repeat;}

	#plusheader {padding: 15px 0px 0px 0px; margin-bottom: 10px;}
	.plus h2 {float:left; display: block; margin-right:20px; width:172px; height:67px; text-indent:-1000px; overflow: hidden;background: url(http://www.onebluebrick.com/images/plusheader.png) top left no-repeat;}

	.plus .subheader { 
		float: left;
		text-align: left;
		padding:20px 0px 0px 0px; 
		font-size: 18px;
		min-height: 41px;
		color: #444;
		text-shadow: #000 1px 1px;
		}




	/* REGULAR PAGE BOTTOMS */

	.bottomblocks {width: 1000px; text-align: left; margin: 10px 0px; padding: 10px;}


	.bottomblocks .left {float: left; width: 620px;}
	.bottomblocks .left p {color: #aaa; font-size:16px; line-height: 26px; text-shadow: #000 0px 1px; margin-bottom: 15px;}

	.bottomblocks .left .insideblock {float: left; width: 260px;}

	.bottomblocks .right {
	float: right; 
	}

	.blackout {
		background: url(http://www.onebluebrick.com/images/blackout.png);
		border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    padding: 15px;
	    margin: 0px;
	    }

	.sidebar {width: 320px;}


	/* CUSTOM BOTTOM FOR WHO PAGES */
	#bottom {width: 100%; height: 100%; margin: 0px; padding: 30px 10px 0px 10px; text-align: left;}
	#bottom .left {
		width: 540px; 
		margin-right: 40px;
		float: left;
		padding-left: 30px;
	    border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
		}

	#bottom .left .block {float:left; width: 220px; margin: 10px;}
	#bottom .left .mainblock {float:left; width: 100%; }

	#bottom .left p {color: #aaa; font-size:16px; line-height: 26px; text-shadow: #000 0px 1px; margin-top: 4px;}
	#bottom .right {
		width: 310px; 
		float: left; 
		background: url(http://www.onebluebrick.com/images/blackout.png);
		border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    padding: 15px;
		}




	/* INTERNAL STATUSES */

	#pastupdates {width: 300px;}	
		
	
	#statuses	{ width:300px; background: #fff; padding: 3px 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

	.status-box	{ padding:15px 5px 10px 5px; background: url(http://www.onebluebrick.com/images/greydown.gif) top left repeat-x; border-bottom:1px solid #eee; }
		
	.status-box .image {float: left; width: 40px; margin-right:10px;}
	.status-box .status {float: left;width: 235px;}	
	.status-box .status p {
		margin: 0px 0px 8px 0px; 
		font-size:16px; 
		line-height: 23px; 
		color: #444;
		background: #f3f3f3;
		padding: 5px 10px;
		border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
		}
	
	.status-box .status .info {color:#888; font-size: 13px; margin: 4px 0px 2px 0px;}
	.status-box .status .info .pic {float: left; width: 30px; margin:3px 10px 0px 0px;}
	.status-box .status .info .details {float:left; color:#888; width: 190px; font-size:13px;}




	/* PROJECTS */
	
	#projects {width:1000px; padding: 20px 10px;}
	
	.project {float: left; text-align:center; width: 327px; height: 237px; background: url(http://www.onebluebrick.com/images/projects/projectback.png) top left no-repeat; margin: 4px;}
	
	.project .feature {	
		width: 300px;
		height: 160px;
		padding: 0px;
		margin: 12px;
		margin-bottom: 8px;
		}
		
	 a.edopter, a.fastsociety, a.mystery {
		float: left;
		width: 300px;
		height: 160px;
		text-indent: -1000px;
		background-position: 0px 0px;
		overflow: hidden;
		}
	
	a.edopter:hover, a.fastsociety:hover {
		background-position: 0px -170px;
		} 
		
	a.edopter {background: url(http://www.onebluebrick.com/images/projects/edopterlooper.gif) top left no-repeat;}
	a.fastsociety {background: url(http://www.onebluebrick.com/images/projects/fastsocietylooper.gif) top left no-repeat;}
	a.mystery {background: url(http://www.onebluebrick.com/images/projects/mysterylooper.jpg) top left no-repeat;}
	
	.project .link{
		width: 300px;
		background: url(http://www.onebluebrick.com/images/projects/projectbackshadow.gif) top left no-repeat;
		margin: 5px auto;
		padding:13px 10px;
		text-align: center;
		}
	
	

		
		
	/* PROJECT FEATURES */
	
	#projectfeature {
		width: 1000px;
		margin: 0px;
		padding: 20px 0px;
		}
		
	#projectfeature #left {
		float: left;
		width:350px;
		margin-top: 50px;
		margin-left: 0px;
		}
		
	#projectfeature #left p {color: #777; font-size:16px; line-height: 26px; text-align: left; margin-bottom: 20px;}
	
	#projectfeature #right {
		float: right;
		margin: 0px 21px 0px 0px;
		padding: 0px;
		background: url(http://www.onebluebrick.com/images/picnavback.png) top left no-repeat;
		width: 584px;
		height: 304px;
		}
	

	#picnav_edopter, #picnav_fast, #picnav_mystery {
		border: 5px solid #fff; 
		position: relative;
		margin: 17px auto;
		padding: 0px;
		}
	
		
	#picnav_edopter ul, #picnav_fast ul, #picnav_mystery ul, #picnav_edopter li, #picnav_fast li, #picnav_mystery li {
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#picnav_edopter li, #picnav_fast li, #picnav_mystery li{ 
		width:540px;
		height: 262px;
		overflow:hidden;
		text-align: left;
		}	
	
	#picnav_edopter li a, #picnav_fast li a, #picnav_mystery li a {text-decoration: none; color:#888;}
	 
	#picnavPrev, #picnavNext{ 
		display:block;
		position: absolute; 
		top:145px;
		}	
	
	#picnavPrev{left:391px;}	
	#picnavNext{right:17px;}
		
															
	#picnavPrev a, #picnavNext a{  
		display:block;
		text-indent: -1000px;
		overflow: hidden;
		background: url(http://www.onebluebrick.com/images/picnav_left.png) no-repeat 0 0;
		width: 33px;
		height: 69px;	
		}	
	#picnavNext a{ 
		background: url(http://www.onebluebrick.com/images/picnav_right.png) no-repeat 0 0;
		}
		
	
	
	#comingsoon {text-align:center; font-weight:bold; font-size: 50px; text-transform: uppercase; color: #000; text-shadow: #2c2c2c 2px 2px;}
			


	/* CONTACT */

	#contacts {width:1000px; padding: 20px 10px;}

	#contacts a.email, #contacts a.follow, #contacts a.work {
		float: left; 
		width: 300px;
		height: 179px;
		text-indent: -1000px;
		background-position: 0px 0px;
		overflow: hidden;
		margin: 0px 30px 6px 6px;
		}

	#contacts a.email:hover, #contacts a.follow:hover, #contacts a.work:hover {background-position: 0px 0px;} 
	
	#contacts a.email {background: url(http://www.onebluebrick.com/images/contact/contact_emailus.png) top left no-repeat;}
	#contacts a.follow {background: url(http://www.onebluebrick.com/images/contact/contact_followus.png) top left no-repeat;}
	#contacts a.work {background: url(http://www.onebluebrick.com/images/contact/contact_workwithus.png) top left no-repeat;}

	#contactform {margin: 15px 0px; height: 100%; width:540px;}

	.textbox {float: left; margin-bottom: 5px;}

	.label {margin-bottom: 5px; color:#888;}
	
	.statusmsg {
		padding: 4px 5px; 
		background: #ccc;; 
		color: #888; 
		margin-bottom: 10px;
		border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
		}
  
    input.text_field, textarea {
        padding: 7px;
        width: 239px;
        font-size:16px;
        background: #333;
        color: #aaa;
        outline: 0;
        margin: 0px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border: 2px solid #333;
        }
    
    textarea {width: 100%;}
    input.text_field:focus, textarea:focus {border: 2px solid #555;}
   
   
	#ontwitter {width: 100%;}
	
	#ontwitter #links {margin-top: 15px; width: 100%;}
	
	#ontwitter #links a.obb, #ontwitter #links a.andy, #ontwitter #links a.matthew, #ontwitter #links a.michael {
		float: left;
		height: 60px;
		width: 60px;
		margin-right: 6px;
		border: 0px;
		overflow: hidden;
		text-indent: -1000px;
		}
 	
	 	#ontwitter #links a.obb {background: url(http://www.onebluebrick.com/images/obblogo.png) no-repeat; width: 90px;}
	 	#ontwitter #links a.andy {background: url(http://www.onebluebrick.com/images/andyicon.png) no-repeat;}
		#ontwitter #links a.matthew {background: url(http://www.onebluebrick.com/images/matthewicon.png) no-repeat;}
		#ontwitter #links a.michael {background: url(http://www.onebluebrick.com/images/michaelicon.png) no-repeat;}

 	
 
	/* CONTENT BLOCKS */
	
	#content {width: 100%; margin: 20px 0px;}
	
	#content .block {
		text-align: left;
		width: 450px;
		margin-bottom: 20px;
		background: url(http://www.onebluebrick.com/images/blackout.png);
		border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    padding: 20px;
		}    
	    
	#content .block a img {border: 6px solid #222;} 
	     
	     
	.left {float: left;}
	.right {float: right;}     
	     
	     
	 
	 /* HOME */
	 
	#nycarea {width: 100%; height: 360px; padding: 50px 0px 0px 0px; background: url(http://www.onebluebrick.com/images/nycwidenew.jpg) top center; }
	
	#homeheader {padding: 30px 20px 0px 20px;}
	
	#homeheader h2 {float:left; display: block; margin: 9px 15px 10px 0px; width:107px; height:58px; text-indent:-1000px; overflow: hidden; background: url(http://www.onebluebrick.com/images/weheader.png) top left no-repeat;}
	
	#homeheader h3 {float:left; text-align:left; margin:0px; padding:0px; font-size: 25px; color: #999; width:700px;} 
	 
	#homeheader h3 a {color: #2377bd;} 
	
	#homeblocks {width: 1000px; margin: 140px 0px 20px 0px;}
	
	#homeblocks .left {
		float: left;
		}
		
	#homeblocks .left .bigblock {
		position: relative;
		text-align: left;
		width:430px;
		background: url(http://www.onebluebrick.com/images/blackout.png);
		border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    padding: 15px;
	    margin-bottom: 20px;
		}
		
	#homeblocks .left .contactbuttons {width: 100%;}
	#homeblocks .left .contactbuttons a.follow, #homeblocks .left .contactbuttons a.contact {
		float:left; 
		width: 190px;
		height: 73px;
		margin-right: 20px;
		background: url(http://www.onebluebrick.com/images/blackout.png);
		border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    padding: 15px;
	    }
	

	
	#homeblocks .right {
		float: right;
		position: relative;
		text-align: left;
		width:470px;
		background: url(http://www.onebluebrick.com/images/blackout.png);
		border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    padding: 15px;
		}
	
	.newheaderleft, .newheaderright { 
		background: url(http://www.onebluebrick.com/images/blackout.png);
		border-radius: 10px;
	    -moz-border-radius-topleft: 10px;
	    -moz-border-radius-topright: 10px;
	    -webkit-border-top-left-radius: 10px;
	    -webkit-border-top-right-radius: 10px;
	    position: absolute;
	    top: -31px;
	    left: 0px;
	    padding: 5px 8px 0px 8px;
		}
	
	.newheaderright {right:0px; left: none;}
		
		 
	#bonus {
		width:100%; 
		margin: 0px; 
		padding: 0px; 
		height: 30px;
		background: #fff url(http://www.onebluebrick.com/images/smallbumper.gif) top left repeat-x;
		position: relative;
		}
	
	#dropdown {width:1000px; height: 158px; background: url(http://www.onebluebrick.com/images/home/homefeature.png) bottom left no-repeat;}
	
	
	#dropdown .featurebox {
		position: absolute;
		bottom: 13px;
		left: 25px;
		width: 255px;
		overflow: hidden;
		height: 135px;
		background: url(http://www.onebluebrick.com/images/home/fastsocietyfeature.png) no-repeat top left;
		}
	
	#dropdown .headlines {
		position: absolute;
		top: 20px;
		left: 310px;
		width: 650px;
		height: 80px;
		text-align: left;
		}
	
	#dropdown .headlines .lead{
		font-family: "AvantGuardSW-Bold", "Arial Black", Verdana, sans-serif; 
		font-weight:bold; 
		text-transform:uppercase; 
		font-size: 17px; 
		color: #888; 
		letter-spacing: 1px;
		margin-bottom: 2px;
		}
		
	#dropdown .headlines .lead a {color: #2377bd; text-decoration: none;}
	
	#dropdown .headlines .title {
		font-size: 16px; color: #333;
		}
	
	#dropdown .news {
		position: absolute;
		bottom: 20px;
		left: 310px;
		width: 650px;
		height: 30px;
		text-align: left;
		color: #777;
		font-size: 14px;
		}
	
	 
	#homepeople a.matthew, #homepeople a.michael, #homepeople a.andy {display:block; float:left; width:300px; height: 105px; margin: 2px 0px; overflow: hidden; text-indent: -1000px;}   
	     
	#homepeople a.matthew {background: url(http://www.onebluebrick.com/images/home/matthewsmall.png) top left no-repeat; border: 0px;}
	#homepeople a.michael {background: url(http://www.onebluebrick.com/images/home/michaelsmall.png) top left no-repeat; border: 0px;}      
	#homepeople a.andy {background: url(http://www.onebluebrick.com/images/home/andysmall.png) top left no-repeat; border: 0px;}           
	  
	  
	  
	 /* PRESS */
	 
	.pressblocks {width: 100%; margin:20px 0px; padding:0px 20px;}
	.pressblocksleft {float: left;}
	.pressblocksright {float: left; margin-left: 30px;}
		
		
	.pressblock {
			text-align: left;
			margin: 15px 0px;
			width: 430px;
			background: url(http://www.onebluebrick.com/images/blackout.png);
		 	border-radius: 10px;
	 	    -moz-border-radius: 10px;
	 	    -webkit-border-radius: 10px;
		    padding: 20px;
			}    
		
	.pressblock .quote {
		float: left;
		background: url(http://www.onebluebrick.com/images/blackquote.png) no-repeat; 
		width: 48px; 
		height: 43px; 
		margin: 0px 10px 4px 0px;
		}
	     
	.pressblock p {font-family: "Georgia", serif; font-weight: normal; font-size: 19px; color: #888; line-height: 26px; margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; border-bottom:#222 1px solid; font-style: italic;}
	
	.pressblock .source { color: #555; font-size: 15px;}
	.pressblock .source a {color:#ddd;}
	 
	 
	 /* FOOTER */
	 
	 #footer {
	 	width: 100%; 
	 	position: absolute;
	 	bottom:0px;
	 	left: 0px;
	 	padding: 10px 0px; 
	 	margin: 0px;
	 	border-top: 2px solid #222;
	 	background: url(http://www.onebluebrick.com/images/blackout.png); 
	 	}
	 	
	#footer .container {
	    width:1000px;
	    margin: 0px auto;
	    position: relative;
	    }
	
	.border {width: 100%; height: 0px; border-bottom: 1px solid #363636; border-top: 1px solid #000;}
	
	.footermainblock {
	 	float: left;
	 	text-align: left;
	 	width: 230px; 
	 	margin: 10px;
	 	font-size: 15px;
	 	min-height: 150px;
	 	padding: 0px 20px 0px 0px;
	 	border-right: 1px solid #222;
	 	}
	
	.footermainblock a.gohome {
		background: url(http://www.onebluebrick.com/images/footerlogo.png) top left no-repeat;
		width: 130px;
		height: 40px;
		overflow: hidden;
		display: block;
		text-indent: -1000px;
		}
	
	.footerblock {
	 	float: left;
	 	text-align: left;
	 	width: 180px; 
	 	margin: 10px;
	 	font-size: 15px;
	 	min-height: 150px;
	 	padding: 0px 20px;
	 	border-right: 1px solid #222;
	 	}
	 	
	.footerblock ul {margin-top:10px; padding: 0px; list-style: none;}
	
	.footerblock ul li {margin-bottom: 8px;}
	.footerblock ul li a {color: #666;}
	
	
	/* PLUS */

	.plusblock{
		text-align: left;
		margin: 15px 0px;
		width: 960px;
		background: url(http://www.onebluebrick.com/images/blackout.png);
	 	border-radius: 10px;
 	    -moz-border-radius: 10px;
 	    -webkit-border-radius: 10px;
	    padding: 20px;
		}
		
	.plusblock .image {float: left; padding: 0px; border: 3px solid #222; margin-right: 20px;}
	
	.plusblock .copy {float:left;}
	.plusblock .copy h4 {font-size: 26px; color: #888; margin-bottom: 15px;}