body {
	margin: 0px;
    padding:0px;
	font-family: 'Segoe UI Light';
	overflow-x: hidden;
     /*background-color: #ff6a00;*/
}

.body {
    background-color: #ff6a00;
    /*font-size: 12px;*/
}

#Header {
	z-index: 0;
	width: 100%;
	height: 165px;
	background-color: #ffffff;
	box-shadow: #000000 0px 0px 5px;
}

.webPageAlign {
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
}

#CompanyLogoTileHolder {
	position: relative;
	float: left;
	width: 200px;
	height: 165px;
}

#CompanyLogo {
	position: relative;
	margin: 20px 0px 0px 45px;
}

.logoCommon {
	position: absolute;
	width: 100px;
	height: 100px;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.logoImageOriginal {
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100px;
	height: 100px;
	background-image: url(../../Images/logoOrange.png);
}

.logoImageShadow {
	top: 2px;
	left: 2px;
	z-index: 1;
	background-image: url(../../Images/logoGray.png);
}

#CompanyTitle {
	position: absolute;
	top: auto;
	bottom: 0px;
	padding: 10px;
	color: #ff6a00;
	font-size: 21px;
}

#MenuTileHolder {
	float: right;
	width: 1000px;
	height: inherit;
}

.menuTileSize {
	height: 125px;
	width: 125px;
	background-color: #ff6a00;
	float: right;
	cursor:pointer;
}

.menuTileCommonMargin {
	margin: 20px 0px 0px 20px;
}

.menuTileLeftCornerMargin {
	margin: 20px 0px 0px 0px;
}

.menuTileTop {
	width: 100%;
	height: 8%;
	-moz-transition: ease 1s;
	-o-transition: ease 1s;
	-webkit-transition: ease 1s;
	transition: ease 1s;
}

.menuTileBottom {
	width: 100%;
	height: 8%;
	-moz-transition: ease 1s;
	-o-transition: ease 1s;
	-webkit-transition: ease 1s;
	transition: ease 1s;
}

.menuTileCenterArea {
	width: 100%;
	height: 84%;
	-moz-transition: ease 1s;
	-o-transition: ease 1s;
	-webkit-transition: ease 1s;
	transition: ease 1s;
}

.menuTileSize:hover .menuTileTop {
	background-color: #ff6a00;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}

.menuTileSize:hover .menuTileBottom {
	background-color: #ff6a00;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}

.menuTileSize:hover .menuTileCenterArea {
	background-color: #ffffff;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	transition: ease 0.5s;
}

/*.menuTileImage {
	background-image: url(../../Images/icons.png);
}*/

.menuImageHome {
	background-image:url(../../Images/menuHome.png)
	/*background-position-x: -141px;
	background-position-y: -90px;*/
}

.menuImageContact {
	background-image:url(../../Images/menuContact.png)
	/*background-position-x: -282px;
	background-position-y: -90px;*/
}

.menuImageAbout {
	background-image:url(../../Images/menuAbout.png)
	/*background-position-x: -95px;
	background-position-y: -135px;*/
}

.menuImageSignin {
	background-image:url(../../Images/menuSignIn.png)
	/*background-position-x: -282px;
	background-position-y: -135px;*/
}

.menuImageSignup {
	background-image:url(../../Images/menuSignUp.png)
	/*background-position-x: -234px;
	background-position-y: -135px;*/
}

.menuImageBlog {
	background-image:url(../../Images/menuBlog.png)
	/*background-position-x: -462px;
	background-position-y: -90px;*/
}

.menuTileImageTopMargin {
	height: 20px;
}

.menuTileImageStyle {
	width: 40px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}

.menuTileText {
	width: 100%;
	font-size: small;
	text-align: center;
	color: #cccccc;
}

.commonSpaceBetweenDiv {
	height: 20px;
}

#Footer {
	background-color: #4E616D;
}

.footerContentColumb {
	float: left;
	width: 397px;
}

.footerGenralText {
	color: #808080;
	font-size: 11px;
}

#ThemePanelContainer {
	position: fixed;
	z-index: 10;
	float: left;
	height: 100%;
	overflow: hidden;
	width:40px;
	/*background-color:#808080;*/
	-moz-transition: ease 1s;
		-o-transition: ease 1s;
		-webkit-transition: ease 1s;
		transition: ease 1s;
}

	#ThemePanelContainer:hover {
		width: 120px;
		background-color: rgba(204, 204, 204,0.2);
		-moz-transition: ease 1s;
		-o-transition: ease 1s;
		-webkit-transition: ease 1s;
		transition: ease 1s;
	}

.themeImage {
	background-image:url(../../Images/themeButton.png);
	height: 40px;
	width: 40px;
	float: right;
	cursor:pointer;
}

#ThemeContentPosition {
	position: relative;
	top: 0;
	bottom: auto;
	height:43%;
	/*background-color: #ff0000;*/
	z-index:11;
}

#ThemeImagePosition {
	position: relative;
	top: 2%;
	bottom: 45%;
	height: 40px;
	background-color: #ff6a00;
	z-index:12;
}

.imageLoading {
	background-image: url(../../Images/loader_white.gif);
	width: 80px;
	height: 80px;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	cursor:default;
}
.themeControl{
	/*height: 40px;*/
	/*width: 80px;*/
	margin-right:40px;
	float: right;
	cursor:pointer;
}

.themeButton {
	border: none;
	width: 80px;
	height: 20px;
	color: #fff;
	cursor: pointer;
	-moz-transition: ease 1s;
		-o-transition: ease 1s;
		-webkit-transition: ease 1s;
		transition: ease 1s;
}

	.themeButton:hover {
		width: 150px;
		-moz-transition: ease 1s;
		-o-transition: ease 1s;
		-webkit-transition: ease 1s;
		transition: ease 1s;
	}

.themeButtonRed{
	background-color:#ff0000;
}

.themeButtonBlue{
	background-color:#1570A6;
}

.themeButtonOrange{
	background-color:#ff6a00;
}

.themeButtonPurple{
	background-color:#b200ff;
}

.themeButtonGreen{
	background-color:#b6ff00;
}

.themeButtonYellow{
	background-color:#ffd800;
}

.themeButtonPink{
	background-color:#ff006e;
}

/* --- FOOTER AREA STYLE START FROM HERE --- */

.footerColumb{
	float:left;
	width:400px;
}

.footerTitleGenralWhiteText{
	font-size:18px;
	color:#808080;
}

.footerGenralWhiteText{
	font-size:14px;
	color:#cccccc;
}

.footerLogoImage {
	background-image: url(../../Images/logoGray.png);
	height: 80px;
	background-repeat: no-repeat;
	-moz-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

/* --- FOOTER AREA STYLE END HERE --- */