/* 

-----------------------------------------------------------------------------------------------
Author			: Puneet Sakhuja
Contacts		: contact.sakhuja@gmail.com, www.puneetsakhuja.com, +97150-9372493, Dubai
Project Name	: 
Browser Tested	: Mozilla FF 2.0, IE 6,7, Safari
-----------------------------------------------------------------------------------------------
*/





/* -------------------------Reset-------------------------*/

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



/* -------------------------Global Selectors-------------------------*/

body
	{
		background:#1F1F1F url(../images/bg-body.jpg) top left no-repeat fixed;
	}


h1
	{
		width:350px;
		height:30px;
		display:block;
		text-indent:-9999px;
		margin-bottom:20px;
	}

h1 a
	{
		width:350px;
		height:30px;
		background:url(../images/innovative.png) no-repeat;
		text-indent:-9999px;
		display:block;
	}

h2
	{
		font-family:Arial, Helvetica, sans-serif;
		text-indent:-9999px;
	}
	
h3
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#999999;
		font-weight:normal;
	}	
	
	
.servicesContainer
	{
		float:left;
		width:750px;
	}	
	
.latest-projects
	{
		background:url(../images/h2-latest-projects.gif) no-repeat;
		width:175px;
		height:20px;
	}		
	
	
.news
	{
		background:url(../images/h2-news.gif) no-repeat;
		width:61px;
		height:20px;
	}		
	
.welcome
	{
		background:url(../images/h2-welcome.gif) no-repeat;
		width:300px;
		height:20px;
	}		
	
.services
	{
		background:url(../images/h2-services.gif) no-repeat;
		width:150px;
		height:20px;
	}					
	
.websites
	{
		background:url(../images/h2-websites.gif) no-repeat;
		width:92px;
		height:20px;
	}	
	
.online-booking
	{
		background:url(../images/h2-booking.gif) no-repeat;
		width:187px;
		height:20px;
	}	
	
.ecommerce
	{
		background:url(../images/h2-ecommerce.gif) no-repeat;
		width:161px;
		height:20px;
	}		
	
.iphone
	{
		background:url(../images/h2-iphone.gif) no-repeat;
		width:228px;
		height:20px;
	}		
	
.marketing
	{
		background:url(../images/h2-marketing.gif) no-repeat;
		width:125px;
		height:20px;
	}			
	
.contact
	{
		background:url(../images/h2-contact.gif) no-repeat;
		width:109px;
		height:20px;
	}								
			
.profile
	{
		background:url(../images/h2-profile.gif) no-repeat;
		width:81px;
		height:20px;
	}	
	
.privacy
	{
		background:url(../images/h2-privacy.gif) no-repeat;
		width:93px;
		height:20px;
	}	
	
.newsletter
	{
		background:url(../images/h2-newsletter.gif) no-repeat;
		width:122px;
		height:20px;
	}	
	
	.newsletter1
	{
		background:url(../images/h2-newsletter.gif) no-repeat;
		width:122px;
		height:20px;
	}									
										
											
	
	#googleMap	
		{
			position:absolute;
			top:355px;
			left:400px;
		
		}			
	

p
	{
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin-top:20px;
		line-height:18px;
	}
.noMargin
	{
		margin-top:0;
	}	
	
p a
	{
		color:#fff;
		text-decoration:none;
	}	
	

p a:hover
	{
		text-decoration:underline;
	}		
	
h5
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#B89050;
		font-weight:normal;
		line-height:36px;
		margin-top:20px;
	}
	


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

#mainNavContainer
	{
		background:#000;
		width:100%;
		height:38px;
		padding-top:7px;
		margin-top:15px;
	}

#mainNav
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#fff;
		line-height:30px;
		height:30px;
		width:950px;
		margin:0 auto;
	}
	
#mainNav li
	{
		float:left;
		list-style-type:none;
	}	
	
#mainNav li a
	{
		float:left;
		display:block;
		padding:0 14px;
		color:#fff;
		text-decoration:none;
		border:1px solid #000;
	}		
	
#mainNav li a:hover
	{
		float:left;
		display:block;
		background-image:url(../images/bg-li.gif);
		height:30px;
		color:#fff;
		border:1px solid #414141;
	}			

#mainNav li a.current
	{
		background-image:url(../images/bg-li.gif);
		color:#fff;
		border:1px solid #414141;
	}







#wrapper
	{
		width:950px;
		margin:0 auto;
	}

#mastHead
	{
		width:950px;
		height:220px;
		margin-bottom:20px;
	}
	

#latestProjectsContainer
	{
		width:920px;
		height:160px;
		border:1px solid #A2A1A1;
		background:#000;
		padding:15px;
	}
	
	
#newsContainer
	{
		width:420px;
		border:1px solid #A2A1A1;
		background:#000;
		padding:15px;
		float:left;
	}
	
	
#newsletterContainer
	{
		float:right;
		width:450px;
		height:204px;
		border:1px solid #A2A1A1;
		background:#000;
		padding:15px;
	}			



#projectThumbs
	{
		margin-top:15px;
	}
	
#projectThumbs li
	{
		float:left;
		list-style-type:none;
	}	
	
#projectThumbs li a
	{
		border:10px solid #666;
		margin:0 15px 0 0;
		width:195px;
		height:100px;
		display:block;
	}	

