/* CSS Document */
* {
	margin:0; padding:0;
}


/*________________________________________________________________________________________________________*/
/*______________Universal Elements _______________________________________________________________________*/
/*________________________________________________________________________________________________________*/



body, h1, h2, h3, h4,p, a, ul, li, img, form, label, input, select {
	margin: 0px;
	padding: 0px;
}
body {background :url(images/interface/back_footer.jpg) bottom no-repeat;
} 


img {
	border:none;
}

a img { border:0;}
img {vertical-align:top;}


ul {
	list-style-type: none;
}
h1 {

}
h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}
h3 {
	font-size: 12px;
	color: #0885ef;
}

h4 {
	font-size: 14px;
	color: #bcc9d7;
	line-height:20px;
	
	
}



p {
	font-size: 11px;
	color: #000000;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a {color:#00c2ff; font-size:12px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}



html, input, textarea
	{
		font-family:Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif; 
		font-size:12px;
		line-height:17px;
		color:#868686;	
		
	
	}


input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:13px; color:#4093e9;}
.weak {font-size:10px; color:#494949; float:right; text-align:right;}


#header_tall {background:url(images/interface/back_top.jpg) top no-repeat;}


#main {margin:0  auto;  
	width: 960px;

}
	
/*________________________________________________________________________________________________________*/
/*______________End of Universal Elements _______________________________________________________________________*/
/*________________________________________________________________________________________________________*/	
	
/*________________________________________________________________________________________________________*/
/*________Header Elements______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

a.logo {
	text-indent: -9999px;
	float: left;
	background-image: url(images/interface/logo.jpg);
	position: relative;
	height: 135px;
	width: 430px;
	left: 25px;
	top: 0px;
	/*overflow:hidden;*/
	cursor:pointer;
	/*z-index:1000;*/
	
}

/*#header .left {padding:0 0 0 25px;}
#header .right {padding:46px 11px 0 0;}
#header .right a {color:#868686; font-family:arial; font-size:12px;  padding:0 29px 2px 0;}
*/

.header{
	float: left;
	height: 135px;
	width: 100%;
	position: relative;  
	z-index:2;

}

.header ul {
	float:right;
	margin-right:75px;
		position: relative; top:50px;
}

.header li {
	float:left;
	margin-left:6px;
}
.header li a {
	float:left;
	width:100%;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	overflow:hidden;
}
.header li a:hover, .header li a.active {
	text-decoration:none;
	color:#FFF;
	background-position: left bottom;
}

/*________________________________________________________________________________________________________*/
/*________ Button - Header ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

li.home2 {
	width: 48px;
}
.home2 a {
	background-image: url(images/interface/but_home2.gif);
	width: 48px;
	height:39px;
		
}

li.home {
	width: 21px;
}
.home a {
	background-image: url(images/interface/but_home.gif);
	width: 21px;
	height:39px;
		
}

li.contact {
	width: 23px;
}
.contact a {
	background-image: url(images/interface/but_contact.gif);
	width: 23px;
	height:39px;
		
}

li.identity {
	width: 80px;
}
.identity a {
	background-image: url(images/interface/but_identity.gif);
	width: 80px;
	height:39px;	
}

li.design {
	width: 62px;
}
.design a {
	background-image: url(images/interface/but_design.gif);
	width: 62px;
	height:39px;	
}

li.illustration {
	width: 104px;
}
.illustration a {
	background-image: url(images/interface/but_illustration.gif);
	width: 104px;
	height:39px;	
}

li.product {
	width: 88px;
}
.product a {
	background-image: url(images/interface/but_product.gif);
	width: 88px;
	height:39px;	
}

li.about {
	width: 68px;
}
.about a {
	background-image: url(images/interface/but_about.gif);
	width: 68px;
	height:39px;	
}



li.footerdesign {
	width: 122px;
}
.footerdesign a {
	background-image: url(images/interface/but_design.jpg);
	width: 122px;
	height:47px;	
}

/*________________________________________________________________________________________________________*/
/*________ End of Button Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

/*________________________________________________________________________________________________________*/
/*________ End of Header Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/


/*________________________________________________________________________________________________________*/
/*________ Slider Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

#main_img {
	width:822px;
	height: 307px;
	padding: 0px;
		
	background: url(images/interface/pic.jpg) no-repeat;
	margin-left: 75px;
	
}


/*________________________________________________________________________________________________________*/
/*________ End of Slider Elements ______________________________________________________________________________ */
/*________________________________________________________________________________________________________*/

.but_more{ 
			height:10px;
			width: 40px;
          	position: relative; top:00px; left:196px;
			
            
			
         }
		 
.but_more2{ 
			height:10px;
			width: 40px;
          	position: relative; top:-15px; left:470px;
			
			
}


 div.but_more3{
		height:10px;
		width: 40px;
        position: relative; top:-14px; left:196px;  
      }


/*________________________________________________________________________________________________________*/
/*______ Portfolio Images and Information ___________________________________________________________________________________*/
/*________________________________________________________________________________________________________*/



   div#portfolio{
      overflow:hidden;
      margin:0 0 0 0px;
      padding:0;
      float:center;
	  width:100%;
	 position: relative; left:75px;  
	   
   }
     
/*______ Welcome Area Elements_____________________________________________________________*/		 
	div.welcome_intro {
		overflow:hidden;
        padding:0 0px 0  0;
        width:278px;
		float:left;
        margin-right:0px;
      }
	  

	  
	  div.welcome_intro h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
         }
		 
		 div.welcome_intro h4{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:24px;
			line-height:26px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;	
			
         }
		 
		div.design_intro {
		overflow:hidden;
        padding:0 0px 0  0;
        width:278px;
		height:320px;
		float:left;
        margin-right:0px;
	
      } 
	  
	  div.design_intro h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
         }
		 
		 div.design_intro h4{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:24px;
			line-height:26px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;	
         }
		 
		div.about_intro {
		overflow:hidden;
        padding:0 0px 0  0;
        width:278px;
		height:800px;
		float:left;
        margin-right:0px;
		
	
      } 
	  
	  div.about_intro h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
         }
		 
		 div.about_intro h4{ 
		  width:278px;
            font-weight:bold; 
            color:#0885ef;
            font-size:24px;
			line-height:26px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;	
         }
		 
/*______ End of Welcome Area Elements_____________________________________________________________*/	


 div.item {
         background:url(images/interface/shadow.jpg) no-repeat  ;
         overflow:hidden;
         padding:0 8px 0  0;
         width:266px; 
         float:left;
         margin-right:0px;
} 


 div.item h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
 }
		 
div.line{ 
			height:80px;
			width: 237px;
			background:url(images/interface/line.gif);	
 }
		 
div.line2{ 
	height:211px;
	width: 237px;
	background:url(images/interface/line2.gif);	
}
		 
div.line4{ 
			height:160px;
			width: 237px;
			background:url(images/interface/line4.gif);	
 }	

div.line5{ 
			height:258px;
			width: 237px;
			background:url(images/interface/line5.gif);	
		
 }
 
 div.line6{ 
	height:450px;
	width: 237px;
	background:url(images/interface/line6.gif);	
}

div.line7{ 
			height:514px;
			width: 237px;
			background:url(images/interface/line7.gif);	
		
 }

div.line8{ 
			height:177px;
			width: 510px;
			background:url(images/interface/line8.gif);	
         }
		 
div.line9{ 
			height:8px;
			width: 510px;
			background:url(images/interface/line9.gif);	
         }		 
         
      div.information{
         padding:40px 50px 0px 15px;
         height:130px;
			
         margin:0 0px;
         float:left;
      }
	  
         div.information p{ 
            color:#6e6e6e;
            font-size:12px;
            margin-top:15px;
            padding-top:0;
            float:left;	
         }
		 
         div.information em{ color:#1aabd9; }
		 
		 div.information h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
			
         }
		 
	 div.welcome{
         padding:10px 50px 0px 15px;
         height:260px;
         margin:0 0px;
         float:left;
      }
	  
         div.welcome p{ 
            color:#6e6e6e;
            font-size:12px;
            margin-top:15px;
            padding-top:0;
            float:left;	
			 width: 240px;
         }
		 
         div.welcome em{ color:#1aabd9; 
		  
		 }
		 
		
	
		
      div.image{
         float:right;
         margin-bottom:0px;
         border:0px solid #fff;
		   
      }
         div.image a{
            padding:0px;                        
            border:0px solid #fff000;
            background-color:#ffffff;
            float:left;
			position: relative; top:18px; left:-24px;;
         }
            div.image a:hover{ background-color: #1771f8; }
            div.image img{ border:0; float:left; width:222px;height:102px; }

/*______Item 2 - Featured item ______*/

div.item2 {
         background:url(images/interface/shadow2.jpg) no-repeat  ;
         overflow:hidden;
         padding:0 0px 0  0;
         width:960px;
		 height:250px;
         float:left;
         margin-right:0px;
      } 
	  
div.spacer2 {
         
         overflow:hidden;
         padding:0 8px 0  0;
         width:960px;
		 height:20px;
         float:left;
         margin-right:0px;
      } 	  

div.spacer3 {
         
         overflow:hidden;
         padding:0 8px 0  0;
         width:960px;
		 height:130px;
         float:left;
         margin-right:0px;
      } 

div.spacer4 {
         
         overflow:hidden;
         padding:0 8px 0  0;
         width:960px;
		 height:30px;
         float:left;
         margin-right:0px;
      } 		  
	  
	  
         div.item2 h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
         }
		 
		 div.image2{
         float:left;
         margin-bottom:0px;
         border:0px solid #fff;   
      }
	  
         div.image2 a{
            padding:0px;                        
            border:0px solid #fff000;
            background-color:#ffffff;
            float:left;
			position: relative; top:18px; left:21px;
         }
            div.image2 a:hover{ background-color: #1771f8; }
            div.image2 img{ border:0; float:left; width:222px;height:202px; }
			
		div.information2{
         padding:7px 50px 0px 74px;
         height:230px;
			
         margin:0 0px;
         float:left;
      }
         div.information2 p{ 
            color:#6e6e6e;
            font-size:12px;
            margin-top:15px;
            padding-top:0;
            float:left;	
         }
		 
         div.information2 em{ color:#1aabd9; }
		 
		 div.information2 h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
		  }
		  
		  div.line3{ 
			height:200px;
			width: 510px;
			background:url(images/interface/line3.gif);	
         }

/*______End of Item 2 - Featured item ______*/
		 
/*______Item 3 - Featured item ______*/	

div.item3 {
         background:url(images/interface/shadow.jpg) no-repeat  ;
         overflow:hidden;
         padding:0 8px 0  0;
         width:266px; 
		 height:355px;
         float:left;
         margin-right:0px;
		
} 


 div.item3 h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
 }
 

	
