/* Focus Designs Master Stylesheet */
:-moz-any-link:focus {
  outline: none;
}

html {
     overflow: -moz-scrollbars-vertical;
}

html, body{
	margin: 0px;
	height: 100%;
	font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #5e5e5e;
	text-align: center;
}

a{color: #5e5e5e; text-decoration: underline;}
a:hover{text-decoration: none;}

#pageContainer{
	width: 766px;
	padding: 13px 0px 13px 0px;
	margin: 0px auto;
	clear: both;
}
#pageContainer.homePageContainer{
	width: auto;
}
#homeRapper{
	background: transparent url(../images/homeBG.jpg) repeat-x 0px 0px;
	height: 265px;
}

.clear{
	margin: 0px; text-indent: -5000px;
	font-size: 1px; height: 1px;
	clear: both; display: block;
}

#logo{
	width: 97px; height: 139px; display: block;
	background: transparent url(../images/focusLogo.jpg) no-repeat 0px 0px;
	text-indent: -5000px; display: block; margin: 0px;
}
#logo.homeLogo{
	margin: 0px; padding: 0px;
	width: 186px; height: 265px;
	background: transparent url(../images/homeLogo.jpg) no-repeat 0px 0px;
	float: left;
}

/*		NAV MENU		*/
#header{float: left; background: transparent url(../images/focusLogo.jpg) no-repeat 0px 0px;}
ul#navMenu{
	margin: 0px; padding: 0px; list-style: none;
	width: 97px;
	display: block;
	float: left;
}
ul#navMenu li{width: 97px;}
ul#navMenu li a{width: 97px; display: block; text-indent: -5000px;}

	ul#navMenu li.aboutUsLink a{background: transparent url(../images/aboutButton-o.jpg) no-repeat 0px 0px; height: 24px;}
	ul#navMenu li.aboutUsLink a:hover, ul#navMenu li.aboutUsLink{background: transparent url(../images/aboutButton-a.jpg) no-repeat 0px 0px;}
	ul#navMenu.homeMenu li.aboutUsLink a{background: transparent url(../images/homeAbout-o.jpg) no-repeat 0px 0px; height: 28px;}
	ul#navMenu.homeMenu li.aboutUsLink a:hover, ul#navMenu.homeMenu li.aboutUsLink{background: transparent url(../images/homeAbout-a.jpg) no-repeat 0px 0px; height: 28px;}

	
	ul#navMenu li.projectsLink a{background: transparent url(../images/projectsButton-o.jpg) no-repeat 0px 0px; height: 25px;}
	ul#navMenu li.projectsLink a:hover, ul#navMenu li.projectsLink{background: transparent url(../images/projectsButton-a.jpg) no-repeat 0px 0px;}
	ul#navMenu.homeMenu li.projectsLink a{background: transparent url(../images/homeProjects-o.jpg) no-repeat 0px 0px;}
	ul#navMenu.homeMenu li.projectsLink a:hover, ul#navMenu.homeMenu li.projectsLink{background: transparent url(../images/homeProjects-a.jpg) no-repeat 0px 0px;}
	
	ul#navMenu li.contactLink a{background: transparent url(../images/contactButton-o.jpg) no-repeat 0px 0px; height: 24px;}
	ul#navMenu li.contactLink a:hover, ul#navMenu li.contactLink{background: transparent url(../images/contactButton-a.jpg) no-repeat 0px 0px;}
	ul#navMenu.homeMenu li.contactLink a{background: transparent url(../images/homeContact-o.jpg) no-repeat 0px 0px; height: 24px;}
	ul#navMenu.homeMenu li.contactLink a:hover, ul#navMenu.homeMenu li.contactLink{background: transparent url(../images/homeContact-a.jpg) no-repeat 0px 0px; height: 24px;}

/*		PAGE HEADINGS		*/
.pageHead{
	margin: 0px 0px 13px 0px; padding: 0px; float: left;
	width: 669px; height: 212px;
}
.pageHead h1{
	text-indent: -5000px;
	/*background: transparent url(../images/interiorHeader.jpg) no-repeat 0px 0px;*/
}
h1.homeHead{
	margin: 0px; padding: 0px; float: right;
	width: 415px; height: 78px;
	text-indent: -5000px;
	background: transparent url(../images/homeHeader.jpg) no-repeat 0px 0px;
}

/*		HOME CONTENT		*/
#homeHeader, #homeMenu{
	width: 766px;
	margin: 0px auto;
}
#homeMovie{
	float: left; width: 580px;
}
#homeMenu{
	clear: both;
	text-align: left;
	height: 78px;
}

/*		PAGE CONTENT		*/
.content{
	clear: both; width: 766px;
	background: transparent url(../images/contentBG.jpg) repeat-y 0px 0px;
	text-align: left;
}
.pageLeft{
	padding: 0px 13px 0px 13px;
	width: 536px;
	text-align: justify;
	float: left;
}
	.pageLeft p{
		margin: 0px 0px 13px 0px;
		line-height: 18px;
	}
h2{
	font-size: 18px; font-weight: bold; margin: 0px;
}

.pageRight{
	float: left;
	padding: 0px 12px 0px 14px;
}

.spotlight p{
	padding: 4px 0px 7px 0px; margin: 0px;
}
	.spotlight a img{
		border: 0;
	}

.contactContainer h3{
	margin: 0px;
	font-size: 15px;
	color: #a8a8a8;
}
.contactContainer strong{display: block; text-decoration: underline;}

/*		Folio Content		*/
.projectsContainer{
	background: #ffffff; margin: 0px 1px 0px 1px; width: 760px;
}

#projectsNav{margin: 0px 0px 0px 11px; padding: 0px; list-style: none;}
	#projectsNav li{float: left;}
	#projectsNav li a{
		display: block; height: 32px;
		text-indent: -5000px;
	}
		li.folioCommanHosp a{background: url(../images/folioNav-i.jpg) no-repeat 0px 0px; width: 271px;}
			li.folioCommanHosp a:hover, .commHospActive li.folioCommanHosp a{background: url(../images/folioNav-a.jpg) no-repeat 0px 0px; width: 271px;}
		li.folioModelHomes a{background: url(../images/folioNav-i.jpg) no-repeat -271px 0px; width: 197px;}
			li.folioModelHomes a:hover, .ModelHomesActive li.folioModelHomes a{background: url(../images/folioNav-a.jpg) no-repeat -271px 0px; width: 197px;}
		li.folioSales a{background: url(../images/folioNav-i.jpg) no-repeat -468px 0px; width: 273px;}
			li.folioSales a:hover, .SalesActive li.folioSales a{background: url(../images/folioNav-a.jpg) no-repeat -468px 0px; width: 273px;}

#projectItems{margin: 0px 0px 0px 1px; padding: 0px; list-style: none; clear: both;}
#projectItems li{
	padding: 11px 0px 0px 11px; float: left;
}

/* -----BAR STYLES----- */
.bar{
}
.bar p{
	margin: 0px; padding: 0px; font-size: 1px;
	height: 25px; float: left;
}
.lightGrey{background: #c6c4c4;}
.darkGrey{background: #a2a2a2;}


/* These are standard sIFR styles... do not modify */

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

.sIFR-replaced {
	visibility: visible;
}

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

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}


/* LIGHTBOX STYLES */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */