﻿body {
height:100%;
width:100%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/miraj_bg.jpg);
background-color: #090909;
background-repeat:no-repeat;
background-position:center;
background-position:top;

}

img {
border: none;
}

#main{
	left: 50%;
	width:998px;
	margin-left: -499px; /*set to a negative number 1/2 of your width*/
	height: 830px;
	position:absolute;




	/*margin-left: auto; margin-right: auto; margin-top: auto; background-color: #000000;	height: 929px;width: 998px; margin:0px auto;*/
}
#main2{
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	background-color: #000000;
	height: 860px;
	width: 998px;
	z-index: 1;
	position: absolute;
}

#header{
	height: 100px; position: absolute; left: auto; top: 0px; width: 998px; right: auto;	z-index: 5;
}
#logo{
	width: 177px; height: 100px; position: absolute; left: 60px; top: 0px; z-index: 1;
}

#bottom_bg{
	position: absolute;
	width: 998px;
	height: 72px;
	z-index: 1;
	left: 0px;
	bottom: 15px;
	background-color: #131313;
}
#right_bottom{
	position: absolute;
	width: 499px;
	height: 54px;
	z-index: 2;
	left: 499px;
	top: 10px;
	right: 0px;
	bottom: 9px;
}
#left_bottom{
	position: absolute;
	width: 251px;
	height: 48px;
	z-index: 1;
	bottom: 12px;
	top: 27px;
	left: 28px;
}
#left_bottom_new{
	position: absolute;
	width: 100px;
	height: 48px;
	z-index: 1;
	bottom: 12px;
	top: 28px;
	left: 180px;

}

#content{
	position: absolute;
	width: 967px;
	height: 294px;
	z-index: 2;
	left: 15px;
	top: 480px;
}

#right_contents{
	position: absolute;
	width: 660px;
	z-index: 6;
	left: 300px;
	top: 40px;
	bottom: 0px;
	color: #D1D0D0;
	font-size: 12px;
	height: 253px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	
	
}
#left_content{
	position: absolute;
	width: 900px;
	z-index: 4;
	left: 12px;
	top: 40px;
	bottom: 0px;
	height: 253px;

}

#left_content01{
	position: absolute;
	width: 900px;
	z-index: 4;
	left: 40px;
	top: 01px;
	bottom: 0px;
}


.text{
font-size:12px;
color:#D1D0D0;
text-align:left;
padding-right:2px;
padding-right:4px;
}

h1.mirajlogo {
	width: 179px;
	height: 100px;
	background: url("../images/miraj-garphics.jpg");
	text-indent: -9999px;
	margin-bottom: 0px;
	position: relative;
	font-size: 0px;
	display:block;
	line-height: 0px;
	margin-top: 0px;
	}
