/*
-------------------------------------------------------
Author:				Puneet Sakhuja
Created:			14/04/2007
Modified:			26/09/2008
Version:			CSS 2.0
Browsers Tested:	Firefox 2.0, 3.0, IE 6.0, 7.0, Safari
-------------------------------------------------------
*/


*
	{
		margin:0;
		padding:0;
		outline:0;
	}

body
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		background:url(../images/bg.jpg) #000 no-repeat;
	}

.top
	{
		float:right;
		margin-right:45px;
		margin-top:20px;
	}

p
	{
		line-height:19px;
		font-family:Arial, Helvetica, sans-serif;
		color:#555;
		margin:0 0 20px 0;
	}
	
a { outline: none;}
p a
	{
		color:#B35306;
		text-decoration:none;
	}
	
p a:hover
	{
		text-decoration:underline;
	}

h1
	{
		text-indent:-9999px;
		display:none;
	}

h2
	{
		font-size:24px;
		text-transform:uppercase;
		color:#000;
	}

img
	{
		border:0;
	}
.clear { clear:both; margin:0px; padding:0px;}
.hiddenPic {display:none;}

input, textarea {
	font:12px/15px Arial, Helvetica, sans-serif;
	border:0px;
}
img, form, input {
	border:0px;
	margin:0px;
	padding:0px;
	outline:none;
}


img, div { behavior: url("images/iepngfix.htc"); }

/*
--------------------IDs-------------------------
*/


.mailer
	{
		position:absolute;
		top:45px;
		left:490px;
		width:269px;
		height:50px;
		background:url(../images/email.gif) top left;
		display:block;
	}
	
.mailer a	

{
		width:269px;
		height:50px;
		text-indent:-9999px;
		display:block;
		outline:0;
	}
	
.mailer a:hover
	{
		background:url(../images/email.gif) top right;
	}	
	
.backHome
	{
		position:absolute;
		top:45px;
		left:330px;
		width:94px;
		height:54px;
		background:url(../images/btn-back.gif) top left;
		text-indent:-9999px;
		display:block;
	}
	
.backHome a	

{
		width:94px;
		height:54px;
		text-indent:-9999px;
		display:block;
		outline:0;
	}
	
.backHome a:hover
	{
	background:url(../images/btn-back.gif) top right;
	}		
	
#siteWrapper
	{
		width:100%;
	}

#mainWrapper
	{
		width:800px;
		background:#fff;
	}
	
#titleWrapper
	{
		height:116px;
		background:url(../images/bg-phone.jpg);
		width:800px;
		position:relative;
	}
	
#mastHead
	{
		background:url(../images/bg-masthead.jpg);
		width:800px;
		height:239px;
	}	

#mainNav
	{
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		height:39px;
		background:#000;
		width:780px;
		padding:0px 0px 0px 20px;
		float:left;
		text-align:center;
	}

#mainNav li
	{
		float:left;
		height:39px;
		list-style-type:none;
	}

#mainNav li a
	{
		text-decoration:none;
		color:#fff;
		display:block;
		float:left;
		height:29px;
		padding:10px 12px 0 12px;
		margin:0 5px 0 0;
	}
	
#mainNav li a:hover
	{
		background-color:#772D2E;
		color:#fff;
		height:29px;
	}


#mainNav li a.standOut
	{
		color:#FFA13D;
	}

#mainContentWrapper
	{
		clear:both;
		width:800px;
	}

#leftContentWrapper
	{
		display:inline;
		width:520px;
		padding-left:20px;
		float:left;
	}

#leftContentWrapper h2
	{
		margin:20px 0 20px 0;
	}

#leftContentWrapper p
	{
		margin-right:35px;
	}

#podWrapper
	{
		margin:25px 25px 0 0;
		display:inline;
		padding:0 0 20px 0;
		width:230px;
		float:right;
		background:url(../images/bg-right-pod.gif) no-repeat;
	}


#podWrapper ul
	{
		list-style-type:none;
		margin:0 0 0 28px;
	}

#podWrapper ul li.heading
	{
		background:url(../images/bullet-star.gif) no-repeat left 5px;
		padding-left:15px;
		margin:20px 0 7px 0;
		font-size:15px;
		color:#333;		
		font-weight:bold;
	}

#podWrapper ul li.item
	{
		padding-left:15px;
		font-family:arial;
		font-size:11px;
		text-decoration:none;
	}

#podWrapper ul li.item a
	{
		color:#B35306;
		text-decoration:none;
	}

#podWrapper ul li.item a:hover
	{
		text-decoration:underline;
	}

#podWrapper ul li
	{
		padding-left:15px;
		font-size:12px;
		text-decoration:none;
		margin:10px auto;
	}

#podWrapper ul li a
	{
		color:#B35306;
		text-decoration:none;
	}

#podWrapper ul li a:hover
	{
		text-decoration:underline;
	}

#podWrapper ul li ul li img a
	{
		margin-right:5px;
	}
	
