/*											*/
/*			Lightroom's City Block			*/
/*			by Kevin Byrd					*/
/*			SEP 22 04						*/
/*											*/
/*			Three Blonde Tenants.			*/
/*			All Living togther.				*/
/*											*/




body 		{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;	
	background-color: #fff;
}

p {	
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 130%;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	}


			
img, img a 	{
	border: none;
}	

/*			LINKS			*****************************/
a:link {
	color: #333;
	text-decoration: none;
	background-color: #f3f3f3;

}

a:visited {
	color: #000;
	text-decoration: none;
		background-color: #f3f3f3;

}

a:hover {
	text-decoration: none;
	background-color: #ff0;

}

/*			MAIN DIVS			*****************************/
div	{
	margin: 0;
	padding: 0;
}

#firstfloor	{
	width: 910px;
	margin : 0;
	padding: 0;
}


#guestsuite	{
	width: 301px;
	float: left;
	overflow: hidden;
	}


#mastersuite	{
	width: 600px;	
	background-color: #fff;
	float: left;
	overflow: hidden;
}
#gallery	{
	width: 500px;
	float: left;
	overflow: hidden;
	margin: 0;
	}
	
#gallery p	{
	padding: 0;
	margin: 0;
	}

#readingroom	{
	width: 400px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	padding: 10px 0px 30px 0px;
	}

#nav	{
	width: 600px;	
	background-color: #fff;
	text-align: left;
}

#readingmaterial {
	padding: 10px 20px 30px 10px;
}

.titleblock{
	padding: 0px 3px 0px 3px;
	}
	
.content{
	padding: 0px 0px 30px 0px;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	}
	
.quote{
	float: right;
	margin-left: 10px;
}
.tip{
	float: right;
	margin: 10px 4px 30px 0;
	background-color: #C6CCC3;
	padding: 20px 30px 30px 30px;
	width: 280px;	
	font-size: 10px;
	line-height: 1.5em;
}

.exploremore {
		text-align: right;
		padding: 5px 0 5px 0;
		text-transform: uppercase;
		font-weight: bold;
}
	
.sketch {
	float: left;
	margin: 10px 10px 10px 5px;
}

/*			FELLOWSHIP			***********************/
#faq {
	margin: 30px 10px 10px 10px;
} 

#faq h2{
	text-transform: uppercase;
	font-weight: bold;
	background-color: #33A02C;
	color: #fff;
	font-size: 11px;
	text-align: left;
	margin: 15px 0 5px 0px;

	padding: 2px 0 2px 5px;

}
#faq p{

	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 120%;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;

}

#briefingroom {
	width: 380px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	padding: 55px 0px 30px 20px;
	}	

.howtoapply	{
	margin-top: 0px;
	margin-bottom: 30px;
	background-color: #fff;
	width: 320px;	
}

/*			ABOUT US			***********************/
.focusshot {
	margin: 0 0 0 -15px;
	background-color: #D40000;
	width: 570px;
}

/*			PRODUCE		***********************/
.entries {
	margin: 10px 0 0 0;
	padding: 0;

}
.entries h1 {
	text-transform: uppercase;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	font-size: 18px;
	text-align: left;
	margin: 5px 0 0 10px;
}
.entries h2{
	margin: 20px 0 0 15px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;	
	background-color: #009E1E;
	color: #fff;
	width: 160px;
	font-size: 10px;	
}
.posted {
	font-size: 10px;
	border-top: 1px solid #f3f3f3;
}

.entries h3 {
		margin: 20px 0 0 10px;
		font-size: 36px;
		padding: 0;
		color: #000;
}

#comments {
	margin-top: 50px;
}


