/*/////////////////////////////////////////////////
/////////////foxallassociates.com/////////////////
///////////////////////////////////////////////*/

.test{
	border: 1px solid #f08;
}
.subcontent{
	height:400px;
	overflow:hidden;
}

body{
	background-color:#999;
	margin:0px;
	
	color:#333;
	font-family: "Times New Roman",Baskerville,Georgia, serif;
}
html{
	overflow:hidden;
}
img{
	border:none;
}
.content{
	display:none;
}
#intro,object,embed{
	position:absolute;
	width:100%;
	height:100%;
	z-index:8;
	top:0;
	left:0;
}
#skip{
	padding:10px;
	position:absolute;
	color:#fff;		
	z-index:9;
	top:0px;
	left:0px;
	cursor:pointer;
}



h1#logo {
	background-image: url('../images/logo_b.png');
	height:114px;
	margin:auto;
	width:99px;
	margin-top:40px;
/*	position:absolute;*/
}
h1#logo span{
	display:none;
}

a.email{
	color:#333;
}
a:hover{
	text-decoration:underline;
}
a{color:#999;
text-decoration:none;}


/* QUICK LINKS */
#ql{
	position:absolute;
	right:0px;
	top:0px;
/*	width:1000px;*/
	
	height:39px;
}
#ql_tel,#ql_email,#ql_mail{
	background-image: url('../images/ql/ql.png');
	float:right;
	cursor:pointer;
	display:inline;
}


#ql_tel{  background-position:0px   0px;width:52px;height:39px;}
#ql_email{background-position:-52px 0px;width:31px;height:39px;}
#ql_mail{ background-position:-83px 0px;width:41px;height:39px;}


#ql_content{
	float:right;
	width:0px;
	height:39px;
	background-image:url('../images/ql/ql_bg.png');
	overflow:hidden;
	line-height:39px;
	padding-left:5px;
	font-size:12px;
	text-transform:uppercase;
	white-space:nowrap;
}



/** BACKGROUND CSS **/
body{overflow:hidden;}
#bg{position:absolute;top:0px;left:0px;z-index:-3}
#bgimage {z-index:-2;position:absolute}
#bgimage2{z-index:-1;position:absolute}
/** -------------- **/


/* Scroll Bar */
#scrollTrack{
	position:absolute;
	height:360px;
	margin-top:20px;
	top:0px;
	margin-left:810px;
	display:block;
	background-color:#2F3033;
	width:7px;
}
#scrollBar{
	background-color:#ECEDED;
	cursor: pointer;
	border:none;
	width:7px
	
}


/* Menus */

ul{
	list-style:none;
	padding:0px;
}


	.lifestyle_sub li{
/*		background-image: url('../images/submenu/03_lifestyle.png'); LANG SPEC*/
		height:30px;
		width:150px;
		list-style:none;
		padding:0px;
		cursor:pointer;
	}
	/* 32 high */
/*	
	LANG SPEC
	.lifestyle_1{background-position:-150px 0px;}
	.lifestyle_2{background-position:-150px -30px;}
	.lifestyle_3{background-position:-150px -60px;}
	
	
	.lifestyle_1:hover,.lifestyle_1.selected{background-position:0px 0px;}
	.lifestyle_2:hover,.lifestyle_2.selected{background-position:0px -30px;}
	.lifestyle_3:hover,.lifestyle_3.selected{background-position:0px -60px;}*/
	




	.team_sub li{
		background-image: url('../images/submenu/04_team.png');
		height:30px;
		width:149px;
		list-style:none;
		padding:0px;
		cursor:pointer;
	}
	/* 32 high */
	.team_1{background-position:-149px 0px;}
	.team_2{background-position:-149px -30px;}
	.team_3{background-position:-149px -60px;}
	.team_4{background-position:-149px -90px;}
	.team_5{background-position:-149px -120px;}


	.team_1:hover,.team_1.selected{background-position:0px 0px;}
	.team_2:hover,.team_2.selected{background-position:0px -30px;}
	.team_3:hover,.team_3.selected{background-position:0px -60px;}
	.team_4:hover,.team_4.selected{background-position:0px -90px;}
	.team_5:hover,.team_5.selected{background-position:0px -120px;}





	.res_sub li{
/*		background-image: url('../images/submenu/02_residences.png'); LANG SPEC*/
		height:30px;
		width:149px;
		list-style:none;
		padding:0px;
		cursor:pointer;
	}
	/* 32 high */
/*
	LANG SPEC

	.res_1{background-position:-149px 0px;}
	.res_2{background-position:-149px -30px;}
	.res_3{background-position:-149px -60px;}
	.res_4{background-position:-149px -90px;}
	.res_5{background-position:-149px -120px;}
	.res_6{background-position:-149px -150px;}


	.res_1:hover,.res_1.selected{background-position:0px 0px;}
	.res_2:hover,.res_2.selected{background-position:0px -30px;}
	.res_3:hover,.res_3.selected{background-position:0px -60px;}
	.res_4:hover,.res_4.selected{background-position:0px -90px;}
	.res_5:hover,.res_5.selected{background-position:0px -120px;}
	.res_6:hover,.res_6.selected{background-position:0px -150px;}*/



	.ir_hide{
		display:none;
	}
	.thumb{
		border:1px solid #777;
		cursor:pointer;
	}
	.subcontent_only{
		float:left;
		margin-left:150px;
		margin-right:150px;
	}
	
	
	/* Sub menu things */
	strong{
		color:#999;
	}
	.light{
		color:#888;
	}
	
	.submenu{
		float:left;
		margin-left:110px;
		margin-top:60px;
		width:150px;
	}
	.subcontent{
		float:left;
		width:400px;
		margin-top:50px;
		margin-left:30px;
	}
	
	/* Main Menu */
	
	#ql{
		z-index:10;
	}

	#mainMenu{
		background-color:#282B31;
		margin-top:20px;
		height:5px;
		overflow: hidden;
		height:60px;
		z-index:5;

	}
	#closeMenu{