h1.bannerh1{
	width: 998px; height: 348px;
	background: url("../images/banner_letsflocus.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannerportfolio{
	width: 998px; height: 348px;
	/*background: url("../images/banner_profile.jpg");*/
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannermirajwho{
	width: 998px; height: 348px;
	background: url("../images/banner_why.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannerpurpose{
	width: 998px; height: 348px;
	background: url("../images/banner_purpose.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannercompetencies{
	width: 998px; height: 348px;
	background: url("../images/banner_competencies.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannersolidgrounds{
	width: 998px; height: 348px;
	background: url("../images/banner_solidgrounds.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannerbusiness{
	width: 998px; height: 348px;
	background: url("../images/banner_businessidentitiy.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannerwhymiraj{
	width: 998px; height: 348px;
	background: url("../images/banner_who.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannercontact{
	width: 998px; height: 348px;
	background: url("../images/banner_conatct.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	
h1.bannerjob{
	width: 998px; height: 348px;
	background: url("../images/banner_JOBS.jpg");
	text-indent: -9999px;
	margin-bottom: 0px; position: relative; 
	font-size: 0px; display:block; line-height: 0px; 
}	


#flash{
	width: 460px; height: 100px; position: absolute; top: 0; left: 538px; vertical-align: baseline;	margin-left: 0px; margin-top: 0px; margin-bottom: 0px; z-index: 2;

}
#objectflash{
	width:330px; height:50px; background:#000000; background-color:#000000;
}

#bannerPicture{
	height: 348px; position: absolute; top: 100px; width: 998px; z-index: 4;

}
#tabs_space{
	height: 32px;
	position: absolute;
	left: auto;
	top: 448px;
	width: 998px;
	right: auto;
	background-image: url('../images/button_bg.gif');
	margin-top: 0px;
	z-index: 3;
	border-top:thick #B1B1B1 ;
	border-top-style:solid;
	border-top-width:1px;

}
#taps_bg{
	height: 32px; position: absolute; left: 0px; top: 0px; width: 998px; right: 0px;
}
.indextabslink a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #8D8D8D;
color: white;
height: 24px;
width: 89px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 89px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink a:hover{
background-color: #8D8D8D;
color: white;
height: 24px;
}
.indextabslink0 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #FD6801;
color: white;
width: 76px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink0 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 76px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink0 a:hover{
background-color: #FD6801;
color: white;
height: 24px;
}

.tabslink1 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 104px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink1 a:hover{
background-color: #6C3D30;
color: white;
height: 24px;
}

.indextabslink1 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #6C3D30;
color: white;
height: 24px;
width: 104px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.indextabslink2 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
width: 101px;
background-color: #AA8038;
color: white;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink2 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 101px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink2 a:hover{
background-color: #AA8038;
color: white;
height: 24px;
}
.indextabslink3 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
width: 76px;
background-color:#066ED3;
color: white;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.indextabslink3 a:hover{
background-color:#066ED3;
color: white;
height: 24px;
}

.tabslink3 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 76px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink3 a:hover{
background-color: #066ED3;
color: white;
height: 24px;
}
.indextabslink4 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #329BCB;
color: white;
height: 24px;
width: 116px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink4 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 116px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink4 a:hover{
background-color: #329BCB;
color: white;
height: 24px;
}
.indextabslink5 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #6A9700;
color: white;
height: 24px;
width: 117px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink5 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 117px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink5 a:hover{
background-color: #6A9700;
color: white;
height: 24px;
}
.indextabslink6 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #CA9932;
color: white;
height: 24px;
width: 145px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink6 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 145px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink6 a:hover{
background-color: #CA9932;
color: white;
height: 24px;
}
.indextabslink7 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #3399FF;
color: white;
height: 24px;
width: 89px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink7 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 89px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink7 a:hover{
background-color: #3399FF;
color: white;
height: 24px;
}
.indextabslink8 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
background-color: #944950;
color: white;
height: 24px;
width: 85px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}

.tabslink8 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: #969696;
width: 85px;
height: 24px;
float: left;
display: inline;
margin-right: 0px;
background-repeat: repeat-x;
padding-top: 7px;
text-align:center;
}
.tabslink8 a:hover{
background-color:#944950;
color: white;
height: 24px;
}


.ornagetext{
font-size:29px;
text-align:left;
color:#FF5C00;
}

.whymiraj{
font-size:29px;
font-weight:600px;
color:#B07939;
}
.orangedot{
	font-size:12px;
	color:#F60;
	font-weight:bold;
}

.portfoliotext{
	color:#8D8D8D;
	font-size:29px;
}

.purposetext{
font-size:29px;
font-weight:600px;
color:#066ED3;
}

.competencetext{
font-size:29px;
font-weight:600px;
color:#329BCB;
}

.hometext{
	font-size:29px;
color:#FD6801;
}


.solidtext{
font-size:12px;
color:#699A02;
}
.letfocus{
font-size:29px;
color:#6C3D30;
}

.black{
background-color:#000000;
}

.businessidetitiy{
font-size:29px;
font-weight:600px;
color:#E5A827;
}



.wow{
font-size:29px;
font-weight:600px;
color:#3399FF;
}
.CONTACTETXT{
	font-size:29px;
	font-weight:600px;
	color:#944950;
}
	

.footertextlink{
font-size:12px;
color:#444242;
text-align:left;
padding-left:60px;
text-decoration:none;
font-weight:normal;
}
.footertextlink:hover{
font-size:12px;
text-align:left;
padding-left:60px;
color:#FF6303;
font-weight:normal;
text-decoration:none;
}
.footertext{
font-size:12px;
color:#494949;
text-align:left;
/*padding-left:60px;*/

}
.footertext :hover{
font-size:12px;
color:#494949;
text-align:left;
/*padding-left:60px;*/

}

.footertextwhite{
font-size:12px;
color:#FFFFFF;
text-align:left;
padding-left:60px;

}

.TEXTFORM{
font-size:12px;
color:#333333;
font-weight:normal;
}
.grey{
background-color:#333333;
}

.linkprofle{
font-size:28px;
font-family:Arial, Helvetica, sans-serif;
color:#2E2E2E;
text-align:left;
padding-left:0px;
text-decoration:none;
}
.linkprofle_active{
font-size:28px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
padding-left:0px;
text-decoration:none;
}

.linkprofle:hover{
font-size:28px;
text-align:left;
padding-left:0px;
color:#FF4D05;
text-decoration:none;
}
.linkproflebig{
font-size:48px;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
color:#2E2E2E;
text-decoration:none;
}
.linkproflebig:hover{
font-size:48px;
font-weight:lighter;
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

.textgreybig{
font-size:40px;
color:#2E2E2E;
padding:5px;
}


.textgrey{
font-size:21px;
color:#2E2E2E;
padding:5px;
}

.textprofile{
font-size:28px;
text-align:left;
padding-left:8px;
color:#FF6600;
font-weight:normal;
}

.greyfont{
font-size:12px;
color:#999999;
text-align:left;
}

/* --- Portfolio Viewer --- { --- */

.portfolio_t,
.portfolio_b {
	width: 998px;
}
	.portfolio_t {
		background: #000000;
		margin: 0;
	}
	
	.portfolio_b {
		width: 998px;
		height: 348px;
		position: relative;
		z-index: 100;
	}

	#porfolio {
		width: 998px;
		height: 348px;
		position: relative;
		z-index: 10;
		overflow: hidden;
	}
		#porfolio ul {
			list-style-image:none;
			margin:0px;
			padding:0px;
			position: absolute;
			z-index: 111;
			top: 0;
			overflow: visible;
			height: 430px;
			width: 12500px;
		}
		
		#porfolio ul li {
			list-style-type: none;
			background: none;
			margin: 0px;
			padding: 0;
			width: 998px;
			float: left;
			height: 348px;
			color: #13142D;
			font-size: 18px;
		}
		
			#porfolio ul li img {
				margin-top: 0px;
			}
		
		#portLeftArw,
		#portRightArw {
			position: absolute;
			z-index: 11;
			display: block;
			width: 40px;
			height: 42px;
			top: 190px;
		}
			#portLeftArw {
				left: -20px;
				background: url(../images/portfolioBg.gif) left top no-repeat;
			}
				#portLeftArw:hover {
					background: url(../images/portfolioBg.gif) -43px top no-repeat;
				}
			
			#portRightArw {
				right: -20px;
				background: url(../images/portfolioBg.gif) -88px top no-repeat;
			}
				#portRightArw:hover {
					background: url(../images/portfolioBg.gif) -131px top no-repeat;
					
				}


/* --- } --- Portfolio Viewer --- */

.toggler  { cursor:pointer; }
.toggler:hover	 {  }
.element	 { padding:0 0px; }

#wnew{
	position: absolute;
	left:300px;
	width:50px;
	height: 54px; 
	top: 10px; 
	z-index: 2;
	margin:21px;
	right: 0px;
	bottom: 9px;
	}

