/*--------------------------------------------------------------reset css-------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0; padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;}

caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}


/*------------------------------------------------------------body background -----------------------------------*/

body {background-color:#111111; position:relative; width:auto; height:100%; margin: 0;}
/*-----------------------------------------------------------LOGO AND MENU(div)-------------------------------------------*/

h1.logo,h1.logo a {   width:119px;
			height:55px;
			position:relative;
			margin: 0 auto;
			background: transparent url(images/logo.png) no-repeat scroll 0;
			float:left;
			bottom:8px;
			display:block;
			top:2px;
			borde:thin solid #99FF33;}
			
			
h1.logo a {background-position: top left;
		   background-repeat: no-repeat;
		   background-attachment: scroll;
 		   text-indent: -10000px;}

			
			
.logo_menu { 	width:940px;
				height:60px;
				padding:18px;
				left:50px;
				margin: 0 auto;
				borde:thin solid #99FF33; }			
/*---------------------------------------------------------HOME GREY FRAME WITH TEXT-------------------------------------------*/			
.roundcont {
			 width:934px;
		     background-color:#eeeeee;
		     position:relative;
		     float:left;
			 line-height:33px;
		     top:19px;
		     float:none;		
		     margin: 0 auto;
		     borde:thin solid #99FF33;}



.roundtop { 
	background: url(images/top_right.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/bot_right.gif) no-repeat top right; 
}

img.corner {
   width: 17px;
   height: 17px;
   border: none;
   display: block !important;
}
	 
h5 { font-size:0.9em;
	 padding:0 15px 0 20px;
	 color:#666666;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:none;}	
	 
.headings {       font-size:1.5em;
		          font-family:Arial, Helvetica, sans-serif;
		          padding:3px 15px 0 20px;
				  }
				  
a.headings_links { color:#666666;}	
/*--------------------------------------------------------------------------------------------------*/			 

			 
p.title_home_text { font-size:1.2em;
		            font-family:Arial, Helvetica, sans-serif;
		            padding:11px 0 0 14px;
		    	   }
				
/*----------------------------------------------------------MAIN MENU-----------------------------------------------------*/
ul.menu {
			width:570px;
			height:30px;
			position:relative;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.9em;
			font-weight:none;
			position:relative; 
			float:left;
			left:273px;
			top:22px;
			padding:0px; 
			margin: 0 auto;
			borde:thin solid #99FF33;}
			
ul.menu li a{    padding:7px;
				 padding-right:16px;
				 text-decoration:none;
				 position:relative;
			     font-family:Arial, Helvetica, sans-serif;
			     font-size:0.9em;
				 top:2px;
			     font-weight:none;
			     background-color: #000000;
				 float:right;
				 color:#999999!important;
				 borde:thin solid #99FF33;
				 }
				 
ul.menu li a:hover{ 	 text-decoration: underline;
				 		 color: #999999;
			  		}
ul.menu li  {
display: inline;
line-height: 1;
}

				
			
/*------------------------------------------------------------OUR WORK- GREY BG AND TITLE----------------------------------*/

		   
		   
p.title_ourwork { font-size:1.2em;
		          font-family:Arial, Helvetica, sans-serif;
		          padding:11px 0 0 14px;
		    	}

/*--------------------------------MAIN CENTER WHITE BACKGROUND----------------------------------------------------------*/
				

.spacer { height:30px; 
		  clear:both; 
		  width:100px;
   		  bottom:40px;
		  margin-bottom:-14px; }
		  
.spacer1 { height:40px; 
		   clear:both; 	  
   		   bottom:18px;
		   }

.spacer2 { height:1px;
		   width:2px; 
		   clear:left; 	  
   		   
		   }
.spacer3 { height:1px;
		   width:2px; 
		   clear:right; 	  
   		   
		   }
.spacer5 { height:90px; 
		  clear:both; 
		  width:100px;
 }
.spacer6 { height:88px; 
		  clear:both; 
		  width:100px;
 }
.spacer7 {height:13px; 
		  clear:both; 
		  width:100px;
		  
 }
.spacer8 {height:213px; 
		  clear:both; 
		  width:100px;
		  
 }	
 
spacer_appr	{ height:25px; 
		   clear:both; 	  
   		
		   }
		   
spacer_contactus { height:1px; 
		           clear:both; 	  
   		   
		   }
		   
spacer_ourteam { height:1px; 
		           clear:both; 	  
   		   
		   }				
/*--------------------------------OUR WORK- PADDING FOR THE IMAGES(SCREEN SHOTS)---------------------------------------------------------*/
ul.web_img li { 	    position:relative;
						float:left;
						top:25px;
						padding:13px 0 0 18px;
						}
	

					 					  
/*------------------------------OUR WORK TITLES OF WEB SITES ON TOP OF EVERY IMAGE------------------------------------------*/					  
					  
h4 { 				   
				 	  position:absolute; 
				      top:30px;
					  left:30px;
					  padding:2px;
	                  width:auto;
				      font-size:0.8em;
					  font-weight: lighter;
					  font-family: Arial, Helvetica, sans-serif;
				      background: transparent url(images/bg_repeat1.png) repeat scroll 0;
					  color: #999999;
					    }
					  				   
				  
/*------------------------------OUR WORK TEXT AT THE BOTTOM OF EVERY IMAGE------------------------------------*/		  

.text_img {    position:absolute; 
			   background: transparent url(images/bg_repeat1.png) repeat scroll 0;
			   width:294px;
			   height:auto;
			   bottom:0px;
			   padding:3px;
			   text-align:left; 
			   color:white; 
			   font-family: Arial, Helvetica, sans-serif;
			   font-weight:none;
			   font-size:0.8em;
			   display:block;
			   text-decoration:none !important;
			   visibility:hidden;
	 		   borde:thin solid #99FF33;}				   

img {  border:none; }






			   			   

/*---------------------------HOME- HEADER,LINE UNDER, 3 COLLUMNS UNDER(TITLES,TEXT ETC..) AND LINE SEPERATOR(GREY LINE)------------------------*/	
.line_under_header
      { width:934px;
		height:1px;
		float:left;
		position:relative;
		background: url(images/lineunder.gif) no-repeat scroll 0; 
		margin: 0 auto;
		top:205px;
		left:18px;
		borde:thin solid #99FF33;
		
		

		}
.line_under_services  { width:934px;
						height:1px;
						float:left;
						position:relative;
						background: url(images/lineunder.gif) no-repeat scroll 0;
						margin: 0 auto;
						top:105px;
						left:18px;
						borde:thin solid #99FF33;

		}

.main_coll3 {  width:980px;
		       height:330px;
			   position:relative;
		       float:left;
		       margin: 0 auto;
		       borde:thin solid #99FF33;
		  }
.main_columns {width:287px;
		       height:400px;
		       position:relative;
			   top:222px;
			   left:18px;
		       float:left;
		       margin: 0 auto;
			   margin-right:18px;
		       borde:thin solid #99FF33;
			   overflow:hidden;}
			   
h2.main_titles { color:#000000;
                 height:10px;
				
				 font-size:0.9em;
				 font-weight:bold;
				 font-family:Arial, Helvetica, sans-serif;
				 padding:15px 0 0 0;
				
				
				 
				}
				 
p.main_text {  width:290px;			 
		       color:#000000;
		       font-family:Arial, Helvetica, sans-serif;
		       font-size:0.8em;
			   padding:20px 0 20px 0;}
			   

					
.main_text a { color:#3366CC;
			   text-decoration:none;  }
					  
.main_text a:hover { color:#017eff;
				     text-decoration:none;  
					 }
					 

					   
.seperator {  width:1px;
		 	  height:250px;
		      min-height:340px;
		      float:left;
		      position:relative;
		      background-color:#D8D8D8 ;
			  margin-left:18px;
		      top:224px;
		      borde:thin solid #99FF33; }
/*--------------------------SERVICES 3 COLLUMNS UNDER(TITLES,TEXT ETC..) AND LINE SEPERATOR(GREY LINE)------------------------*/	
.line_under_services
      { width:934px;
		height:1px;
		float:left;
		position:relative;
		background-color:#D8D8D8 ; 
		margin: 0 auto;
		top:38px;
		left:18px;
		borde:thin solid #99FF33;
		overflow:hidden;

		}




.services_coll3 {  width:980px;
		           height:100%;
			       position:relative;
		           float:left;
		           margin: 0 auto;
		           borde:thin solid #99FF33;
		  }
.services_columns {width:287px;
		           height:100%;
		           position:relative;
			       top:55px;
			       left:18px;
		           float:left;
		           margin: 0 auto;
			       margin-right:18px;
		           borde:thin solid #99FF33;}
				   
				   	
.seperator_services {  width:1px;
		               height:400px;
		               float:left;
		               position:relative;
		               background-color:#D8D8D8 ;
			           margin-left:18px;
		               top:56px;
		               borde:thin solid #99FF33; }		  
/*----------------------------------------------OUR TEAM- HEADER,TEXT-----------------------------------------------*/	

.header_ourteam {  
			   width:634px;
			   height:100%;    
		       position:relative;
			   padding:18px 0 0px 18px;
		       float:left;
		       margin: 0 auto;
		       borde:thin solid #99FF33;}
			   

.team_text_div { 
				width:624px;
			    height:100%;
				float:left;
				position:relative;
				top:20px;
				margin: 0 auto;
				color:#000000;
				font-family:Arial, Helvetica, sans-serif;
		        borde:thin solid #99FF33;
				 }
				 
.oxford_text_div { 
				width:624px;
			    height:100%;
				float:left;
				position:absolute;
				top:324px;
				margin: 0 auto;
				color:#000000;
				font-family:Arial, Helvetica, sans-serif;
		        borde:thin solid #99FF33;
				 }
				
.team_title	   {font-size:1.4em;
				padding:0 0 0 18px;
				}
				
p              {font-size:0.8em;
				 top:30px;
				 padding:20px 0 0 18px;}
				 
h2 { font-size:1.3em;
	 padding:0 0 0 18px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:lighter;
	 }
	 
div.team_text_div a { color:#3366CC;
				      text-decoration:none;  }
					  
div.team_text_div a:hover { color:#017eff;
				      text-decoration:none;  }
 
/*--------------------------------------------OUR TEAM--RIGHT SIDEBAR-------------------------------------------------*/					
.right_sidebar_con { width:282px;
			         background-color:#eeeeee;
			   		 position:relative;
		       		 float:right;
		       		 margin: 0 auto;
			  		 margin: 18px 18px 18px 0;
		             borde:thin solid #99FF33;
					 }
			   
.right_sidebar {
			   width:282px;
			   background-color:#eeeeee;
			   position:relative;
		       float:right;
		       margin: 0 auto;
			   margin: 18px 18px 0 0;
		       borde:thin solid #99FF33;
			   overflow:hidden;
			  }
			  
.right_sidebar_ourwork {
			   width:282px;
			   height:752px;
			   background-color:#eeeeee;
			   position:relative;
		       float:right;
		       margin: 0 auto;
			   margin: 18px 18px 0 0;
		       borde:thin solid #99FF33;
			   overflow:hidden;
			  }			  
			   
/*--------------------------------------------------------------------------------------------*/

.roundcont {
			 width:934px;
		     background-color:#eeeeee;
		     position:relative;
		     float:left;
			 line-height:33px;
		     top:19px;
		     float:none;		
		     margin: 0 auto;
		     borde:thin solid #99FF33;}


/*--------------------------------------------------------------------------------------------*/			   
.right_sidebar_team {
			   width:282px;
			   background-color:#eeeeee;
			   position:relative;
		       float:right;
		       margin: 0 auto;
			   margin: 18px 18px 18px 0;
		       borde:thin solid #99FF33;}
			   
			   
.right_sidebar_appro {
			   width:282px;
			   background-color:#eeeeee;
			   position:relative;
		       float:right;
		       margin: 0 auto;
			   margin: 18px 18px 21px 0;
		       borde:thin solid #99FF33;}
			   
			   
.team_padd { padding-bottom:27px;
			 margin-bottom:18px;}


/*
.testimonials {font-size:0.9em;
	 padding:15px 15px 3px 17px;
	 color:#666666;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:none;}
*/
.sidebar_title { font-size:1.2em;
		         font-family:Arial, Helvetica, sans-serif;
				 padding:12px 0 0 15px;
				 text-align:left;
				 color:#666666;}
				 
.sidebar_text   {
				 width:255px;
			     height:auto 0;
				 font-size:1.1em;
				 font-weight:none;
				 font-family:Arial, Helvetica, sans-serif;
				 color:#333333;
				 padding:22px 0 0 18px;
				 borde:thin solid #99FF33;}
				 
.sid_under_text{  font-size:0.9em;
				  height:100%;
				  padding:4px 0 0px 17px;
				  bottom:18px;
				  text-align:left;
				  font-family:Arial, Helvetica, sans-serif;
				  font-weight:none;
				  color:#666666;}
				  
				  




.sidebar_title_work {  font-size:1.2em;
				       padding:12px 0 0 15px;
					   font-weight:bold;
				       text-align:left;
				       color:#666666;}
				 		  
.sub_links	{ color:#3366CC;
			  font-family:Arial, Helvetica, sans-serif;
			  font-size:0.9em;
			  font-weight:bold;
			  margin: 0 auto;
			  padding:0 0 0 18px;
			  borde:thin solid #99FF33;

			   }
			   
.sub_sidebar_links {  
			          margin: 0 auto;
			          padding:10px 0 0 18px;
			          borde:thin solid #99FF33; }
					  
.sub_sidebar_links a {color: #333333!important;
					  text-decoration:none;
			          font-family:Arial, Helvetica, sans-serif;
			          font-size:0.9em; 
					  font-weight:lighter;
					 
					  }
					  
.sub_sidebar_links a:hover { background-color:#dddddd;
							 padding:1px 3px 1px 3px; }
							 
/*--------------------------------FOOTER-3 COLLUMNS (TITLES,TEXT ETC..) AND LINE SEPERATOR(GREY LINE)-------------------------*/	

.footer { width:970px;
		  height:278px;
		  background: url(images/fotter_rep.jpg) repeat scroll 0;
		  position:relative;
		  float:none;
		  margin: 0 auto;
		  borde:thin solid #99FF33;
		  }

.foot_columns {width:304px;
		       height:230px;
		       position:relative;
		       float:left;
			   left:15px;
		       margin: 0 auto;
		       borde:thin solid #99FF33;}
			   
.foot_column44 { width:296px;
		         height:278px;
		         position:relative;
		         float:left;
			     left:18px;
		         margin: 0 auto;
		         borde:thin solid #99FF33;}

/*
h3.foot_4column { color:#FFFFFF;
				  font-size:1.0em;
				  font-family:Arial, Helvetica, sans-serif;
				  padding:30px 0 0 0px;
				  font-weight:ligther;}*/

				  
h3 { color:#FFFFFF;
	 font-size:1.0em;
     font-family:Arial, Helvetica, sans-serif;
	 padding:30px 0 0 0px;
     font-weight:none;}
	 
	 
.foot_col_1 a { color:#999999!important; text-decoration:none;}

.foot_col_1 a:hover { color:#fff!important; text-decoration:none;}
			   
li.foot_titles {  color:#FFFFFF;
				  font-size:1.1em;
				  font-family:Arial, Helvetica, sans-serif;
				  padding:30px 0 0 0px;
				 
				}
				 
ul.foot_text {   width:240px;
		         color:#999999;
		         font-family:Arial, Helvetica, sans-serif;
		         font-size:0.7em;
			     padding:0px 0 0 19px;
				 list-style-type: circle;
				  }

.foot_col_1	 {   width:260px;
		         color:#999999;
		         font-family:Arial, Helvetica, sans-serif;
		         font-size:0.7em;
			     padding:0px 0 0 5px;
				 }
				 
				 			 
ul.foot_text4 { width:170px;
		         color:#999999;
		         font-family:Arial, Helvetica, sans-serif;
		         font-size:0.7em;
			     padding:16px 0 0 0px;
				 }			   
			   
.seperator_foot {   width:1px;
		            height:120px;
		            float:left;
		            position:relative;
		            background-color: #404040;
		            margin: 0 auto;
			        margin-left:18px;
		            top:20px;
		            borde:thin solid #99FF33; 
			      }
span.foot_span {position:absolute;
				right:0px;}
				
p.under_footer_copyright{	width:934px;
						    height:15px;
							color:#999999;
							text-align:left;
		       			    font-family:Arial, Helvetica, sans-serif;
		        		    font-size:0.7em;
						    color:#999999; 
							position:absolute; 
							top:229px;
							borde:thin solid #99FF33;
				
			     			}
.line_under_footer
      { width:934px;
		height:1px;
		position:absolute;
		background-color:#404040; 
		margin: 0 auto;
		left:18px;
		top:245px;
		overflow:hidden;
		borde:thin solid #99FF33;

		}
		
div.recentnews { width:107px; 
				 height:24px;
				 background: url(images/recent_news.png) no-repeat scroll 0;
				 padding:24px 0 0 0px;  }
				 
div.designtech { width:156px; 
				 height:24px;
				 background: url(images/design_tech.png) no-repeat scroll 0;
				 padding:24px 0 0 0px;  }
				 
div.getintouch { width:97px; 
				 height:24px;
				 background: url(images/getin_touch.png) no-repeat scroll 0;
				 padding:24px 0 0 0px;  }
				 
div.mailicon {   width:23px; 
				 height:17px;
				 background: url(images/foot_mail_icon.gif) no-repeat scroll 0;
				 }	
				 			 
div.enquiries {  width:242px; 
				 height:23px;
				 background: url(images/icon_enquiry.gif) no-repeat scroll 0;
				 padding:14px 0 0 0px;  }
				 





/*--------------border:thin solid #99FF33;-----------------------------CONTACT US FORMS AND FOOTER FORM-------------------------------------------------------------------------*/


.form_1 { 
				width:320px;
			    height:450px;
				float:left;
				position:relative;
				top:20px;
				left:4px;
				
				

				 }
				 
			
.form_2 {       width:320px;
			    height:400px;
				float:left;
				top:20px;
				position:relative;
				

				 }
				 
				 				 
.seperator_forms {   width:1px;
		             height:365px;
		             float:left;
		             position:relative;
		             background-color:#D8D8D8;
		             margin: 0 auto;
			         margin-right:18px;
			         margin-left:34px;
		             top:34px;
		             borde:thin solid #99FF33;}

.mf-input:hover {visibility:visible;}


.mf-submit { width:67px;
			 height:21px;
			 background-color:#6495ED;
			 position:absolute;
			 font-size:0.9em;
			 font-size:80%;
			 padding:0 0 2px 0;
			 color:#FFFFFF;
			 border:none;
			 font-weight:bold;
			}

			  
.mf-input {color:#666666;
		   width: 140px;
		   height:20px;
		   border:none;
		   right:4px;
		   font-size:0.9em;
		   position:absolute;
		   background-color:#dddddd;
		   padding:px;
		   
           }
		   
.form_1 label { font-size:0.8em;
			    font-family:Arial, Helvetica, sans-serif;
				}
			   	
.form_2 label { font-size:0.8em;
			   font-family:Arial, Helvetica, sans-serif;
			  }		


h6 {   		 font-size:1.1em;
	 		 font-family:Arial, Helvetica, sans-serif;
	 		 font-weight:lighter;}
			 
			 
			 
.ml-sign_up { width:96px;
			  height:21px;
			  background-color:#666666;
			  color:#ffffff;
			  border:none;
			  font-size:0.7em;
			  font-weight:bold;
			  visibility:visible;
			}
			  
		   
			
.suluy-suluy {
		   border:none;
		   font-size:0.9em;
		   position:relative;
		   visibility:visible;		   
          }
		  
.enquiry_field { height: 41px;
 			     width: 140px;
			     vertical-align:top;
				 color:#666666;
				 position:absolute;
				 right:4px;
				 font-size:0.9em;
				 
				 background-color:#dddddd;
				 border:none;
				  
				 }	

	  
/*------------------------------------------------------------------------------------------------------------------------*/
.floated {float:left;}