/* CSS Document */

/* main settings start */
body {
	margin:0;
	padding:0;
	font:normal 11px Arial,Helvetica,sans-serif;
	background-color:#ffffff;
	}


*{
	outline:0;
	}

div{
	margin:0;
	padding:0;
	}

form {
	margin:0;
	padding:0;
	}

input {
	outline:0;
	}

.clear {
	clear:both
	}
.floatleft {
	float:left
	}
.floatright {
	float:right;
	}
p{
	text-align:justify;
	margin:.5em 0 .5em 0;
	padding:0;
	}
p ul {
	color:#CCCCCC;
}
p li{
	color:#CCCCCC;
}

/* main settings End */
h1{
	margin:0;
	padding:0;
}
h2{
	margin:0;
	padding:0;
}
#mainbody{
	width:900px;
	margin:0 auto;
	border-top:solid 4px #000000;
	}
#header{
	margin:0;
	padding:0;
	border-top:solid 5px #333333;
	}
#contentpanel{
	width:900px;
	margin:0 auto;
	padding:13.4em 0 2em 0;
	background:#912F1E url(../images/headnew_img.jpg) no-repeat top;
	}

#imgcontent{
	margin:0 auto;
	padding:0;
	width:850px;
	}
.grayimgbox{
	float:left;
	background:url(../images/grayimg_repeat.jpg) repeat-x;
	height:190px;
	width:715px;
	.width:719px;
	margin-top:2em;
	}
	.grayimgbox h2{
	color:#FF7E00;
	font:bold 17px Arial, Helvetica, sans-serif;
	margin:0;
	padding:.8em 0 0 .6em;
	}
	.grayimgbox p{
		margin:0;
		padding:.5em .8em 0 .8em;
		color:#398C00;
		font:normal 14px Arial, Helvetica, sans-serif;
		line-height:19px;
		}
.rightimground{
	float:right;
	margin:0;
	padding:0;
	text-align:left;
	margin-top:2em;
	}
.leftimground{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	margin-top:2em;
	}
.mobileimgone{
 float:left;
 display:inline;
 padding-top:.7em;
}
.mobileimgtwo{
 float:right;
}

.footerpanel{
	border-top:dotted 2px #FFFFFF;
	font:normal 15px Arial, Helvetica, sans-serif;
	padding:0 1.9em 0 1.9em;
}
.footleft{
	float:left;
	color:#000000;
	padding-right:.5em;
	border-right:dotted 1px #999999;
	padding-top:.5em;
	
	}
.footleft span{
	color:#990000;
	font-weight:bold;
	}
.footleft a{
	color:#990000;
	font-size:11px;
	}
.footleft a:hover{
	color:#990000;
	text-decoration:none;
	}
.footmiddle{
	float:left;
	color:#FFFFFF;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(../images/grey_roundbox.png) no-repeat right bottom;
	width:240px;
	height:49px;
	margin-left:1em;
	margin-top:.5em;
	.margin-top:.5em;
	}

	.query{
	color:#fff;
	font:normal 11px Arial, Helvetica, sans-serif;
	}
.footright{
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	padding:0 0 .2em 0;
	}
.footright a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#990000;
	}
	.footright a:hover{
		text-decoration:none;
	}

.applebutton{
padding:0 0 0 0;
}
.botimg{
 	height:25px; 
	background:url(../images/bot_repimg.jpg) repeat-x bottom;
	color:#FFFFFF;
	}
.copyright{
	font:normal 11px Arial, Helvetica, sans-serif;
	float:right;
	padding:.5em .5em 0 0;
	}

.bgcolor_bottom{
	background-color:#FFDE94;
	}

.bot_linkemail {
	float:left;
	color:#990000;
	font:normal 12px Arial, Helvetica, sans-serif;
	}
.bot_linkemail a{
	color:#990000;
	font-size:13px;
	}
.bot_linkemail a:hover{
	color:#990000;
	text-decoration:none;
	}
	