#projectThumbs li a:hover
	{
		border:10px solid #333;
		width:195px;
		height:100px;
		display:block;
	}	






	
#podContainers
	{
		margin-top:20px;
		position:relative;
	}	
	
#podHome1
	{
		float:left;
		width:420px;
		height:340px;
		background:#000;
		border:1px solid #A2A1A1;
		padding:15px;
	}
	
#podHome2
	{
		float:right;
		width:450px;
		height:340px;
		border:1px solid #A2A1A1;
		background:#000;
		padding:15px;
	}		
	
#podFull
	{
		float:left;
		width:918px;
		background:#000;
		border:1px solid #A2A1A1;
		padding:15px;
	}	
	
	
dl
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		margin-top:20px;
		
	} 	
	
dt
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#888;
		font-size:11px;
		
	} 
	
	
dd
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-size:12px;
		
	} 				
	
	
dd a
	{
		color:#fff;
		text-decoration:none;
	} 		
	
dd a:hover
	{
		color:#fff;
		text-decoration:underline;
	} 		
	
.date
	{
		font-size:12px;
		color:#888;
		font-family:Arial, Helvetica, sans-serif;
	}
	
.newsHead
	{
		font-size:18px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		margin-top:5px;
	}		
		
	
blockquote
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#535353;
		margin-top:10px;
	}
	
	
.bodyList
	{
		font-family:Arial, Helvetica, sans-serif;
		color:#ccc;
		font-size:13px;
		margin-top:20px;
	}	
	
.bodyList li
	{
		list-style-type:none;
		line-height:30px;
		border-bottom:1px solid #333;
	}	
	
	
	
.mdQuote
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#999;
		float:left;
		line-height:30px;
	}	
	
.leftPic
	{
		float:left;
		margin:0 15px 20px 0;
	}	
	
	
hr
	{
		color:#999;
	}

#addressContainer
	{
		width:950px;
		height:150px;
		margin-top:10px;
		padding:20px 0;
	}
	
.addressPod
	{
		width:210px;
		border-right:1px solid #A8A7A7;
		height:140px;
		float:left;
		margin-right:23px;
	}	

.addressPod p
	{
		margin-top:0;
	}
	
.formPod
	{
		width:479px;
		height:140px;
		float:left;
	}	

.formPod p
	{
		margin-top:0;
	}	
	
.field1
	{
		background:#000;
		border:1px solid #A8A7A7;
		height:20px;
		width:476px;
		color:#4C4C4C;
	}	
	
.field2
	{
		background:#000;
		border:1px solid #A8A7A7;
		height:20px;
		width:228px;
		color:#4C4C4C;
		margin-top:10px;
	}	
	
.tArea
	{
		background:#000;
		border:1px solid #A8A7A7;
		height:60px;
		width:476px;
		color:#4C4C4C;
		margin-top:10px;
	}		
	
.submitBtn
	{
		background:#000;
		border:1px solid #A8A7A7;
		height:30px;
		color:#fff;
		margin-top:10px;
		font-size:12px;
		line-height:30px;
	}		
	
	

	
	
#footer
	{
		width:950px;
		margin:0 auto;
		border-top:3px solid #ff0000;
		margin:50px auto;
		color:#B3B2B2;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		height:30px;
		line-height:30px;
	}	
	
#footer a
	{
		color:#fff;
	}	
	
#footer a:hover
	{
		text-decoration:none;
	}	
	
	
	
	

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

.clear
	{
		clear:both;
	}
	
.border
	{
		border:6px solid #55300C;
		margin-right:9px;
		float:left;
	}	


/* -------------------------Homepage Slideshow-------------------------*/


#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:950px;
	height:220px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}


#portfolioPics
	{
		width:100%;
	}
	
#portfolioPics li
	{
		float:left;
		margin-top:20px;
		list-style-type:none;
	}	
	
#portfolioPics li a
	{
		float:left;
		margin:0 18px 10px 0;
		list-style-type:none;
	}		
	
.partnersLogo
	{
		margin:0 20px 20px 0;
		float:left;
	}
	
	
	
	/*---------------------------- FORM STYLE ------------------------------*/
	
	.podForm
	{
		width:570px;
		float:left;
	}
	
.podForm p
	{
		color:#fff;
		font-size:12px;
		line-height:19px;
		margin:0 0 15px 0;
	}	
	
.labelContainer
	{
		width:140px;
		float:left;
	}	
	
.fieldContainer
	{
		width:230px;
		float:left;
	}		

form label
	{
		color:#fff;
		font-size:12px;
		line-height:19px;
		margin:0 0 15px 0;
		display:block;
	}	
	
.fieldContainer span
	{
		color:#fff;
		font-size:12px;
	}	
	
form input:focus
	{
		border:1px solid #fff;
	}	

form textarea:focus
	{
		border:1px solid #fff;
	}	

.fields
	{
		background:#000;
		border:1px solid #666;
		height:22px;
		width:200px;
		margin:0 0 8px 0;
		color:#bbb;
		
		font-size:12px;
	}

form textarea
	{
		background:#000;
		border:1px solid #666;
		height:120px;
		width:200px;
		color:#bbb;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
.formBtn
	{
		background-image:url(../images/bg-li.gif);
		color:#fff;
		border:1px solid #ccc;
		padding:3px;
		margin:10px 0 0 0;
	}	
	
#abhi
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}	
	
#gallery {

	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }