html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
	background:url(../images/bg.jpg) left top repeat-x;
}
#main-bg{
               margin:0 auto; background:url(../images/header.jpg)  center top no-repeat; width:100%; overflow:auto;
			  
			   }

#parent
{
	margin:0px auto; 
	padding:0px;
	width:865px;
	background:url(../images/header.jpg)  center top no-repeat;
		 	
}

.clr {
margin:0; padding:0;
clear:both;
}
/* Global Classes starts */
* {
outline:none;
}

div, form, P
{
 margin:0px;
 padding:0px;
}

A IMG /* This Class will disble border over any link on images*/
{ 
  border:none;
  outline:none
}
a
{
	text-decoration:underline;
	color:#A2A2A2;
}

a:hover
{
	text-decoration:none;
	color:#596163;
}
p
{
	color:#596163;
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
}

p a
{
	text-decoration:underline;
	color:#A2A2A2;
}

p a:hover
{
	text-decoration:none;
	color:#596163;
}

UL
	{
	/* Controls NORMAL UL */
	margin:0 0 0 15px; 
	padding:0 0 0 0;
	list-style-type:none; 
	color:#596163;
	}

UL LI
	{
	/* Controls NORMAL li inside UL */
	margin:0 0 3px 0; 
	padding:0 0 0 12px;
	}

UL strong	{
font-size:15px;
	}	

OL 
	{
	/* Controls NORMAL OL */
	margin:0 0 0 28px; 
	padding:0 0 0 0;
	list-style-type:decimal; 
	}

OL LI
	{
	/* Controls NORMAL li inside OL */
	text-decoration:underline;
	color:#000000;
	}
	
OL LI A, LI A , OL A
	{
	/* Controls LINKS inside OL */
	text-decoration:underline;
	color:#000000;
	}

OL A:HOVER
	{
	/* Controls LINKS HOVER inside OL */
	text-decoration:none;
	color:#363636;
	}

UL A
	{
	/* Controls LINKS inside UL */
	text-decoration:underline;
	color:#A2A2A2;
	}

UL A:HOVER
	{
	/* Controls LINKS HOVER inside UL */
	text-decoration:none;
	color:#363636;
	}
/* Global Classes ends */


/*----------- headerleftpart  start---------------*/
.grayard{  
           padding:10px 0px 0px 800px;
          margin:0px 0px 0px 0px;
		  }
		  
.grayard2{  
           padding:3px 0px 0px 800px;
          margin:0px 0px 0px 0px;
		  }		  

.banertop{
 
 padding:93px 0px 70px 0px;
margin:0px 0px 0px 0px;
}