#podWrapper ul li.item a
	{
		border:none;
	}

/*-----------------Classes--------------------*/

p.clearFloat
	{
		clear:both;
		display:block;
	}
	
.left
	{
		clear:both;
	}	
	
#servicesItems
	{
		margin:0 35px 50px 0;
		list-style-type:none;
	}

#servicesItems li
	{
		background:url(../images/bullet-star.gif) no-repeat left center;
		border-bottom:solid 1px #999;
		line-height:30px;
		padding-left:20px;
	}

.portfolioContainer
	{
		margin-bottom:25px;
	}

.portfolioContainer ul
	{
		list-style:none;
		display:inline;
		margin:30px 30px 0 0;
	}

.portfolioContainer li
	{
		float:left;
		display:block;
		padding:0 0 10px 0;
	}

.portfolioContainer li a
	{
		display:block;
		width:450px;
		border:solid 10px #E6E4E4;
		padding:5px;
	}
	
.portfolioContainer li a:hover
	{
		border:solid 10px #EFEFEF;
	}

.download
	{
		width:500px;
		font-size:18px;
		color:#333;
	}
	
.download a
	{
		color:#B35306;
		text-decoration:none;
	}
	
.download a:hover
	{
		border-bottom:0;
	}	

#animation
	{
		text-align:center;
	}

.methodologyContainer
	{
		height:540px;
		background-color:#1C1C1C;
		padding:20px 0 0 20px;
	}
	
#servicesContainer
	{
		padding:20px 0 0 20px;
	}		

#servicesContainer p
	{
		padding-right:20px;
	}

#servicesContainer ul li
	{
		width:730px;
	}

.methodologyContainer p
	{
		color:#666;
		padding-right:30px;
		line-height:19px;
	}

.footerLinksContainer
	{
		padding-left:20px;
	}
	
.footerLinksContainer h2
	{
		margin:0 0 10px 0;
	}

.footerLinksContainer ul
	{
		float:left;
		width:235px;
		margin:0 15px 0 0;
		list-style:none;
	}

.footerLinksContainer ul.alternateList
	{
		width:235px;
	}

.footerLinksContainer ul li.heading
	{
		font-size:16px;
		padding:5px 0 5px 0;
		margin-bottom:10px;
		color:#333;
		font-weight:bold;
	}

.footerLinksContainer ul li.item
	{
		border-bottom:solid 1px #333;
	}

.footerLinksContainer ul li a
	{
		color:#666;
		text-decoration:none;
		display:block;
		padding:5px 0 5px 10px;
	}

.footerLinksContainer ul li a:hover
	{
		color:#fff;
		display:block;
		background:#333;
		padding:5px 0 5px 10px;
	}

#copyright
	{
		width:735px;
		font-size:12px;
		color:#333;
		margin-left:20px;
		padding-top:15px;
	}
	
#copyright a
	{
		color:#B35306;
		text-decoration:none;
	}
	
#copyright a:hover
	{
		text-decoration:underline;
	}	

#commentsContainer
	{
		clear:both;
		padding-left:20px;
		background:#1C1C1C;
	}
	
.commentsBox
	{
		color:#999;
		background:url(../images/bg-quote.jpg)  right bottom no-repeat ;
		width:700px;
		line-height:21px;
		padding:20px;
		margin-bottom:30px;
		border:10px solid #333;
	}
	
.commentsBox:hover
	{
		border:10px solid #666;
	}

.commentsBox a
	{
		color:#B35306;
		text-decoration:none;
	}
.commentsBox strong
	{
		color:#fff;
	}

h2.white 
	{
		text-decoration:none;
		font-size:24px;
		text-transform:uppercase;
		color:#fff;
		margin-bottom:25px;
	}
	
h2.white strong
	{
		color:#555;
	}		
	
/*
--------------------Form Style modify on 05/13/10----------------------
*/


#contactFormContainer{ height:500px; padding:20px; color:#fff; }



.contact_details { width:360px; float:left;}
.contact_details .phone { width:222px; height:45px;float:left; margin:0px 0px 10px 0px; display:block;}
.contact_details .my_email { background:url(../images/email_add.png) top no-repeat; width:357px; height:35px; float:left; cursor:pointer; margin:14px 0px 10px 26px;behavior: url("images/iepngfix.htc");}
.contact_details .my_email:hover { background-position:bottom;}

.contact_details .media_icons { float:left;}
.contact_details .media_icons a.facebook { width:60px; height:60px; float:left; display:block;margin:5px 10px 0px 0px;}
.contact_details .media_icons a.linkedin { width:60px; height:60px; float:left; display:block;margin:5px 10px 0px 0px;}

