@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("nav.css");
@import url("960.css");
@import url("headings.css");

body {
	background:#000000 url(../images/bg.jpg);
	color:#FFF;
	text-align:center;
	font-size:10pt;
	line-height:14pt;
	font-family:"Century Gothic", Arial, sans-serif;
}
a {text-decoration:none; color: #fff}
strong {font-weight:bold}
p, ul {margin-bottom:15px}
img.paddedBottom{padding-bottom:10px}


.underline {border-bottom:1px #ccc solid; padding-bottom: 2px;}
.width100 {width:100%}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.floatRight{float:right !important}
.floatLeft{float:left}
.gray {color:#999}
.margin10 {margin:10px}
.vmargin10 {margin:10px 0}
.font11 {font-size:11px}
.font10 {font-size:10pt;line-height:14px;}
.larger {font-size:1.2em}
.red { color:red}
.link {text-decoration:underline}
.vis-clear { 
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	width:100%;
}

#content-wrapper {
	margin-bottom:30px;
	overflow:hidden;
}

.boxed-link {
	padding:5px;
	border:5px #fff solid;
	marging:10px auto;
	width:100px;
	font-size:1.3em;
	line-height:28pt;
}

.grid_6.border img{
	border:5px #fff solid;
}

.grid_4.border img{
	border:5px #fff solid;
}

.spacer {
	height:10px;
}

#header.grid_12 {
	width:960px;
  margin:0 0;
}

/******************************************
* INDEX 
******************************************/
#slideshow {
	border:20px #fff solid;
	width:620px;
	height:412px;
	margin:13px auto 0;
	overflow:hidden;
}

/******************************************
* SERVICES 
******************************************/
.service {
	text-align:left;
	padding:10px;
	border:8px #fff solid;
	margin:10px 0;
}
	.service.red {
		border-color:red;
	}
	
	
.buy_now {
	text-align:center;
	padding-top:8px;
}

.buy_now_title {
	float:left;
	padding-top:10px;
}
/******************************************
* Portfolio 
******************************************/
#portfolio-link {
	text-align:left;
	color:#fff;
	margin:5px 0;
	line-height:14pt;
}

.portfolio-item {
	margin-bottom:10px;
}
	.portfolio-item a{
		border:10px #fff solid;
		display:block;
		width:214px;
		height:149px;
		margin:5px auto;
	}
#portfolio-grid {
	text-align:right;
	height:160px;
	position:static;
}	
	#portfolio-grid img {
		margin:5px;
	}
	
.row_1 #portfolio-grid {
	height:80px;
}
	
.row_2 #portfolio-grid {
	height:120px;
}
	
#portfolio-loading {
	background: #000 url(../images/loading.gif) no-repeat 150px 70px;
	opacity:0.6;
	width:380px;
	height:160px;
	position:absolute;
	top:0;	
	float:left;
}

.row_1 #portfolio-loading {
	height:80px;
	background: #000 url(../images/loading.gif) no-repeat 150px 20px;
}

.row_2 #portfolio-loading {
	height:120px;
	background: #000 url(../images/loading.gif) no-repeat 150px 50px;
}

#portfolio-text {
	text-align:left;
	font-size:.9em;
	line-height:1.5em;
	margin:10px 0 0 0;
}

	#portfolio-text.scroll {
		height:195px;
		overflow-y:auto;
	}
	
.row_1 #portfolio-text.scroll {
	height:300px;
}
	
.row_2 #portfolio-text.scroll {
	height:230px;
}

#next, #previous {
	margin:5px;
	cursor:pointer;
}

	#next a {
		background:url(../images/next.png) no-repeat;
		width:80px;
		height:32px;
		display:block;
	}
	
	#next.off a {
		background:url(../images/next_off.png) no-repeat;
	}
	
	#previous a {
		background:url(../images/previous.png) no-repeat;
		width:80px;
		height:32px;
		display:block;
	}
	
	#previous.off a {
		background:url(../images/previous_off.png) no-repeat;
	}
	
	.projectNav {
		overflow:hidden;
		margin-bottom:15px;
	}
	
		.projectNav a span { display:none}
	
/******************************************
* Press 
******************************************/
#press-body {
	color:#fff;
	text-align:left;
	
}

	#press-body a {
		color:eee;
		text-decoration:underline;
	}
.byline {
	color:#808080;
	font-size:92%;
	line-height:13px;
} 

.article .images {
	float:right; 
	margin:20px;
	text-align:center;
}

.article .images img {
	margin:10px auto;
}


dl.press {
	margin-bottom:20px;
}
dd.name {
	font-size:14px;
}
dd.date {
	font-size:13px;
}
dd.desc {
	font-size:9pt
}

dd.source {
	background-repeat:no-repeat !important;
}

dd.source span, dd.links {
	display:none;
}

dd.houzz {
	background-image:url(../images/press-logos/houzz.png);
	width:69px;
	height:67px;
}

dd.statesman {
	width:200px;
	height:34px;
	background-image:url(../images/press-logos/press_statesman.jpg);
}

dd.lod {
	width:200px;
	height:67px;
	background-image:url(../images/press-logos/lod.jpg);
}

dd.culturemap {
	width:200px;
	height:38px;
	background-image:url(../images/press-logos/press_culturemap.jpg);
}

dd.outabout {
	width:275px;
	height:45px;
	background-image:url(../images/press-logos/outabout.png);
}

dd.designaustin {
	width:182px;
	height:45px;
	background-image:url(../images/press-logos/designaustin.png);
}


dd.hba {
	width:150px;
	height:50px;
	background-image:url(../images/press-logos/press_hba.jpg);
}

dd.southernaccents {
	width:200px;
	height:35px;
	background-image:url(../images/press-logos/press_southernaccents.jpg);
}

dd.austinmonthlyhome {
	width:150px;
	height:50px;
	background-image:url(../images/press-logos/press_austinmonthlyhome.jpg);
}

dd.austinhomeliving {
	width:200px;
	height:42px;
	background-image:url(../images/press-logos/press_austinhomeliving.jpg);
}

dd.urbanhome {
	width:150px;
	height:52px;
	background-image:url(../images/press-logos/press_urbanhome.jpg);
}

dd.designtrade {
	width:200px;
	height:35px;
	background-image:url(../images/press-logos/press_designtrade.jpg);
}

dd.designguide {
	background-image:url(../images/press_designguide.png);
	width:200px;
	height:96px;
}

dd.luxe {
	width:200px;
	height:56px;
	background-image:url(../images/press-logos/press_luxe.jpg);
}

dd.betterhomes{
	width:150px;
	height:59px;
	background-image:url(../images/press-logos/press_bhg.jpg);
}

/* People */
#group-picture {
	border:8px #fff solid;
}

#bio {
	height:380px;
	overflow-y:scroll;	
	color:#000;
	background:url(../images/bg_pattern.jpg);
	border:1px #000 solid;
	padding-top:10px;
}

	dl.profile.grid_2 {
		margin-right:25px !important;
		margin-left:25px !important;
	}
	
	#bio dl.profile img {
		border-color:#000;
	}
	
	#bio dl.profile dd.title {
		font-size:11pt;
		color:#333;
	}
	
	#bio dd.desc {
		font-size:9pt;
	}

dl.profile.first {
	padding:15px 10px 15px;
	background:#f9f9f9;
	border-top:1px solid #E8E8E8;
	padding-top:20px;
}

dl.profile.odd {
	padding:15px 10px 15px;
	background:#f9f9f9;
}

dl.profile.last {
	border-bottom:0;
	padding-bottom:0;
}

dl.profile:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

	dl.profile dt {
		float:left;
		margin:0 10px;
		padding:0;
		min-height:200px;
	}

		dl.profile dt img {
			display:block;
		}
		
	dl.profile dd.nopad {
		margin:0;
		padding:3px 10px !important;
	}
	dl.profile dd.title {
		color:#AAAAAA;
		font-size:11px;
		line-height:1.2em;
	}

	dl.profile dd.name {
		font-size:16px;
		margin-bottom:2px;
	}


		dl.profile dd.name a {
			border-bottom:1px dotted #C57599;
			color:#1F75BF;
		}

		dl.profile dd.name a:hover {
			border-bottom:1px solid #C57599;
			text-decoration:none;
		}

	dl.profile dd.desc {
		line-height:1.5em;
		padding:11px 0 0;
	}
	
	dl.product {
		margin-bottom:20px;
	}

		dl.product dd.desc {
			line-height:1.5em;
			padding:11px 0 0 225px;
			
		}

	dl.profile img {
		border:8px #fff solid;
	}

h2.subHeader {
	background:url(../images/sub_header.jpg);
	width:200px;
	height:102px;
	float:right;
}

#numbers {
	float:left;
	margin-bottom:5px;
	margin-top:25px;
}

#numbers a {
	display:block;
	border:1px #ddd solid;
	height:16px;
	line-height:14px;
	font-size:10px;
	padding:0px 4px;
	margin:0 3px;
	float:left;
	vertical-align:middle;
}

#numbers a:hover, #numbers a.activeSlide {
	background:#fff;
	color:#000;
}

#trans {
	margin:10px auto;
}
#trans .before {
	float:left;
	width:375px;
	margin-right:10px;
	text-align:right;
}

#trans .after {
	float:left;
	width:375px;
	margin-left:10px;
	text-align:left;
}

#trans .three {
	float:left;
	width:250px;
	margin-left:10px;
	text-align:left;
}


#home_footer {
	text-align:center;
	margin:0 180px;
}

	#home_footer h3 {
		width:200px;
		height:50px;
		float:left;
		margin-bottom:0;
		border-top:1px #fff solid;
		margin-top:10px;
	}
	
		#home_footer h3#consultation {
			background:url(../images/footer_consultation.png);		
		}
	
		#home_footer h3#specification {
			background:url(../images/footer_specification.png);		
		}
	
		#home_footer h3#procurement {
			background:url(../images/footer_procurement.png);		
		}
		
		#home_footer ul {
			overflow:hidden;
			float:left;
			margin-left:40px;
			width:550px;
		}
		
		#home_footer ul li {
			float:left;
			margin:0 10px;
			font-size:11pt;
			line-height:14pt;
		}
		
		#home_footer p {
			text-align:center;
		}
		
#home_footer.wide {
	width:960px;
	margin:30px auto 20px;
	border-top: 1px solid #FFFFFF;
}

	#home_footer.wide h3 {
		border-top:0;
		height:40px;
		background-position:0 -10px !important;
	}
	
	#home_footer.wide ul {
		margin-left:0;
		margin-bottom:5px;
	}
	
	#home_footer.wide .copy {
		text-align:left;
		padding-left:10px;
		font-size:9pt;
		float:left;
		width:630px;
		margin-bottom:0;
	}
	
	#home_footer.wide .logos {
		padding:10px 5px 0 0;
		text-align:right;
	}
	
	#home_footer.wide .logos img {
		margin:0 5px;
	}
	
	#home_footer .social {
		float:right;
		margin-right:270px;
		margin-top:3px;
	}
	
		#home_footer .social img {
			margin:0 2px;
		}

.calendar {
	margin-top:30px;
  color:#fff;
  text-align:center;
}

	.calendar a {
		background:url(../images/calendar.png) no-repeat;
  	display:block;
    width:220px;
    height:198px;
  	padding:1px 0;
  }

	.calendar h5 {
    font-weight:bold;
    font-size:28px;
    line-height:42px;
    text-transform:uppercase;  
  }
  
  .calendar p {
  	margin-top:150px;
    font-size:11px;
  }

.calendar_list {
	text-align:left;
}

.calendar_list a {
	overflow:hidden;
}

	.calendar_list img {
  	float:left;
    margin:0 15px 0 0;
  }
  
  .calendar_list dt {
  	font-size:16px;
    font-weight:bold;
    line-height:20px;
  }
  
  .calendar_list dd {
  }
  
  .calendar_list .pad {
  	margin-bottom:25px;
  }	

.spacer {
	padding:10px 0;
}

.vendor_table {
	width:100%;
	background:#fff;
}

.vendor_table td {
	padding:5px;
	border:1px #ddd solid;
}