/*________________________*/



/*______Item 4 - Case Study ______*/	

div.item4 {
         background:url(images/interface/shadow3.jpg) no-repeat  ;
         overflow:hidden;
         padding:0 0px 0  0;
         width:960px;
		 height:760px;
         float:left;
         margin-right:0px;
      } 
	  
  
         div.item4 h3{ 
            font-weight:normal; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
         }

div.information4{
         padding:7px 50px 0px 50px;
         height:480px;
			
         margin:0 0px;
         float:left;
      }
         div.information4 p{ 
            color:#6e6e6e;
            font-size:12px;
            margin-top:15px;
            padding-top:0;
            float:left;	
			 font-weight:normal; 
         }
		 
         div.information4 em{ color:#1aabd9; }
		 
		 div.information4 h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:24px;
			line-height:26px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
		  }
		  
		   div.image3{
         float:left;
         margin-bottom:0px;
         border:0px solid #fff;   
      }
	  
         div.image3 a{
            padding:0px;                        
            border:0px solid #fff000;
            background-color:#ffffff;
            float:left;
			position: relative; top:18px; left:21px;
         }
            div.image3 a:hover{ background-color: #1771f8; }
            div.image3 img{ border:0; float:left; width:490px;height:450px; }
			
img.casestudy
{
	height:455px;
	width:450px;
	margin: 20px 0px 0px 23px;
	padding: 0px;
	position: relative; left:0px; top:0px; 
	background-color: none;
	border-style: none;
	align: left;
	valign: top;
}		
		  
/*______Item 4 - End of Case Study ______*/		

/*______Item 5 - Featured item ______*/	

div.item5 {
        
         overflow:hidden;
         padding:10px 8px 0  0;
         width:532px; 
		 height:150px;
         float:left;
         margin-right:0px;
		
} 


 div.item5 h3{ 
            font-weight:bold; 
            color:#0885ef;
            font-size:18px;
			font-family: Century gothic, Georgia, Tahoma, "Times New Roman", Times, serif;
 }
 
 div.info_clients{
         padding:0px 00px 0px 15px;
         height:130px;
			
         margin:0 0px;
         float:left;
      }
 

	
/*________________________*/	  
		  




#spacer {
	width:920px;
	height: 30px;
}



.display_box1 {
	width:240px;
	
	font-family:  Century gothic,  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c0c0c0;
	padding:0px;
	float:left;
	Text-align: left;
	padding-top:15px;
	position: relative; top:0px; left:0px;
	line-height:14px;
}


.display_boxtitle {
	width:70px;

	font-family:   Century gothic, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1aabd9;
	padding:0px;
	float:left;
	Text-align: left;
	border-style: none;
	border-width: 1px 1px 1px 1px; 
	border-color: #a8a8a8;
	position: relative; top:0px; left:0px;
	line-height:16px;
}

.display_boxtext {
	width:150px;
	
	font-family:  Century gothic, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6c6c6c;
	padding:0px;
	float:left;
	Text-align: left;
	border-style: none;
	border-width: 1px 1px 1px 1px; 
	border-color: #9d9d9d;
	position: absolute; top:00px; left:75px;
	line-height:16px;
	
}









.footer{
	float: left;
	height: 135px;
	width: 100%;
	position: relative; top:-60px;
	z-index:3;
	


}

a.logo2 {
	text-indent: -9999px;
	float: left;
	background-image: url(images/interface/logo_footer.jpg);
	position: absolute;
	height: 69px;
	width: 231px;
	
	top: 0px;
	/*overflow:hidden;*/
	cursor:pointer;
	/*z-index:1000;*/
	
}







.footer ul {
	float:right;
	margin-right:160px;
}
.footer li {
	float:left;
	margin-left:6px;
}
.footer li a {
	float:left;
	width:100%;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999px;
	overflow:hidden;
}
.footer li a:hover, .footer li a.active {
	text-decoration:none;
	color:#FFF;
	background-position: left bottom;
}



    div.copyright{
        
         height:130px;
			
         margin:0 0px;
         float:right;
      }

div.copyright p{ 
            color:#5ea4d1;
            font-size:11px;
            margin-top:15px;
            padding-top:0;
            float:left;	
         }
		 
         div.copyright em{ color:#2175ab;
			  padding:20px 158px 0 0;
			   font-size:11px;
		 }