html { height:100%;	margin:0px;	padding:0px;}
body { height:99%; margin:0px; padding:0px; background:#414143; color:white; font-family:arial; font-size:13px; line-height:1.5em; letter-spacing:.1em; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.main-nav { font-family: 'Muli', sans-serif; }
.principals-photo {
	display: none;
}
strong {
	font-weight: 600;
}
#photo-holder {position:absolute; width:831px; height:550px; top:54px; right:12px; }
#photos-1 {position:relative; width:831px; height:550px; }
.prev { position:absolute; top:47%; left:-30px;}
.next { position:absolute; top:47%; right:-30px;}
.pagination {display:none;}

a {
	color:white;
	text-decoration:underline;
}
ul {
	margin-top: 0px;
}
#navigation {
	font-family: 'Muli', sans-serif;
	color:white;
	font-size:13px;
	text-align:right;
	letter-spacing:.1em;
	position:absolute;
	top:10px;
	right:126px;
	z-index:1000;
}
.gallery-top {
	position:absolute; 
	top:0px; 
	left:0px; 
	background:url('images/trans-orange-bg.png'); 
	width:100%; 
	height:45px; 
	z-index:8000;
}
.container {
	width:850px;
	height:678px;
	text-align:center; 
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
#description {
	margin:15px;
	padding-left:-15px;
	display:block;
}
.gallery-description {
	 
	font-size:13px; 
	font-family:'Muli', sans-serif; 
	letter-spacing:.1em; 
	position:relative;
	left:15px;
	text-align:left;
}
.gallery-links {
	position:absolute; 
	top:0px; 
	right:0px; 

	width:auto; 
	height:45px; 
	z-index:8000;
}
#close-description {
	position:absolute; 
	top:5px; 
	right:15px;
	padding:10px;
	cursor:pointer;
}
#condo2-5-fading img {
	position:absolute;
	top:0px;
	left:0px;
	
}
#sub-nav, #sub-nav-gallery {
	font-family: 'Muli', sans-serif;
	color:white;
	font-size:13px;
	text-align:right;
	letter-spacing:.1em;
	position:absolute;
	top:-77px;
	right:-145px;
	z-index:1000;
}

.desc, .desc a {
	text-decoration:none; 
	color:white;
}
.desc:hover, .desc a:hover {
	text-decoration:underline; 
	color:white;
}
#sub-nav a, #sub-nav-gallery a {
	margin-left:5px;
	margin-right:5px;
	color:white;
	text-decoration:none;
	cursor:pointer;
}
#sub-nav-gallery {
	top:0px;
	right:0px;
	padding-top:15px;
	
	text-align:right;
	width:650px;
	margin-right:18px;

}
#sub-nav a:hover, #sub-nav-gallery a:hover  { text-decoration:underline; }

#sub-nav a.on, #sub-nav-gallery a.on {
	color:#292829;
	text-decoration: none !important;
}

h1 {
	font-family: 'Muli', sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:normal;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	text-transform:uppercase;
	
}
.lefty {
	width: 48%; 
	float: left;
}
.righty {
	width: 48%;
	float: right;
}
#navigation div { display:inline-block; padding-left:20px; }

#navigation a{ color:white; text-decoration:none; }
.white-bar { margin-bottom:10px; }
.bar1, #nav-company:hover, #navigation .bar1{ 	color:#5d471e; 	}
.bar2, #nav-principals:hover, #navigation .bar2  { color:#96572a;}
.bar3, #nav-gallery:hover, #navigation .bar3 { color:#c5652b;}
.bar4, #nav-contact:hover, #navigation .bar4 { color:#f58220; }
#home-holder {	
	width:850px; position:relative; top:72px; margin-left:auto; margin-right:auto; position:relative;
}
#logo { position:relative; top:-39px; left:0px; width:185px;}
#logo-holder {width:156px; height:64px; position:relative; margin-left:10px; cursor: pointer;}
#black-bars {position:absolute; right:-1px; top:-3px; display:none;}
#bar1 {display:none; position:absolute; bottom:8px;left:0px;} 
#bar2 {display:none; position:absolute; bottom:12px;left:11px;} 
#bar3 {display:none; position:absolute; bottom:6px;left:25px;} 
#bar4 {display:none; position:absolute; bottom:8px;left:38px;} 

#company-text {width:400px; height:450px; position:absolute; top:153px; left:186px; display:none;}
#principals-text {width:400px; height:450px; position:absolute; top:153px; left:186px; display:none;}
#contact-text {width:400px; height:450px; position:absolute; top:153px; left:186px; display:none;}
#gallery-text {width:300px; height:450px; position:absolute; top:150px; left:50px; display:none;}
.principals-photo { position:absolute; top:-99px; left:-166px;}         
#company-info { text-align:left;}
#services-info {
	width: 450px;
}
#company-info, #systems-info, #services-info  {
	margin-top: -20px;
}
#testimonials-info, #greg-info, #bradley-info, #patrick-info, #contact-info  { 
	
}
#contact-info {
	width: 570px;
}