.form { float:left; width:386px; padding:20px 0px 0px 0px;}
ul.contactForm { list-style-type:none; margin:0px; padding:0px;}
ul.contactForm li { margin:0px 0px 20px 0px; float:left; color:#fff; }
ul.contactForm li label { margin:0px; padding:0px;color:#fff; font-size:18px; font-weight:bold; float:left; }
ul.contactForm li input { border:0px; color:#fff;font-size:14px; }
ul.contactForm li input.name { float:left; padding:5px 0px 9px 0px; width:303px; margin:0px 0px 0px 8px; display:inline; background:url(../images/input_name.png) bottom no-repeat; behavior: url("images/iepngfix.htc");  }
ul.contactForm li input.email { float:left; padding:0px 0px 9px 0px; width:286px; margin:0px 0px 0px 9px; display:inline; background:url(../images/input_email.png) bottom no-repeat; behavior: url("images/iepngfix.htc"); }
ul.contactForm li input.contactno {float:left; padding:0px 0px 9px 0px; width:235px; margin:0px 0px 0px 12px; display:inline; background:url(../images/input_contactno.png) bottom no-repeat; behavior: url("images/iepngfix.htc"); }
ul.contactForm li textarea.message { float:left; border:0px; width:240px; height:100px; padding:10px 10px 10px 14px; margin:10px 0px 0px 28px;display:inline; background:url(../images/text_message.png) no-repeat;behavior: url("images/iepngfix.htc"); color:#fff; font-size:14px;}

.buttonSubmit
	{
		width:227px;
		height:55px;
		background:url(../images/btn_submit.gif) no-repeat; 
		text-indent:-9999px;
		display:block;
		cursor:pointer;
		border:0px;
		margin:0px 0px 0px 100px;
		outline:none;
		float:left;
	}

/*
--------------------footer Style----------------------
*/

.footer-web2
	{
		width:800px;
		height:380px;
		background:url(../images/bg-footer.jpg);
		text-indent:-9999px;
	}

.footer-web2 a
	{
		width:800px;
		height:380px;
		display:block;
		background:url(../images/bg-footer.jpg);
		text-indent:-9999px;
	}


/*
--------------------Portfolio Style----------------------
*/


#portfolioWrapper
	{
		background:#000;
		width:800px;
		margin:0;
	}

.pod
	{
		height:180px;
		width:740px;
		margin:50px auto;
	}

.podImage a
	{
		width:450px;
		height:150px;
		float:left;
		border:solid 10px #333;
		padding:5px;
	}
	
.podImage a:hover
	{

		border:solid 10px #666;
	}	
	
.podDesc
	{
		width:210px;
		height:140px;
		float:right;
		background:#222 url(../images/bg-desc.jpg);
		border:solid 10px #222;
		padding:10px;
	}	

.portfolioDesc
	{
		font-size:12px;
		color:#666;
	}
	
h5
	{
		font-size:14px;
		color:#999;
		margin:0;
		padding:0 0 10px 0;
	}	

.gallery-hand
	{
		position:absolute;
		top:642px;
		left:190px;
		width:141px;
		height:95px;
		background:url(../images/btn-gallery.jpg) top left;
		text-indent:-9999px;
		display:block;
	}
	
.gallery-hand a	

{
		width:141px;
		height:95px;
		text-indent:-9999px;
		display:block;
		outline:0;
	}
	
.gallery-hand a:hover

{
		background:url(../images/btn-gallery.jpg) top right;
	}	

/*
--------------------Portfolio Style added on 05/12/10 ----------------------
*/

#tap {
	background:url(../images/left_tap.png) no-repeat;
	position:absolute;
	width:155px;
	height:55px;
	display:block;
	left: 16px;
	top: 780px;
	z-index:999;
}

#screen { width:750px; float:left; padding:0px 25px; position: relative; }
#screen  h2 { padding:10px 0px;}
#portfolio_screen { float:left; width:710px; height:607px; position:relative; background:url(../images/port_screen_bg.jpg) no-repeat; margin:0px 15px; display:inline; padding:97px 0px 0px 10px;}

.fade-box {
		width: 700px;
		position: absolute;
		text-align:left;
	}
	.fade-box p {
	  padding :20px 0px 0px 20px; font-size:11px; color:#fff; line-height:14px;
	}
	
	.fade-box p span {  font-size:16px; line-height:20px;}
	
	.fade-box p a { text-decoration:underline; color:#fff;}
	.fade-box p a:hover { text-decoration:none;}
	
	
	#image-container {
	width: 700px;
	background-position:center;
	background-repeat:no-repeat;
	display:inline;
	}


.previous {position:absolute; z-index:10; top:600px; left:24px;  display:block; border:none; outline:none;cursor:pointer; padding:0; background:url(../images/left_arrow.jpg) no-repeat;width:30px;height:30px; display:}
.next { position:absolute; z-index:10; top:600px; right:24px ;display:block;border:none;outline:none;cursor:pointer;padding:0; background:url(../images/right_arrow.jpg) no-repeat;width:30px;height:30px;}

.previous:hover {}
.next:hover {}
.previous:active {}
.next:active { }





/*
--------------------End of Style----------------------
*/