/**************************************************************************/
/*  Base styles                                                           */
/**************************************************************************/

body html{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
/**
 * 	content wraper
 */
#contentWrapper{
	width: 100%;
	height: 100%;
	min-width: 1188px;
	min-height: 650px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
}


/**
 * 	background container
 */
#backgroundContainer{
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0px;
	top: 0px;
	left: 0px;
	z-index: 50;
	background-color: #CCCCCC;
}
/**
 * 	background grid pattern
 */
#overlayGridPatern{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 70;
	background: url('../images/pattern_overlay_grid.png');
	background-repeat: repeat;	
}

/**
 * 	pages content style
 */
#pagesContent{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 75;
}

/**
 * 	START main menu style
 */

#mainMenu{
	width: 220px;
	height: 100%;
	position: absolute;
	left: 70px;
	z-index: 100;
}

#logoBackground{
	width: 221px;
	height: 301px;
	background: url('../images/logo_background.png');
}
#logoBackground div{
	position: relative;
	width: 218px;
	top: 32px;
	margin: auto;
}

#menuDownButton{
	width: 100%;
	height: 124px;
	background: url('../images/menu_down_btn.png');
	cursor: pointer;
	position: absolute;
	top: 271px;
	z-index: 102;
}
#menuExpanded{
	width: 100%;
	height: 200px;
	position: absolute;
	top: 271px;
	z-index: 101;
}

.menuScrollContent{
	width: 50px;
	height: 100px;
	position: absolute;
	left: -62px;
	z-index: 114;
}

#menuExpandedContent{
	width: 100%;
}
#menuExpandedTop{
	width: 100%;
	height: 65px;	
}
.insideExpandedTopNormal{
	background: url('../images/menu_expanded_top.png');
}
.insideExpandedTopSelected{
	background: url('../images/menu_expanded_top_selected.png');
}

#menuItems{
	width: 100%;
	background: url('../images/menu_expanded_background.png');
	background-repeat:repeat-y;
	overflow: hidden;
}
#menuItems ul{
	width: 100%;
	text-align: center;
	position: relative;
	left: 0px;
}
#menuItems ul li a{
	height: 140px;
	line-height: 140px;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	font-weight: bold;	
}
.menuItemSelected{
	background: url('../images/selectedMenuItemBackground.png');
	text-shadow: 0px 0px 8px #fff;
	cursor: default;
}

#closeMainMenu{
	width: 100%;
	height: 32px;
	background: url('../images/menu_expanded_background.png');
	cursor: pointer;
}
#closeMainMenu div{
	width: 37px;
	position: relative;
	top: 5px;
	margin: auto;
}

/*
 * END main menu style
 */

/**
 * 	show loading
 */
#busyContainer{
	width: 100%;
	height: 100%;
	position: fixed;
	visibility: hidden;
	z-index: 150;
}
.busyContainerOpaque{
	background-color: #000000;
}
#busyContainer div{
	width: 50px;
	height: 50px;
	position: relative;
	margin: auto;
}
/**
 * 	end show loading
 */

/* full screen buttons */
#fullScreenButtons{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 97;
}
#fs_on{
	position: absolute;
	z-index: 98;
	cursor: pointer;
}
#fs_off{
	position: absolute;
	z-index: 99;
	cursor: pointer;
}
/* end full screen buttons */

/**
 * 	start tooltip style
 */
#leftBTooltip{
	background: url('../images/tooltip_left.png');
	float: left;
	width: 8px;
	height: 100%;
}
#middleBTooltip{
	background: url('../images/tooltp_middle.png');
	float: left;
	height: 100%;
}
#rightBTooltip{
	background: url('../images/tooltip_right.png');
	float: left;
	width: 12px;
	height: 100%;	
}
#tooltipText{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #FFFFFF;	
}

/**
 * 	end tooltip style
 */


/**
 * GLOBAL STYLES	
 */
.yellowButton{
	background: url('../images/yellow_button_background.png');
	display: block;		
	width: 131px;
	height: 36px;
	text-decoration: none;
	line-height: 36px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;	
}

.backButton{
	background: url('../images/back_button_background.png');
	display: block;		
	width: 131px;
	height: 36px;
	text-decoration: none;
	line-height: 36px;
	color: #fff79a;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: center;
	margin-left: 30px;
	margin-top: 8px;
	text-transform: uppercase;	
}


.hspacer{
	height: 20px;
	width: 100%;
}

.clear-fix:after 
{
	height:0;
	clear:both;
	content:" ";
	font-size:0;
	display: block;
	visibility: hidden;
}

.clear-fx{
	clear:both;
}
 
a{
	outline: none;
	text-decoration: none;
}
*::selection {
	background: #000000;
}
*::-moz-selection {
	background: #000000;
}

p::selection {
	background: #000000;
}
p::-moz-selection {
	background: #000000;
}
span::selection {
	background: #000000;
}
span::-moz-selection {
	background: #000000;
}