header
{
	margin: 0px;
}

body
{
	margin: 0px;	
	background: url('../../images/technoBubblesLight.gif');
	/*background-color: gray;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-size: 1.1em;
}

a:link {color:#D1101A;}      /* unvisited link */
a:visited {color:#D1101A;}  /* visited link */
a:hover {color:#a90202;}  /* mouse over link */
a:active {color:#D1101A;}  /* selected link */

.headerHolder
{
	width: 100%;
	position: fixed;
	top:0px;
	z-index: 11;
}
.headerHolder .header
{

	width: 900px;
	height: 75px;
/*	background-color: #a90202;*/
	/*background-color:rgba(36, 44, 134, 0.8);*/
	background-color:rgba(169, 2, 2, 1);
	margin: auto;
	position: relative;
	z-index: 12;
	box-shadow: 0px 20px 10px -10px gray;

}
.headerHolder .header .logo
{
	margin-left: 5px;
	margin-right: 7px;
	height:75px;
	width: 200px;
	background-image: url('../../images/ShareItLogo.gif');
	background-size: 200px 75px;
	background-repeat: no-repeat;
	float: left;

}

.headerHolder .header .menuHolder
{
	width: 688px;
	height: 100%;
	float: right;
	z-index: 13;
}

.headerHolder .header .menuHolder .menu
{
	width: 100%;
	height: 30px;
	position: absolute;
	
	line-height: 30px;
	
}

.headerHolder .header .menu .element
{
	float:left;
	width: 135px;
	height: 30px;
	
	/*background-image: url('../../images/MenuElement2.gif');*/
	background-color: #046093;
	text-align: center;
	font-size: 1.2em;
	color:white;
	border-right: 1px solid gray;
	
	box-shadow: 4px 4px 15px 1px black;
	
}

.headerHolder .menu .element:hover
{
	background-image: none;
	background-color: white;
	color: black;
	box-shadow: none;
	
	
	cursor: pointer;
	
}

.bodyHolder
{
	padding-top: 75px;
	width: 100%;
	position: relative;
	margin-bottom: 200px;
	z-index: 100;

	padding-bottom: 200px;
	
	/*box-shadow: 0px 40px 20px -20px gray;*/
	z-index: 10;
}

.bodyHolder .body
{
	
	
	top:0px;
	bottom:0px;
	width: 900px;
	min-height: 100%;
	margin: auto;
	z-index:100;
	padding-top: 25px;
	/*background-color:#595959;
	box-shadow: 0px 20px 50px black;*/
}

.windowShadow
{
	/*box-shadow: 10px 10px 20px 10px red;
	border: 1px solid black;*/
}
.windowHeader
{
	width:100%;
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	margin-top: 10px;
	background-color:#a90202;
	line-height:30px;
	color:white;
	
box-shadow: 4px 4px 15px 1px gray;
}

.windowImageHeader
{
	width:100%;
	height:30px;
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	background-color:#a90202;
	line-height:30px;
	color:white;
	
	border-top-left-radius: 25px;
	border-top-right-radius:25px;
}

.windowBody
{
	padding: 10px 10px 10px 10px;
	width:100%;
	display: none;
	font-weight: bold;
}

.windowImage
{ 
	width:100%;
	display: none;
}

.body .windowShadow .leftWindow
{

	padding: 5px 25px 25px 25px;
	position:relative;
	width:40%;
	float: left;
	margin-left: -1000;
	
	margin-bottom: 25px;
	box-shadow: 4px 4px 20px 1px black;
	background-color:rgba(255, 255, 255, 0.9);
	/*background-color: white;*/
	clear:left;
	
	/*border: 1px solid black;*/
	
}

.body .windowShadow .leftWindowImage
{

	position:relative;
	width:45%;
	float: left;
	margin-left: -1000;
	margin-top:-1000;
	margin-bottom: 25px;
	
	background-color:rgba(255, 255, 255, 0.9);
	clear:left;

	/*border: 1px solid black;*/
	
}

.body .leftWindowSmall
{
	padding: 5px 25px 25px 25px;
	position:relative;
	width:30%;
	float: left;
	margin-left: -1000;
	margin-bottom: 25px;
	box-shadow:inset 0px 0px 10px black;
	background-color:rgba(255, 255, 255, 0.9);
	clear:left;


}

.body .leftWindowImageSmall
{
	
	position:relative;
	width:30%;
	float: left;
	margin-left: -1000;
	margin-top: -1000;
	margin-bottom: 25px;
	box-shadow: 4px 4px 15px 1px black;
	background-color:rgba(255, 255, 255, 0.9);
	clear:left;


}

.body .leftWindowLarge
{
	padding: 5px 25px 25px 25px;
	position:relative;
	width:50%;
	float: left;
	margin-left: -1000;
	margin-bottom: 25px;
	box-shadow: 4px 4px 15px 1px black;
	background-color:rgba(255, 255, 255, 0.9);
	clear:left;
	border-radius: 20px;
}

.body .leftWindowImageLarge
{
	position:relative;
	width:50%;
	float: left;
	margin-left: -1000;
	margin-top: -1000;
	margin-bottom: 25px;
	box-shadow: 4px 4px 15px 1px black;
	background-color:rgba(255, 255, 255, 0.9);
	clear:left;
}

.body .rightWindow
{
	padding: 5px 25px 25px 25px;
	position:relative;
	float: right;
	width:40%;
	margin-right: -1000;
	background-color:rgba(255, 255, 255, 0.9);
	box-shadow: 4px 4px 15px 1px black;
	margin-bottom: 25px;
	clear:right;
}

.body .rightWindowImage
{
	position:relative;
	float: right;
	width:45%;
	margin-right: -1000;
	margin-top: -1000;
	background-color:rgba(255, 255, 255, 0.9);
	margin-bottom: 25px;
	clear:right;
}

.body .rightWindowLarge
{
	padding: 5px 25px 25px 25px;
	position:relative;
	float: right;
	width:50%;
	margin-right: -1000;
	background-color:rgba(255, 255, 255, 0.9);
	box-shadow: 4px 4px 15px 1px black;
	margin-bottom: 25px;
	clear:right;
}

.body .rightWindowImageLarge
{
	padding: 5px 25px 25px 25px;
	position:relative;
	float: right;
	width:50%;
	margin-right: -1000;
	background-color:rgba(255, 255, 255, 0.9);
	box-shadow: 4px 4px 15px 1px black;
	margin-bottom: 25px;
	clear:right;
	margin-right: -1000;
	margin-top: -1000;
}

.body .rightWindowSmall
{
	padding: 5px 25px 25px 25px;
	position:relative;
	float: right;
	width:30%;
	margin-right: -1000;
	background-color:rgba(255, 255, 255, 0.9);
	box-shadow: 4px 4px 15px 1px black;
	margin-bottom: 25px;
	clear:right;
	
}

.body .rightWindowImageSmall
{
	position:relative;
	float: right;
	width:30%;
	margin-right: -1000;
	background-color:rgba(255, 255, 255, 0.9);
	box-shadow: 4px 4px 15px 1px black;
	margin-bottom: 25px;
	clear:right;
	margin-right: -1000;
	margin-top: -1000;
}

.body .wholeWindow
{

	position:relative;
	padding: 5px 25px 25px 25px;
	margin: auto;		
	margin-bottom: 25px;
	clear:both;
	box-shadow: 4px 4px 15px 1px black;
	background-color:rgba(255, 255, 255, 0.9);
	width: 90%;
}

.body .wholeWindowImage
{
	position:relative;
	margin: auto;		
	margin-bottom: 25px;
	margin-right: 1000px;
	clear:both;
	box-shadow: 4px 4px 15px 1px black;
	background-color:rgba(255, 255, 255, 0.9);
	margin-top: -1000;
}

.footerHolder
{
	z-index: 1;
	width: 100%;
	height: 200px;
	position: fixed;
	bottom: 0px;
}
.footerHolder .coveredFooter
{
	visibility: hidden;
	width: 900px;
	height: 200px;
	margin: auto;
	position:realtive;
	z-index: 1;
	background-color:white;
}

.mapHolder
{
	width: 100%;
}

.map
{
	background-image: url('../../images/TourLayout.gif');
	width: 325px;
	height: 700px;
	background-size: 100% 100%;
}

.backRoom
{

	margin:auto;
	width:290px;
	height: 200px;
	

}

.backRoom:hover
{
	border: 1px solid red;
	box-shadow: 0px 0px 10px red;
	cursor: pointer;
}

.conferenceRoom
{
	width:150px;
	height: 140px;
	
	float:right;
	margin-right: 15px;
}

.conferenceRoom:hover
{
	border: 1px solid red;
	box-shadow: 0px 0px 10px red;
	cursor: pointer;
}

.kitchen
{
	width:100px;
	height: 280px;
	
	float:left;
	margin-left: 15px;
}

.kitchen:hover
{
	border: 1px solid red;
	box-shadow: 0px 0px 10px red;
	cursor: pointer;
}

.office1
{
	width:150px;
	height: 120px;
	
	float:right;
	margin-right: 15px;
}

.office1:hover
{
	border: 1px solid red;
	box-shadow: 0px 0px 10px red;
	cursor: pointer;
}

.entrance
{
	width:290px;
	height: 185px;
	
	clear: both;
	margin: auto;
}

.entrance:hover
{
	border: 1px solid red;
	box-shadow: 0px 0px 10px red;
	cursor: pointer;
}

.popUpHolder
{
	display: none;
}

.popUpHolder .spherePopUp
{
	width: 635px;
	height: 400px;
	position: fixed;
	right: 0;
    left: 0;
    top: 25%;
    margin-right: auto;
    margin-left: auto;
	z-index: 999;
}

.spherePopUp .exit
{
	color: white;
	float:right;
}

.spherePopUp .exit:hover
{
	cursor: pointer;
	color:red;
}

.grayOut
{
	width: 100%;
	height:100%;
	opacity: 0.8;
	position: fixed;
	left: 0px;
	top:0px;
	background-color: black;
	z-index: 999;
}

.boldCenter
{
	font-weight:bold;
	font-size:1.3em;
	text-align:center;
}

.feesTable
{
	margin: auto;
	width: 90%;
	font-weight: bold;
	margin-top: 5px;
}

.feesTable tbody
{
	font-size: .9em;
}

.headerLinks
{
	margin-top: 40px;
	margin-right: 5px;
	display: table-cell;
	float:right;
	height: 30px;
}

.headerLinks .facebookLogo
{
	height: 30px;
}

.headerLinks .twitterLogo
{
	height: 30px;
}

.headerLinks .liquidSpaceLogo
{
	height: 30px;
}