@charset "utf-8";
/* CSS Document */
/* CSS PNG FIX --------------------------------------------- */
div {
	behavior: url(scripts/iepngfix.htc);
	margin:0px;
	padding:0px;
}
/* CSS PNG FIX ENDS ----------------------------------------*/


a {
	outline:none;
}
:focus {
	outline:none;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li{
	margin:0px;
	padding:0px;
	 
}

img{
border:0;
}

body {
	text-align:center;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.clear {
	clear:both;
	font-size:0px;
	height:0px;
	background:transparent;
	margin:0px;
	padding:0px;
	line-height:0px;
}
.spacer5 {
	font-size:1px;
	height:5px;
	background:transparent;
}
.spacer10 {
	font-size:1px;
	height:10px;
	background:transparent;
}
.spacer15 {
	font-size:1px;
	height:15px;
	background:transparent;
}
.spacer20 {
	font-size:1px;
	height:20px;
	background:transparent;
}
.spacer25 {
	font-size:1px;
	height:25px;
	background:transparent;
}
.spacer30 {
	font-size:1px;
	height:30px;
	background:transparent;
}

.spacer40 {
	font-size:1px;
	height:40px;
	background:transparent;
}

.spacer50 {
	font-size:1px;
	height:50px;
	background:transparent;
}


 
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	padding: 0px;
	width: 1280px;
	margin:0px auto;
	border:0px solid #FF0000;
	position:relative;
	background:#FFFFFF;
}

.menu-mobile{background:url(../images/icon-menu.jpg) 0px 0px no-repeat; width:36px; height:36px; border:0px solid #CC0000; position: fixed; z-index:16; top:43%; display:none;    }
.home-mobile{background:#f5f5f5 url(../images/glow.png) center bottom no-repeat; overflow:hidden;/**/ position:relative; display:none;  }
.rainbow-mobile{background:url(../images/rainbow2.png) repeat-x;  height:36px; border:0px solid #CC0000; width:100%; position:fixed;  z-index:11;  top:43%; display:none   }
.swapnil-mobile{background:url(../images/swapnil.png) center bottom no-repeat; height:600px;
color:#212121;
font-family: 'Open Sans', sans-serif, arial;
font-size:38px;
font-weight:300;
padding-top:20px;
position:relative;/**/
z-index:12;
width:100%;
 }
 
.individual-ray{ position:absolute; left:200px; top:49px;}
 
.inside{background:#FFFFFF url(../images/bk2.png) left top repeat-y;  margin-left:23px; /**/ position:relative; border-right:1px solid #d8d8d8; }
.text{margin-left:354px; border:0px solid #cc0000; padding:100px 0px 0px 0px;
text-align:left;
color:#777777;
font-family: 'Open Sans', sans-serif, arial;
font-size:13px;
font-weight:400;}
.home{background:#f5f5f5 url(../images/glow.png) right top no-repeat; height:509px; margin-left:23px; overflow:hidden;/**/ position:relative; }
.rainbow{background:url(../images/rainbow.png) 100px 49px repeat-x; height:300px; width:100%; left:358px; position:absolute; z-index:2;}
.swapnil{position:absolute; right:0px;background:url(../images/swapnil.png) right top no-repeat; width:490px; height:509px; z-index:11}
h1{ position:absolute;
z-index:12;
margin:0px;
text-align:left;
color:#212121;
font-family: 'Open Sans', sans-serif, arial;
font-size:48px;
font-weight:300;
left:255px;
top:140px;
line-height:16px;}

.text p{ padding:0px 0px; margin:0px 20px 20px 0px; line-height:20px}
 

h2{  
margin:0px 0px 30px 0px;
text-align:left;
color:#212121;
font-family: 'Open Sans', sans-serif, arial;
font-size:48px;
font-weight:300;
line-height:40px; padding:0px 0px 51px 0px; }

p.intro{ position:absolute;
z-index:12;
margin:0px;
text-align:left;
color:#434343;
font-family: 'Open Sans', sans-serif, arial;
font-size:13px;
font-weight:300;
left:255px;
width:34%;
top:200px;
line-height:18px;}

p.intro a{ color:#06ace9; text-decoration:none;}

.arrow{position:absolute; left:202px; padding-top:49px; /*background:#d8d8d8;*/  border:0px solid #d8d8d8; z-index:3;}

#footer{margin-left:23px; position:relative; }

#header {
	height: 180px;
}
 
#menu {
	width: 201px;
	position:absolute;
	z-index:10;
	padding-top:45px;
	border:0px solid #0000FF;
	margin:0px 0px 0px 0px;
 /*background:#d8d8d8;*/
}

#menu ul {
padding:0px;
margin:0px;
text-align:left;
list-style:none;
margin:0px 0px 0px 0px;
}

#menu ul li{
padding:10px 0px 10px 30px;
width:194px;
background:#00CC66;
margin:0px;
text-align:left;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif, arial;
font-size:16px;
font-weight:normal;
line-height:16px;
 
}

#menu ul li.grey{ background:#757575}
#menu ul li.green{ background:#649d00}
#menu ul li.orange{ background:#ff9600}
#menu ul li.blue{ background:#008cd4}
#menu ul li.red{ background:#ec3c13}
#menu ul li.violet{ background:#935ebc}
#menu ul li.tork{ background:#1dbdac}
#menu ul li.maroon{ background:#EE334A}


#menu ul li.seperate{
padding:0px 0px 1px 0px;
background:none;
}
#menu ul li a{
color:#FFFFFF;
text-decoration:none;
}

#footer{margin-left:23px; /*overflow:hidden;*/ position:relative; background:#FFFFFF; z-index:15; border:1px solid #e6e6e6; padding:20px ; }

#footer .col-4{margin:0px; border:0px solid #cc0000; padding:10px 0; width:24.5%; text-align:center; float:left; }

p.foot{ 
margin:8px 0px;
text-align:center;
color:#969696;
font-family: 'Open Sans', sans-serif, arial;
font-size:12px;
font-weight:300;
line-height:18px;}

p.foot a{ 
color:#969696; text-decoration:none;}

.svg{width:100%}


.text-mobile{display:none;}

.foot-sep{border-bottom:1px solid #e2e0e0; margin-left:23px;}




/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 1280px) {
	
	#pagewrap {
		width:97%;
		padding-left:3%;
	}
 
}

@media screen and (max-width: 1050px) {
	h1{ 
left:360px;
top:30px;}
	p.intro{ display:none;} 
 .swapnil{position:absolute; left:30%; top:50px; background:url(../images/swapnil.png) right top no-repeat; width:490px; height:410px; z-index:11}
 

.text-mobile{display:block; }
.text-mobile p {color: #434343;
    font-family: 'Open Sans',sans-serif,arial;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    margin:20px auto;
    text-align: left;
    width: 95%;
	border-bottom:1px dotted #d2d2d2;
	padding:0px 0px 20px 0px;
    }
	
.text-mobile p a{color:#06ace9; text-decoration:none;}
}

@media screen and (max-width: 850px) {
	h1{ 
left:325px;}

}

/* for 480px or less */
@media screen and (max-width:720px) {
h1{ line-height: 32px; font-size:28px;}
h2{ line-height: 32px; font-size:32px;}
.individual-ray { display:none;}
.text{margin-left:220px; border:0px solid #cc0000; padding:50px 0px 0px 0px;}
#pagewrap {
		width:100%;
		padding-left:0%;
	}
#footer .col-4{  width:49.5%;   float:left; }
.svg{ display:none;}
#footer{margin-left:0px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:0px ; }

	h1{ 
left:360px;}

}

@media screen and (max-width: 600px) {
.home{ display:none; }
#menu { display:none;}
.inside{background: none;}
.text{margin-left:35px; border:0px solid #cc0000; padding:50px 0px 0px 0px; }
.home-mobile{display:block }
.menu-mobile{display:block}
.rainbow-mobile{display:block}

.foot-sep{margin-left:0px;}

}

 @media screen and (max-width: 420px) {

 #footer .col-4{  width:99.5%;   float:none; }
p.foot{ width:70%; margin:20px auto;}
}