/*	background-image: url('../images/closeMenu/closeMenu.png'); LANG SPEC*/
		color:#aaa;
		cursor:pointer;
		position:absolute;
		height:30px;
		width:125px;
		left:0px;
	}


		#m_1,#m_2,#m_3,#m_4,#m_5,#m_6{
/*			background-image: url('../images/menu/menu.png');  LANG SPEC*/
			height:54px;
			width:140px;
			float:left;
			cursor:pointer;
		}

		#m_1{background-position:0px     0px;}
		#m_2{background-position:-140px  0px;}
		#m_3{background-position:-280px  0px;}
		#m_4{background-position:-420px  0px;}
		#m_5{background-position:-560px  0px;}
		#m_6{background-position:-700px  0px;}


		#m_1:hover,#m_1.selected{background-position:0px     -54px;}
		#m_2:hover,#m_2.selected{background-position:-140px  -54px;}
		#m_3:hover,#m_3.selected{background-position:-280px  -54px;}
		#m_4:hover,#m_4.selected{background-position:-420px  -54px;}
		#m_5:hover,#m_5.selected{background-position:-560px  -54px;}
		#m_6:hover,#m_6.selected{background-position:-700px  -54px;}


		#m{
			padding-top:0px;
			padding-bottom:0px;
			display:block;
			width:840px;
			height:54px;
			margin:auto;
		}
		.hidden{
			display:none;
		}


		#mainMenuContentHolder{
			position:absolute;
			width:100%;
			margin-top:5px;
		}
		#mainMenuContent{
			width:840px;
			height:300px;
			margin:auto;
			background-color:#1B1E21;
			background-image:url(../images/content_bg.png);
		}
		#mainMenuContentFoot{
			bottom:0px;
			width:840px;
			text-align:right;
			background-color:#ddd;
			font-family:sans-serif;
			font-size:10px;
			line-height:20px;
			height:20px;
			overflow:hidden;

			margin:auto;

		}
	/*	#mmc *{
			margin:0px;
		}*/
		#mainMenuContent{
			overflow:hidden;
			color:#666;
			line-height:2.5em;
			letter-spacing:0.2em;
			font-size:9px;
			font-family:sans-serif;
			text-transform:uppercase;
		}
		
		.flush{
			margin-top:2px;
		}
		
		/** SITE CREDITS **/

		#credits{
			font-family: Arial, "MS Trebuchet", sans-serif;
			font-size:9px;
			position:fixed; /** TODO CHANGE ON SSA **/
			bottom:0px;
			left:0px;
			margin:5px;
			margin-right:15px;
			margin-left:5px;
			margin-bottom:10px;
			z-index:5;
		}
		#credits a{
			padding-top:10px;
			padding-left:4px;
			color:#bbb;
		}

		#credits a:hover .fa{
			color:#111;
		}
		
		#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
		#lightbox img{ width: auto; height: auto;}
		#lightbox a img{ border: none; }

		#outerImageContainer{ position: relative; background-color: #1B1E21; width: 250px; height: 250px; margin: 0 auto; }
		#imageContainer{ padding: 0px; }

		#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-image: url(data:image/gif;base64,AAAA); /* 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/lightbox/prevlabel.gif) left 15% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
		*/
		#hoverNav{
			width:360px;
			margin:auto;
		}/*
		*{
			border: 1px solid #999;
		}*/
		#prevLink,#nextLink{
			display:block;
			width:175px;
			height:18px;
			background-image:url(../images/lightbox/buttons.png);
			clear:none;
		}
		#prevLink{
			float:left;
			background-position:0px 0px;
		}
		#nextLink{
			float:right;
			background-position:0px -18px;
		}

		#imageDataContainer{ font: 12px Times,serif; background-color: #1B1E21; margin: 0 auto;height:22px; line-height: 19px; overflow: hidden; width: 100%	; margin-top:2px;}

		#imageData{	padding:0 10px; color: #666; }
		#imageData #imageDetails{ width: 50px; 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; outline: none;}	 	*/


		#imageData #bottomNavClose{
			display:block;
			width:130px;
			height:18px;
			background-image:url(../images/lightbox/buttons.png);
			background-position:0px -36px;
			float:right;
			cursor:pointer;
		}

		#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #fff; }
		
		#darbazLogo {
			position: absolute;
			bottom:20px;
			right:20px;
			background: url('../images/darbaz_logo.png') no-repeat scroll top left;
			width: 93px;
			height: 40px;
		}
		#darbazLogo span{
			display:none;
		}