/*			HONORS			***********************/
table.honorsentry {
	margin: 10px 0 0 0;
	padding: 0;
	width: 500px;
	border: none;
	
}
table.honorsentry h1 {
	text-transform: uppercase;
	font-weight: bold;
	background-color: #fff;
	color: #7E0039;
	font-size: 12px;
	text-align: right;
	margin: 0 0 0 50px;
}
table.honorsentry h4{
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;	
	background-color: #7E0039;
	color: #fff;
	width: 100px;
	font-size: 12px;	
}
table.honorsentry p{
	font-size: 10px;
	text-align: right;
	padding:0;
	
}

/*			PRESS			***********************/
table.pressentry {
	margin: 10px 0 0 0;
	padding: 0;
	width: 500px;
	border: none;
	
}
table.pressentry h1 {
	text-transform: uppercase;
	font-weight: bold;
	background-color: #fff;
	color: #7E0039;
	font-size: 12px;
	text-align: right;
	margin: 0 0 0 50px;
}
table.pressentry h4 {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;	
	background-color: #7E0039;
	color: #fff;
	width: 140px;
	font-size: 12px;	
}
table.pressentry p{
	font-size: 10px;
	text-align: right;
	padding:0;
	
}



/*			PORtFOLIO		*****************************/

ul {	
	margin-left: 0; 
	padding-left: 0;
	list-style: none;
	}
#subnavcontainer {
	margin-top: 10px;
	margin-bottom: 20px;
    font-family: 'Lucida Grande','Lucida Sans Unicode', verdana, arial, sans-serif;
	font-size: x-small;
}
#subnavlist {
	padding: 0;
	margin: 0;
}
#subnavlist li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 10px;
	
}

#subnavlist li a { 
	color: #5B1A15;
	text-decoration: none; 
}

#subnavlist li a:hover { 
	text-decoration: none;
	background-color: #ff0;
}

.brief{
	background-color: #C9DFF0;
	padding: 10px;
	width: 300px;	
}

.brief h1 {
		font-size: 24px;
		padding: 0;
		margin: 5px 0 5px 0;
		color: #000;
		}
.brief h3 {
		font-size: 11px;
		padding: 0;
		margin-top: 5px;
		text-transform: uppercase;
		color: #000;	
		}
.brief p {
	font-size: 10px;
	line-height: 120%;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
}
.launch {
		margin: 15px 0 15px 0;
		display: block;
		padding: 5px;
		text-transform: uppercase;
		font-size: 12px;
		color: #333;
		text-decoration: none;
		background-color: #f3f3f3;
		font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
}
.nextprev {
		margin: 15px 0 15px 10px;
		padding: 0px;
		text-transform: uppercase;
		font-size: 10px;
		color: #333;
		text-decoration: none;
		font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
}

/*			PORtFOLIO LANDING		*****************************/

table#portfolio{
	width: 900px;
	margin: 30px 0 0 30px;
	font-size: 10px;
	line-height: 95%;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	border-spacing: collapsed;
}
#portfolio img{
	padding: 2px;
	display: inline;
}
#portfolio .couple{
	width: 170px;

}
a#identity {
	margin-left: 30px;
	padding: 0;
	width: 370px;
	height: 71px;
	display: block;
	background: url(/img/portfolio/port_button_id.gif) top left no-repeat;	
}

a#identity:hover {
	background: url(/img/portfolio/port_button_id.gif) 0 -96px no-repeat;	
}

a#architecture {
	margin-top: 0px;
	padding: 0;
	width: 601px;
	height: 71px;
	display: block;
	background: url(/img/portfolio/port_button_arch.gif) top left no-repeat;	
}

a#architecture:hover {
	background: url(/img/portfolio/port_button_arch.gif) 0 -96px no-repeat;	
}

a#websites {
	margin-top: 0px;
	padding: 0;
	width: 419px;
	height: 71px;
	display: block;
	background: url(/img/portfolio/port_button_web.gif) top left no-repeat;	
}

a#websites:hover {
	background: url(/img/portfolio/port_button_web.gif) 0 -96px no-repeat;	
}

a#printdesign {
	margin-top: 0px;
	padding: 0;
	width: 244px;
	height: 71px;
	display: block;
	background: url(/img/portfolio/port_button_print.gif) top left no-repeat;	
}

a#printdesign:hover {
	background: url(/img/portfolio/port_button_print.gif) 0 -96px no-repeat;	
}

/*			TYPOGRAPHY			*****************************/
.title  {
		font-size: 21px;
		margin: 90px 0 10px 0;	
		background-color: #B9DFE4;
		color: #000;
		width: 340px;
		}
.titleblock h2 {
		font-size: 15px;
		margin: 5px 0 10px 0;
		padding: 0 0 0 0;
		background-color: #ff0;
		line-height: 1em;
		font-weight: normal;
}
.titleblock h3 {
		font-size: 11px;
		margin: 5px 0 10px 0;
		padding: 0 0 0 0;
		background-color: #fff;
		line-height: 1em;
		font-weight: normal;
		text-transform: uppercase;
}
.titleblock p {	
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 10px;
	line-height: 120%;
}

.content h2 {
		font-size: 18px;
		margin-top: 10px;
		padding: 0;
		background-color: #fff;
		line-height: 100%;
}
.content h3 {
		font-size: 12px;
		padding: 5px;
		text-transform: uppercase;
		background-color: #CAD3D4;
		color: #484848;
}
h1.metanormal {
		margin-top: 10px;
		font-size: 24px;
		padding: 0;
		color: #2A1F00;
		line-height: 120%;
}


/*			UTILS							*/
.clear {
	clear: both;
	height: 0;
}
.alt {
	display: none;
}
		
/*			PHASES							*/	
.party{
		width: 60px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 25px 5px 0 15px;
		float: left;
		overflow: hidden;
}
.todolist {
		padding: 0;
		float: left;
		overflow: hidden;
		width: 190px;
		
}
.todolist ul{
		padding: 0;
		margin: 10px 10px 15px 0;
}

.todolist li {
		list-style-type: none;
		font-size: 12px;
		margin: 0;
		text-align: left;

}			


/* PHASES									 */
.phase1, .phase2, .phase3, .phase4 {
		margin: 0 0 0 0;
		width: 570px;
}

.phase1 p, .phase2 p, .phase3 p, .phase4 p {
	padding: 5px 10px 20px 10px;
	font-size: 11px;
}


.phase1 h3 {
		background-color: #6E8789;
		color: #fff;
}
.phase1 td {
		background-color: #EAEEEE;
}

.phase2 h3 {
		background-color: #824A35;
		color: #fff;
}
.phase2 td {
		background-color: #E8DEDA;
}

.phase3 h3 {
		background-color: #E2BC7E;
		color: #fff;
}
.phase3 td {
		background-color: #FAF3E7;
}	
.phase4 h3 {
		background-color: #B2D65F;
		color: #fff;
}
.phase4 td {
		background-color: #F1F7E2;
}	





/* sIFR This hides the browser text before it is replaced */
 .sIFR-hasFlash .content h3 {
	visibility: hidden;
	font-size: 12px;
}

 .sIFR-hasFlash .content h2 {
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash h1.metanormal {
		visibility: hidden;
		font-size: 24px;
}


 .sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/************** siteInfo styles [footer] ****************/

#siteInfo{
    clear: both;
	padding: 50px 0px 0px 0px;
	text-align: right;
}

.footer{	
	border-top: 1px solid #e7e7e7;
	font-family: 'Lucida Grande', verdana, arial, sans-serif;
	font-size: x-small;	
	color: #000;
	padding: 4px 4px 4px 10px;
	background-color: #e3e3e3;
}
#siteInfo a:link {
	color: #333;
	text-decoration: none;
	background-color: #e7e7e7;
	}

#siteInfo a:hover {
	color: #333;
	text-decoration: none;
	background-color: #ff0;
	}