/* CSS Document */

body{
background:#000000;
margin:0px;
padding:0px;
font-weight:normal;
 color:#FFFFFF;
}
#wrapper{
width:1000px;
height:auto;
margin:0 auto;
overflow:hidden;
}
img{
border:none;
float:left;
}
.float_left{
float:left;
}
.float_right{
float:right;
}
p,h1,h2,h3,h4,h5
{
margin:0px; 
padding:0px; 
}
#header{
width:1000px;
height:199px;
float:left;
}
#header_a{
width:242px;
height:199px;
float:left;
}
#header_b{
width:758px;
height:199px;
float:left;
}
#nav{
width:1000px;
height:30px;
float:left;
margin-top:24px;
}
#content{
width:971px;
height:auto;
float:left;
margin-top:17px;
padding-left:29px;
}
.divclasscontent{
width:971px;
height:auto;
float:left;
margin-top:17px;
padding-left:29px;
}
#content_left{
background:url(images/welcome.gif) left top no-repeat; 
width:597px;
height:auto;
float:left;
padding-right:56px;
}
#content_right{
width:290px;
height:auto;
float:left;
padding-right:28px;
}

.text_a{
font-family:Verdana,Arial;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
line-height:20px;
padding-top:41px;
text-align:justify;
}
.services{
background:url(images/strip.gif) repeat-x;
width:290px;
height:33px;
float:left;
}

.menu{
background:#2b2a2a;
width:288px;
height:auto;
float:left;
border:1px solid #5e5e5e;
margin-top:12px;
overflow:hidden;
}
h2{
font-family:"Trebuchet MS";
font-size:22px;
font-weight:normal;
color:#FFFFFF;
line-height:33px;
text-align:center;
}
 #differ{ 
 margin:0px; 
 list-style-type: none; 
}

#differ LI { 
 margin: 0px; 
}

#differ A { 
 display: block; 
 width:253px;
 height: 30px; 
 background-image:url(images/LIBRARY.gif); 
 background-repeat: no-repeat; 
 text-decoration: none; 
 text-align: left; 
 font-size: 12px;
 font-family: Arial,Verdana, Helvetica, sans-serif; 
 color: #fff;
 line-height:30px;
 padding-left:35px;
 
 }

#differ A:hover { 
 background-image:url(images/LIBRARY_hover.gif); 
 background-repeat: no-repeat;
  color: #94af05;  
}
.spot{
background:url(images/spot.gif) no-repeat top left;
width:971px;
height:48px;
float:left;
}
 
      .design{
	  background:url(images/orange.gif) repeat-x;
 width:235px;
 height:309px;
 float:left;
 } 
   .head{
 width:235px;
 height:44px;
 float:left;
 line-height:44px;
 } 
    .matter_a{
 width:235px;
 height:70px;
 float:left;
 }
   .matter_b{
 width:235px;
 height:104px;
 float:left;
 }
    .matterfinal{
 width:235px;
 height:174px;
 float:left;
 }
 

  
 #develop{
width:943px;
height:309px;
float:left;
padding-right:28px;
}
#develop img
{margin:10px;
}
h1{
font-family:"Trebuchet MS";
font-size:24px;
font-weight:normal;
color:#FFFFFF;
line-height:44px;
text-align:center;
}
.text_b{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
line-height:20px;
text-align:justify;
}
 .application{
 background:url(images/feature.gif) no-repeat top left;
width:400px;
height:auto;
float:left;
padding-top:60px;
}
.text_c{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
line-height:17px;
text-align:justify;
padding:0px 5px 0px 5px;
}
 .application ul{margin:0px;
 padding-top:50px;
 list-style:url(images/round.gif);
 }
 .application ul li{margin:0px;
 padding:3px 0px 3px 0px;
 color:#FFFFFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 }
 .easy{
 background:url(images/sms.gif) no-repeat;
width:253px;
height:248px;
float:left;
}
.text_d{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
line-height:18px;
text-align:justify;
padding:15px;
}
 #footer{
width:1000px;
height:68px;
float:left;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#FFFFFF;
padding-top:8px;
line-height:20px;
}
a{color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#94af05;
text-decoration:none;}

    .green{
	  background:url(images/green.gif) repeat-x;
 width:235px;
 height:309px;
 float:left;
 } 
     .blue{
	  background:url(images/blue.gif) repeat-x;
 width:235px;
 height:309px;
 float:left;
 } 
     .purple{
	  background:url(images/purple.gif) repeat-x;
 width:235px;
 height:309px;
 float:left;
 }
         .feature{
 width:400px;
 height:20px;
 float:left;
 }
 .LIBRARY{
 background:url(images/design.gif) no-repeat ;
 background-position: 0px 7px;
 width:15px;
 height:20px;
 float:left;
 padding-top:4px;
 }
 .send{width:385px;
 height:20px;
 float:left;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:20px;
 }
 .text_e{
font-family:Verdana,Arial;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
line-height:17px;
text-align:justify;
padding:0px 5px 0px 0px;
}
.submenu{
 width:232px;
 height:23px;
 float:left;
 padding-left:3px;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:26px;
 font-weight:bold;
 letter-spacing:-1px;
 } 
 
 .mark{
 background:url(images/design.gif) no-repeat ;
 background-position: 0px 10px;
 width:10px;
 height:26px;
 float:left;
 }
 .logo{
 width:100px;
 height:26px;
 float:left;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:26px;
 font-weight:bold;
 letter-spacing:-1px;
 }
 .website{
 width:112px;
 height:26px;
 float:left;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 line-height:26px;
  font-weight:bold;
   letter-spacing:-1px;
 } 
  .read{
 width:223px;
 height:25px;
 float:left;
 text-align:right;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 padding-top:12px; 
 font-weight:bold;
 padding-right:12px;
  letter-spacing:-1px;
 }
   #develop a{color:#FFFFFF;
  text-decoration:none;
  }
   #develop a:hover{color:#FFFFFF;
  text-decoration:underline;
  } 
  
     .gridnews
     {
     	
     	margin-left:20px;
     }