.available_bt{
	height:50px; width:211px;
	position:absolute;
	left:558px; bottom:-47px;
	cursor:pointer;
	}
	.available_bt a img{
	border:0;
	}
.rightfeedback_bt{
	float:right; 
	width:330px;
	}
	
.mailflavourindia{
	 padding:.3em 0 .5em .5em;
	}
	.mailflavourindia a{
	color:#fff;
	font-weight:bold;
	font-size:13px;
	}
	.mailflavourindia a:hover{
		text-decoration:none;
	}
.feedbackbutton{
	text-align:right;
}
.feedbackbutton a span{
	padding-right:1.3em;
}

.flash_video {text-align:center; margin:0 auto; padding:0px; width:560px; height:340px; border:1px solid #ffffff;}






#androidcontent{margin:0 auto; padding:0; width:848px; border:1px solid #999999;
	}
#androidtxt{
	margin:0 auto;
	padding:0;
	width:848px;
	height:35px; background-color:#FFFFFF;  font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; line-height:33px; text-indent:10px; font-weight:bold;}
#androidflash{
	margin:0 auto;
	padding:0;
	width:848px;
	}

#androidcontent{
	margin:0 auto;
	padding:0;
	width:848px; border:1px solid #999999;
	}
#androidtxt{
	margin:0 auto;
	padding:0;
	width:848px;
	height:35px; background-color:#FFFFFF;  font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; line-height:33px; text-indent:10px; font-weight:bold;}
#androidflash{
	margin:0 auto;
	padding:0;
	width:848px;
	}
	
/*body {background:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#545353;}*/

.container {
	width:960px;
	margin:0px auto;
	position:relative;
	z-index:12;
	font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#545353;
	}

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */
#contactFormContainer {
	position:absolute;
	left:368px;
	z-index:1;
	}

/* Hides the whole contact form until needed */
#contactForm {
	height:289px;width:558px;
	/*background:#515151 url(../images/birdy.jpg) no-repeat 241px 11px;*/
	background:#515151 url(../images/main_screen.jpg) no-repeat 400px 51px;
	border:1px solid #929191;
	display:none;
	padding:7px 12px;
	color:#fff;
	}

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none;
	background:url(../images/ajax-loader.gif) no-repeat center;
	margin-top:100px;
	height:40px; width:230px;
	}

/* Hides the confirmation message until needed */
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span {
	display:none;
	font-size:9px;
	line-height:10px;
	padding-left:6px;
	color:#f5c478;
	}

/* Some styling for the contact button */
#contactFormContainer .contact {
	height:50px; width:144px;
	background:url(../images/contact_me.png);
	position:absolute;
	left:398px; bottom:-47px;
	cursor:pointer;
	}

/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute;
	height:100%; width:100%;
	top:0; left:0;
	background:#000;
	z-index:11;
	}

/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */
#contactForm textarea, #contactForm input {
	width:180px;
	background:#6d6d6d url(../images/contact_input.png) repeat-x top;
	color:#fff;
	border:1px solid #8a8a8a;
	height:15px;
	line-height:14px;
	font-size:11px;
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8;
	background:#e5e5e5;
	text-transform:uppercase;
	color:#4d4d4d;
	font-weight:bold;
	padding:7px 16px 7px 14px;
	height:37px; width:124px;
	cursor:pointer;
	/*float:left;*/
	/*margin-top:196px;*/
	margin-top:60px;
	}
#contactForm .feedback {
	font-weight:bold;
	height:77px;width:140px;
	color:#FFFFFF /* #0196c1 */;
	font-size:15px;
	/*float:left;*/
	margin-top:49px;
	}
.feedRight
{
	float:left;
}
.feedbackbutton
{
	padding:5px 0 0 0;
}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
/*.bottomlink {position:absolute; bottom:0;}*/


img, div { behavior: url(iepngfix.htc) }