.logobox{
  padding:0px 0px 0px 0px;
  margin:0px 220px 0px 10px;
  float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:38px;
	color:#fff;
   
}
.logobox2{
  padding:13px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  float:left;
   font-family:Arial, Helvetica, sans-serif;
    font-size:29px;
	color:#fff;}

.topnav{ 
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
   
   height:41px;
   
  
}

	.topnav ul{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;	
	list-style-type:none;
	
	
	}
	
.topnav ul li{
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	float:left;
	list-style-type:none;
	line-height:41px;
	 
	}
	

.topnav ul li a{
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	color:#fff;
	 padding:0px 15px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.topnav ul li a span{
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	color:#fff;
	 padding:0px 15px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.topnav ul li a:hover{
	text-decoration:none;
	color:#0099cc; text-decoration:none;	
	display:block;
	}
	
.topnav ul li a:hover span{
	text-decoration:none;
	color:#0099cc; text-decoration:none;	
	display:block;

}
	
.topnav ul li a.active{
	text-decoration:none;
	color:#0099cc; text-decoration:none;	
	display:block;

	}
	
.topnav ul li a.active span{
	text-decoration:none;
	color:#0099cc; text-decoration:none;	
	display:block;

}
	
	

		   			

/*----------- headercontaner  End---------------*/




/*----------------bodycontaner left  Start---------------*/
 .mainbodydiv{
           padding:0px 0px 0px 0px;
           margin:25px 0px 0px 0px;
		   }
		
.leftcontaner{
            padding:0px 0px 0px 0px;
           margin:0px 0px 30px 0px;
		    width:510px;
		   float:left;
		   border-right:#DAE3E8 1px solid;
		    }
.vomental{
           padding:0px 50px 0px 0px;
           margin:0px 0px 0px 0px;
		   line-height:18px;
		    }
			
.vomental span{
           padding:0px 0px 0px 0px;
           margin:0px 0px 0px 0px;
		  color:#08A7DE;
		   text-decoration:underline;  }						
			
.emblomen{
           padding:0px 0px 0px 0px;
           margin:0px 0px 0px 0px;
		    font-size:17px;
			color:#495257;
			 font-weight:bold;
			  text-transform:uppercase;}					   
 
.cacunet{ text-transform:uppercase;
           padding:18px 0px 15px 0px;
           margin:0px 0px 0px 0px;
		    font-size:12px;
			color:#B4B4B4;
			 font-weight:bold;}   	
			 	   
 .flontenium{
            padding:15px 0px 0px 0px;
           margin:0px 0px 0px 0px;
		   color:#029CC3;
		   text-decoration:underline;
		   font-weight:bold;} 

 .flontenium a{
            padding:15px 0px 0px 0px;
           margin:0px 0px 0px 0px;
		   color:#029CC3;
		   text-decoration:underline;
		   font-weight:bold;}
		   
 .flontenium a:hover{
            padding:15px 0px 0px 0px;
           margin:0px 0px 0px 0px;
		   color:#029CC3;
		   text-decoration:none;
		   font-weight:bold;}		   		     
        
/*----------------bodycontaner lefr  End---------------*/


/*----------------bodycontaner right  start---------------*/
.rightcontaner{ 
             padding:0px 0px 0px 0px;
             margin:0px 0px 0px 53px;			 
			  width:300px;
			  float:left;
			  }
		   
			   
.pempler{
           padding:0px 0px 0px 0px;
           margin:0px 0px 0px 0px; 
		   background:url(../images/copyline.png) left top no-repeat;
		   border:0px solid #FF0000;
		   height:58px;
		   }
		   			  
.mensoncor{
           padding:0px 0px 12px 0px;
           margin:0px 0px 0px 0px;
		    font-size:17px;
			color:#495257;
			 font-weight:bold;
			  text-transform:uppercase;}
			 
.comentment{
            padding:12px 0px 0px 20px;
            margin:0px 0px 0px 0px; 
			width:46px;
			float:left;}
				
.mentionmonyal{
            padding:2px 0px 0px 0px;
            margin:0px 0px 0px 0px; 
		    font-size:22px;
			float:left;
			width:230px;
			font-family:Trebuchet MS;
			color:#DA2303;
			 font-weight:bold;
			 text-transform:uppercase;}	
			 	 
.mentionmonyal2{
            padding:0px 0px 0px 0px;
            margin:0px 0px 0px 0px; 
		    font-size:22px;
			float:left;
			width:230px;
			font-family:Trebuchet MS;
			color:#629E02;
			 font-weight:bold;
			 text-transform:uppercase;}	
			 	
.mentionmonyal3{
            padding:0px 0px 0px 0px;
            margin:0px 0px 0px 0px; 
		    font-size:22px;
			float:left;
			width:230px;
			font-family:Trebuchet MS;
			color:#00A0D1;
			 font-weight:bold;
			 text-transform:uppercase;}				 	 					  
                 
.loncher{  
            padding:0px 0px 0px 0px;
            margin:0px 0px 0px 0px;
			font-family:Arial, Helvetica, sans-serif;
			 font-size:11px;
			 color:#606060;
			 font-weight:normal;}

 .conception{
            padding:32px 0px 0px 0px;			
           margin:0px 0px 0px 0px;
		   color:#029CC3;
		   text-decoration:underline;
		   font-weight:bold;}

 .conception a{
            padding:35px 0px 0px 0px;
			padding:18px 0px 0px 0px;
           margin:0px 0px 0px 0px;
		   color:#029CC3;
		   text-decoration:underline;
		   font-weight:bold;}

 .conception a:hover{
            padding:35px 0px 0px 0px;
			padding:18px 0px 0px 0px;
            margin:0px 0px 0px 0px;
		    color:#029CC3;
		    text-decoration: none;
		    font-weight:bold;}		   		   			 		  
/*----------------bodycontaner right  End---------------*/


/*----------------body-iind-leftpart  start---------------*/

#dropndent{ padding:0px 0px 0px 0px; 
             margin:0px 0px 0px 0px;
			 background:url(../images/bottombg.jpg) left top repeat-x #F4F8F9; width:100%; overflow:auto;
			} 
			
.quckkent{   width:865px;			 
			 padding:15px 0px 0px 0px;
             margin:0px auto;
			 }
			 
.hamperring{ padding:0px 0px 0px 0px;
             margin:0px 53px 0px 0px;
			 width:510px;
			 float:left;			 
			 border-right:#DAE3E8 1px solid;}
			 
.kaikinet{
             font-size:17px; color:#495257;
			 font-weight:bold;
			 text-transform:uppercase;}

.mutual{
          padding:10px 0px 0px 0px;
          margin:0px 0px 0px 13px;
		  width:200px; 
		  float:left;
		  border-right:#DAE3E8 1px solid;
		  color:#00A0D1;
		  text-decoration:underline;}
.mutual a{
          padding:0px 0px 0px 0px;
          margin:0px 0px 0px 0px;
		  width:200px; 
		  float:left;
		  border-right:#DAE3E8 1px solid;
		  color:#00A0D1;
		  text-decoration:underline;}
.mutual a:hover{
          padding:0px 0px 0px 0px;
          margin:0px 0px 0px 0px;	 	  
		  color:#00A0D1;
		  }		  		  	
		  
.moutan{
          padding:10px 0px 0px 0px;
          margin:0px 0px 0px 0px;
		  float:left;
		  width:20px;}
		  
.mutual2{
          padding:10px 0px 0px 0px;
          margin:0px 0px 0px 13px;
		  width:193px; 
		  float:left;		  
		  color:#00A0D1;
		  text-decoration:underline;}	
		  
.moutan2{
          padding:10px 0px 0px 0px;
          margin:0px 0px 0px 35px;
		  float:left;
		  width:20px;}
		  
.mutual2 a{
          padding:0px 0px 0px 0px;
          margin:0px 0px 0px 0px;
		  width:200px; 
		  float:left;
		  border-right:#DAE3E8 1px solid;
		  color:#00A0D1;
		  text-decoration:underline;}
.mutual2 a:hover{
          padding:0px 0px 0px 0px;
          margin:0px 0px 0px 0px;	 	  
		  color:#00A0D1;
		  }		  
		  
.hausing{
          padding:10px 0px 0px 0px;
          margin:0px 0px 0px 0px;		 		  
		  color:#029CC3;
		   font-weight:bold;
		  text-decoration:underline;}		  
.hausing a{
          padding:0px 0px 0px 0px;
          margin:0px 0px 0px 0px;		 		  
		  color:#029CC3;
		   font-weight:bold;
		  text-decoration:underline;}		  		  
		  
.hausing :hover{
          padding:0px 0px 0px 0px;
          margin:0px 0px 0px 0px;		 		  
		  color:#029CC3;
		   font-weight:bold;
		  }
/*----------------body-iind-leftpart  End---------------*/



/*----------------body-iind-rightpart  start---------------*/
.blominghop{
           padding:0px 0px 0px 0px;
           margin:0px 0px 12px 0px;		   		 
		   width:300px;
		   float:left;}

.omention{
           padding:20px 0px 20px 30px; padding:20px 0px 10px 30px;
           margin:0px 0px 0px 0px;
		   background:url(../images/whitepage.jpg) left top no-repeat;}

.closing{ 
           padding:0px 30px 0px 30px;
           margin:0px 0px 0px 0px;
           }		   

				 
/*----------------body-iind-rightpart  End---------------*/




/*----------------futtercontaner  Start---------------*/


#footerbox{ padding:6px 0px 0px 0px; 
             margin:0px 0px 0px 0px;
			 background:url(../images/footerbg.jpg) left top repeat-x; width:100%; overflow:auto;
			}
#footer
{   
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#D5D5D5;
  font-size:11px;
   background:#40474D;
    text-align:center;
	 	
	}
	
#footer span{   
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#94D9F8;
  font-size:11px;
   background:#40474D;
    text-align:center;	 	
	}	
	

	
	#footer a
{ padding:0px 3px 0px 3px;
 text-decoration:none;
 	color:#94D9F8;
	font-size:11px;
	 text-align:center;
	
}

	
	#footer a:hover
{  padding:0px 0px 0px 0px;
text-decoration:none;
	color:#F08027;}

#footer .copyright
{
	
	padding:0px 0px 0px 0px;
		color:#000;
		font-weight:bold;}
.weeken{   
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#939494;
	}

		
/*----------------futtercontaner  End---------------*/


form,fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#contactForm label {
	display: block;
	font-weight: bold;
	margin: 7px 0 2px 0;
}
#contactForm .name, #contactForm .email, #contactForm .phone, #contactForm .occupation {
	border: 1px solid #999;
	width: 220px;
	font-family: arial, sans;
	font-size: 11px;
	padding: 7px;
}
#contactForm .message {
	border: 1px solid #999;
	font-family: arial, sans;
	font-size: 11px;
	width: 220px;
	height: 80px;
	padding: 7px;
}
.sendButton {
	width: 100px;
}


/*  ---------------------------- folio ----------------------------  */
#portfolioWork {
	margin: 0;
	padding: 0;
	list-style: none;
}
#portfolioWork h1 {
	color: #000;
	letter-spacing: normal;
	font-weight: bold;
	font-family: arial, sans;
	font-size: 12px;
	line-height: normal;
	text-transform: capitalize;
	margin: 0;
}
#portfolioWork li {
	list-style: none;
	line-height: 18px;
	background: #fff;
	font-size: 11px;
	width: 480px;
	height: 97px;
	margin-bottom: 30px;
}
#portfolioWork li a {
	color: #f90;
	text-decoration: none;
}
#portfolioWork li a:hover {
	text-decoration: underline;
}
.portfolioFeature {
	border: 1px solid #eee;
}
.portfolioWorkPadding {
	padding: 7px;
}
.portfolioWorkImage {
	float: left;
	background: url('images/image-mask.gif');
	position: absolute;
	width: 70px;
	height: 40px;
}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }