body{
margin:0 auto; /* for the rest */
width: 100%;
background: #004;
font-family:arial,Verdana,sans-serif;
font-size: 14px;
}
h1{ font-size: 20px; color:#00447c;}
h2.sb{ font-size: 20px; color:#050; margin-top: 40px;}
h2{ font-size: 17px;}
#centerbox{
 margin:0 auto;
 width: 1000px;
 background:#fff  url('c -box5.jpg') repeat-y 0% 0%;

 }

#top{
 
 height: 100%; /*Height of top section*/
 width: 100%;
  } 

 #icon-right{
 float: left;
 margin:20px 0 0 5px;
 
 width: 176px;
 height: 70px;
  background:  url('gsta-icon.jpg') no-repeat 0% 0%;
 }

 #contentwrapper{
 float: left;
 width: 100%;
 height:250px;
 margin:0 0 20px 0;
 border-bottom:0px solid #c00;
 
 }
 #contentwrapper2{
 float: left;
 width: 100%;
 height:250px;
 margin:0 0 20px 0;
 border-bottom:1px solid #c00;
 
 }

 #content{
  margin: 0 0px 30px 515px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  padding: 0px;
 
  height:440px;
   }
 html>body#content{
  margin: 0 0px 30px 505px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  padding: 10px;
  
  
  }
 #content p{
 padding: 20px;
 color: #777;
 margin:10px 0 0px 20px;
 }
 #content strong{color:#00447c;}
 #content strong{color:#a00;}
#content h3{ 
font-size:17px;
color:#fff;
border:#fff 1px solid;
padding: 5px;
display:inline;
}

#content hr {color:#fff;}
#content h2 
{
font-size: 16px;
color: #444;
}
#next,#back{

background: #fff;
border: 1px solid #bbb;
height: 20px;
width: 60px;
}
#next a:link,#next a:visited, #back a:link,#back a:visited{
color:#b00;
}
#navig_img{
background: #c00;
margin-top: 2px;
}
#nex-link{
margin-top:5px;
font-size:15px;color:#300;
}
#content a.right{
float:right;
color:#a00;
padding: 5px;
margin-top: -20px;
}
html>body  #content a.right{
float:right;
color:#a00;
padding: 5px;
}
 #content a.left{
float:left;
color:#a00;
padding: 5px;
}
img#temp {
width:150px;
height:100px;
border: 0;
}
img#temp a:hover {
width:300px;
height:250px;
}
 #leftColumn{
 float: left;
 width: 480px; margin-bottom:50px;
 margin-left: -1000px;
  }
 html>body #leftColumn{
 float: left;
 width: 500px; 
 margin-left: -1000px;
 
 
 }
 #leftColumn h1{
 margin-left:10px;
 width: 300px;
 color:#999; 
 font-family:arial;
 }
 #rightColumn{
float: left;
width: 250px; 
margin-left: -250px;
}
#content0{
  padding: 0px 0 0 0;
  float: left;
  margin: 1px;
  width: 996px;
  height:240px;
  background:  url('be-box_02.jpg') repeat-x 0% 0%;
  
 }
 #content0-inner{
  margin: 0 333px 0 333px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  padding: 10px;
  
 }
html>body #content0-inner{
  margin: 0px 333px 0 333px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  padding-top:30px;
  
 }
 #content0-inner p{
 color:#070;
 }
 #leftColumn0{
 margin: 0px 0 0 0;
 float: left;
 width: 310px; 
 margin-left: -985px;
 
 padding: 30px 0 0 30px;
  }
  #leftColumn0 ul {
margin: 0 0 0 0;
}
  #leftColumn0 ul li{
color: #900;
list-style: none;
}
#leftColumn0 ul li a:link, #rightColumn0 ul li a:visited{color: #fff;}
#rightColumn0{
margin: 0px 0 0 0;
float: left;
width: 310px; 
margin-left: -330px;
padding: 30px 0 0 10px;

} 
#rightColumn0 ul {
margin: 0 0 0 0;
}
#rightColumn0 ul li{
color: #fff;
list-style: none;
}
#rightColumn0 ul li a:link, #rightColumn0 ul li a:visited{color: #fff;}
#footer{
width: 1000px;
color: #ddd;
text-align: left;

padding: 0px 0;
font-size: 11px;
margin-right: 0px;
background: url('f-b1.jpg') no-repeat 0% 0%; 
height: 42px;
}
#footer p{margin: 0px 0px; padding: 10px;}
html>body  #footer{
clear: left;
width: 1000px;
color: #ddd;
text-align: left;

padding: 0px 0;
font-size: 11px;
margin-right: 0px;
background: url('f-b1.jpg') no-repeat 0% 0%; 
height: 42px;
}

html>body  #footer p{margin: 15px 30px; padding: 10px;}


#logo {
float: left;

width: 1000px;
height: 134px;

background:url('images/head3_03.jpg') no-repeat 0 0;
margin-top: 0px;
margin-bottom: 3px;
}

#logo h1{ margin-top: 60px;}

#menu-bar{
float: left;
margin-top:0px;
background: url('m-t3.jpg') no-repeat 0% 0%; 
 width:1000px;
 height:55px;
 padding-top: 5px;
 }
 

html>body  #menu-bar{
float:left;

 margin-top: 0px;
 width:1000px;
 height:55px;
 padding-top: 2px;
 padding-bottom: 3px;
 background: url('m-t3.jpg') no-repeat 0% 0%; 
 }
 
 
  /* j-query   */

 #menu-top {
 float:left;
 width:970px;
 margin-left: 5px;
 height:28px;
 margin-top:0px;
 position: relative;
 font-family:arial, sans-serif;
 padding-top:5px;
 padding-left: 4px;
 
 }
 

html>body #menu-top {
 float:left;
 width:970px;
 margin-left: 12px;
 height:30px;
 position: relative;
 padding-left: 0px;
 padding-right: 3px;
 padding-top: 5px;
 border-top:0px solid #cccccc;
 border-bottom:0px solid #cccccc;
 font-family:arial, sans-serif;
 margin-top: 0px;
 
  }  
  
a{ text-decoration: none; }

html>body  ul{
margin-left:0px; 
margin-top: 2px; 
list-style: none; 
padding-top:0px; 
padding-left:6px;
} 

#menu-bar #menu-top ul.dropdown 
                        { 
			position:relative;
			padding-top:0px;
			}
#menu-top ul.dropdown li
                      { 
		  font-weight: normal;
		 
		  float: left; 
		  font-size: 14px;
		  padding-top:0px;
          margin-left: 1px; 
 font-family:Verdana;
		  
		  }
#menu-top ul.dropdown a:hover	{ color: #eeeeee; font-size: 13px;}
#menu-top ul.dropdown a:active { color: #eeeeee; }
#menu-top ul.dropdown li a 
                   { 
		
		display: block; 
		padding: 4px 8px; 
		border-right: 0px solid #333;
	    color: #eeeeee;
		font-weight: bold;
		font-size: 13px;
		}
/*#menu-top ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#menu-top ul.dropdown li.hover,
#menu-top ul.dropdown li:hover                { background: url('list-bg-rc2.gif') no-repeat 0 0;  ; color: black; position: relative; }
#menu-top ul.dropdown li.hover a              { color: #ffffff; }


/*
	LEVEL TWO
*/
 #menu-top ul.dropdown ul 
 {
 width: 130px;
 visibility: hidden; 
 position: absolute;
 margin-top:0px; 
 margin-left: 0px; 
 background: #bbbbbb;
 border:#666666 1px solid;
 
 }


 #menu-top ul.dropdown ul li 
  {
 font-weight: normal; 
 background: url('list-bg-rc.gif') no-repeat 0 0;
 color: #000;
 border-bottom: 0px solid #ccc; 
 float: left; 
 }

                                    /* IE 6 & 7 Needs Inline Block */
#menu-top ul.dropdown ul li a{ 
 border-right: none;
 
 display: inline-block;
 color: #222222;
 }



/*
	LEVEL ONE
*/
html>body  ul #menu-top ul.dropdown                         { position: relative; }
html>body  ul #menu-top ul.dropdown li                      {  font-weight: normal;width:100%; float: left;  background: url('list-bg-rc.gif') no-repeat 0 0;  }
html>body  ul #menu-top ul.dropdown a:hover		            { color: #ffffff; }
html>body  ul #menu-top ul.dropdown a:active                { color: #ffffff; }
html>body  ul #menu-top ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 0px solid #333;
	 								  
                                            color: #eeeeee;
		font-weight: bold;
		font-size: 13px;


									  }
html>body  ul #menu-top ul.dropdown li .last-child a         { border-right: none; } /* Doesn't work in IE */
html>body  ul #menu-top ul.dropdown li:hover,
html>body  ul #menu-top ul.dropdown li:hover                { background: url('list-bg-rc2.gif') no-repeat 0 0;  ; color: black; position: relative; }
html>body  ul #menu-top ul.dropdown li.hover a              { color: #ffffff; }


/*LEVEL TWO*/
html>body #menu-top ul.dropdown ul 
 {
 float:left;
 width: 130px;
 visibility: hidden; 
 position: absolute;
 margin-top:0px;
 padding-left: 0px; 
 margin-left: 0px; 
 background: #888888;
 border:#aaaaaa 1px solid;
 
 }
 
html>body  #menu-top ul.dropdown ul li
 {
 font-weight: normal;
 background: #555555 url('list-bg-rc.gif') no-repeat 0 0;
 color: #222222;
 border-bottom: 0px solid #ccc;
 float: left;
 margin-left:0px;
 
 
 }

                                    /* IE 6 & 7 Needs Inline Block */
html>body  #menu-top ul.dropdown ul li a
 {
 border-right: none; 
 
  color: #222222;
 }

 /*content */
  .boxul{


		font-size:14px;
        width :100%;  
		margin-top:5px;
		margin-bottom:8px;
		margin-left: -10px;
		padding: 0px;
		font-weight:normal;
		
		}
	ul  .li st{
        list-style-image: url('errow3re.png')

   }
 
html>body  .boxul{


		font-size:14px;
        width :100%;  
		margin-top:5px;
		margin-bottom:8px;
		margin-left:5px;
		padding: 0px;
		font-weight:normal;
		
		}
html>body  .boxul	ul  .list{
        list-style-image: url('errow3re.png');
		margin-top: 5px;
       }
 .boxul	ul.list li .list{margin-top: 3px;}
/* BOX3   */



 .border-box3 {
 float: left;
 margin:0 0 0 1px;
 padding-top:0px;
 margin-left: 0px;
 height: 100%;
 width: 170px;
 color: #666666;
 font-family:arial,Verdana,sans-serif;
 font-weight:normal;
 font-size: 12px;
 position:relative;
 border:#ccc 0px solid;
 
 }

 html>body .border-box3 {
 float: left;
 margin:0 0 0 1px;
 padding-top:0px;
 padding-left: 0px;
 color: #666666;
 font-family:arial,Verdana,sans-serif;
 width: 170px;
 height: 100%;
 position:relative;
 border:#ccc 0px solid;
 
 }
#leftColumn h3{
 background:#c00;/* url('box-bot_03e.jpg') repeat-x 0 0;*/
 height:29px;
 width: 72px;
 }
 
 .border-box3 h1{
 float:left;
 margin: 0 0;
 padding-top:10px;
 padding-left:10px;
 width: 160px;
 height: 27px;
 font-size: 15px;
 background: url('b- top.jpg') repeat-x 0 0;
 color: #555555;
 }
 .border-box3 h5{
 float:left;
 margin: -11px 0;
 padding-left:0px;
 width: 172px;
 height: 29px;
 font-size: 15px;
 background: url('e3.jpg') no-repeat 0 0;
 color: #555555;
 }
 .border-box3 h6{
 float:left;
 margin: 11px 0 1px 0px;
 padding-left:0px;
 width: 170px;
 height: 29px;
 font-size: 15px;
 background: url('e4.jpg') no-repeat 0 100%;
 color: #555555;
 }
 html>body .border-box3 h6{
 float:left;
 margin: 11px 0 12px 0px;
 padding-left:0px;
 width: 170px;
 height: 29px;
 font-size: 15px;
 background: url('e4.jpg') no-repeat 0 100%;
 color: #555555;
 }
 html>body .border-box3  h1{
 float:left;
 margin-left: 0px;
 margin: -10px 0 -10px 0;
 color: #555555;
 padding-top:15px;
 padding-left:15px;
 height: 30px;
 width: 155px;
 font-size: 15px;
 background: url('b- top.jpg') repeat-x 0 0;
 }

 .border-box3 .tx{
 float:left;
 background:  url('left-m-2ec.gif') repeat-y  0 0;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 width: 100%;
 padding-bottom: 20px;
  }
 html>body .border-box3 .tx{
 float:left;
 background: url('left-m-2ec.gif') repeat-y  0 0;
 margin: 0 0;
 margin-top: 0px;
 width: 100%;
  }

 .border-box3 h2{
 float:left;
 margin:0px 0px 0px -2px;
 padding: 5px;
 height: 12px;
 width: 172px;
 background: url('r-col-bee.jpg') no-repeat 0% 0%;
 }
 html>body .border-box3 h2{
 float: left;
 margin: 10px 0 0 0;
 padding: 5px;
 height: 12px;
 width: 170px;
 background: url('r-col-bee.jpg') no-repeat 0 0;
 }
 .border-box3 .pad2{
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
 
  }

 .border-box3 .pad2 h3 {
 background:  url('r-menu-h.jpg') no-repeat 0 0;
 height: 26px;
 margin-left: 10px;
 color:#ffffff;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 10px;
 padding:5px 0px; 
 }

/*left menu  */
.pad  ul{float:left;width:170px;border-top: 1px #ccc solid;margin-left:0px;}
.pad  ul li{width:170px;margin-left: 0px; background: #dfdfdf;margin-top: 1px; color: #555}
.pad  ul li a:link,.pad2 ul li a:visited{ color: #555; margin-left: 10px; }

html>body .pad2 ul{position:relative;float:left; width:170px;border-top: 1px #ccc solid; margin-left: 0px;padding-left: 0px;}
html>body .pad2 ul li{float:left; width:170px;margin-left: 0px; background: #fff;margin-top: 1px; color: #555}
html>body .pad2 ul li a:link,.pad2 ul li a:visited{ color: #555; padding-left: 10px; }


/* BOX4   */
 #tu{margin:0px 0px; background:#555 url('bute.jpg') no-repeat 0% 0%; width: 172px; height: 35px;}
 html>body#tu{margin:0px 0px; background:#eee url('bute.jpg') no-repeat 0% 0%; width: 172px; height: 35px;}
 .serve-bg {
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	width: 160px;
	height: 40px;
	margin-bottom: 0px;
	background: url('smal-bg.jpg') no-repeat 0 0;
	padding-top: 12px;
	padding-left: 5px;
	font-weight: bold;
	color: #555555;
}
.border-box4 {
 float: left;
 margin:0 0 0 0px;
 padding-top:0px;
 padding-left: 0px;
 height: 100%;
 width: 170px;
 color: #666666;
 font-family:arial,Verdana,sans-serif;
 font-weight:normal;
 font-size: 12px;
 position:relative;
 border:#ccc 0px solid;
 }

 html>body .border-box4 {
 float: left;
 margin:0px 0px 0px 0px;
 padding-top:0px;
 padding-left: 0px;
 color: #666666;
 font-family:arial,Verdana,sans-serif;
 width: 173px;
 height: 100%;
 position:relative;
 border:#ccc 0px solid;
 
 }

 .border-box4 h1{
 float:left;
 margin: 0 0;
 padding-top:15px;
 padding-left:25px;
 width: 155px;
 height: 40px;
 font-size: 15px;
 background: url('b-top.jpg') repeat-x 0 0;
 color: #555555;
 }
 html>body .border-box4  h1{
 float:left;
 margin-left: 0px;
 margin-top: 1px;
 color: #555555;
 padding-top:15px;
 padding-left:25px;
 height: 30px;
 width: 159px;
 font-size: 15px;
 background: url('b-top.jpg') repeat-x 0 0;
 }

 .border-box4 .tx4{
 float:left;
 background:  url('left-m-2ec.gif') repeat-y  0 0;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 width: 100%;
 padding-bottom: 20px;
 }
 html>body .border-box4 .tx4{
 float:left;
 background: url('left-m-2ec.gif') repeat-y  0 0;
 margin: 0 0;
 margin-top: 0px;
 width: 100%;
 }

 .border-box4 h2{
 float:left;
 margin:0px 0px 0px -2px;
 padding: 5px;
 height: 12px;
 width: 142px;
 background: url('r-col-bee.jpg') no-repeat 0% 0%;
 }
 html>body .border-box4 h2{
 float: left;
 margin: 10px 0 0 0;
 padding: 5px;
 height: 12px;
 width: 170px;
 background: url('r-col-bee.jpg') no-repeat 0 0;
 }
 .border-box4 #leftColumn{
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
  }

 .border-box4 #leftColumn h3 {
 background:  url('r-menu-h.jpg') no-repeat 0 0;
 height: 26px;
 margin-left: 2px;
 color:#ffffff;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 10px;
 padding:5px 0px; 
 }

/*left menu  */

#leftColumn ul{float:left;width:284px;border-top: 0px #ccc solid;margin-left:30px;}
#leftColumn ul li{width:184px;margin-left: 0px; background: #dfdfdf;margin-top: 1px; color: #555}
#leftColumn ul li a:link,#leftColumn ul li a:visited{ color: #555; margin-left: 5px; }
#leftColumn  ul li .wh{background: #fff; width: 184px; height: 50px;}

html>body  #leftColumn ul{position:relative;float:left; width:284px;border-top: 0px #ccc solid; margin-left: 0px;padding-left: 30px;}
html>body #leftColumn ul li{float:left; width:284px;margin-left: 0px; background: #fff;margin-top: 1px; color: #BA5D0F;font-size: 12px; padding:2px;}
html>body  #leftColumn ul li a:link,#leftColumn ul li a:visited{ color: #BA5D0F; padding-left: 5px; text-decoration: underline;}
html>body  #leftColumn ul li .wh{background: #fff; width: 200px;}

/*form */

.error{
margin:10px 0 0 150px;
color: #a00;
font-family: arial;
font-size: 11px;
}
 .f-f { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	margin:10px auto 0 auto; 
	width: 540px; 
	margin-top: 20px;
	margin-bottom: 50px;
	
    }
 .f-f .box05	{ 
	margin-top:15px;
	padding:0px 0 15px 6px; 
	border:1px solid #acadad; 
	border-left-color:#ececec; 
	border-top-color:#ececec; 
	height: 300px;
	width: 100%;
   }
  .f-f .box05 p{
  padding-left: 20px;
 margin: 2px 0 15px 0px;
 font:italic 15px Helvetica;
 color: #555555;
 background: #eeeeee;
 }
 .smalltxt{
margin-left: 5px;
}

.f-f legend { 
	margin-top:0;
	padding:5px 2px;
	font:italic 15px Helvetica;
	color:#555555;
}

 
 ol.f-ol { 
	margin:0; 
	padding:0;
  }

 ol.f-ol li	{
	background:none; 
	margin:5px 0;
	padding:0; 
	list-style:none; 
	text-align:left;
	line-height:25px;
  }
  ol.f-ol li.textonly {
	background:#f4f4f4;
	letter-spacing:2px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:center;
}



.f-f label {
	width:140px; 
	margin:4px 10px 0 0; 
 /*	display:-moz-inline-box; mozilla*/
	display:inline-block; /* Opera & IE*/
	text-align:right;
	vertical-align:top;
}

.f-f label span {
	width:90px; /* same as above f-f lable*/
	display:block; 
}

.box04  {
display:inline;
padding: 0!important;
margin-bottom:20px ;
	
}

/*extra */

.f-f .radio1{
margin-top: 10px;
width: 15px;
background: #fff ;
border-left: solid #888 1px;
border-top: solid #888 1px;
border-right: solid #888 1px;
border-bottom: solid #888 1px;
} 
.f-f input,
.f-f textarea,
.f-f select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}
.f-f input:hover,
.f-f textarea:hover,
.f-f select:hover	{
	background:#f4f4f4; 
}

.f-f input:focus,
.f-f textarea:focus,
.f-f select:focus	{ 
	background:#f0f0f0; 
}


.f-f input {
	width:150px; 
}
.f-f input  #us{
	width:50px; 
}
.f-f textarea
{
	width:250px; 
}
.f-f radio {
width: 15px;

	
}




.f-f textarea {
	font-family: arial;
	font-size: 12px;
	overflow:auto;
}
.f-f submit{background: url('b-top.jpg') repeat-x 0 0;}


ul#tutorial li{
background: #ccc; 
font-family: Arial, Helvetica, sans-serif;
color: #c00;
font-weight: bold;
font-size: 14px;
}
ul#tutorial li a{

margin: 2px 0 0 20px;
color: #e77b10;
font-size: 12px;
text-decoration:underline;

}

ul#tutorial li a#download{

margin: 2px 0 0 20px;
color: #040;
font-size: 12px;
text-decoration:underline;

}

textarea#tutorial1{
   font-family: arial;
	font-size: 14px;
	overflow:auto;
	width: 500px;
	height: 400px;
	background:#eee;
  color: #c00;	
  
	}
	
#col_box{
width: 550px;
height: 200px;
background: #d8eff1;	
}


#co{background: #eee;
color: #a00;}

#bottom { 
clear:both;
padding: 30px 20px 20px 20px;
color:#00447e;
margin: 0 5px 5px 5px;
border:1px solid #00447e;
}
html>body #bottom { 
padding: 0 30px 20px 30px;
color:#00447e;
margin: 30px 5px 5px 5px;
border:1px solid #00447e;   
background: url('ima ges/bg1_03.jpg') repeat 0 0;
}
#bottom h2{
margin: 10px 0 0 0;
color: #a00;
}
#bottom-inner{
width: 100%;
margin:0 315px 0 0;
}
#bottom-right{

width: 300px;
background:#c00;
}






.ce_box{

margin: 10px 0px 0 10px;
width: 485px;
height: 100%;
padding-top: 0px;
background: url('bule-box1_03.jpg') no-repeat 0 0;
border:0px #ddd solid;
}
html>body .ce_box{

margin: 10px 0px 0 10px;
padding-top: 0px;
background: url('bule-box1_03.jpg') no-repeat 0 0;
}
.flash{margin: 0px 0 0 0px;}
.ce_box h4{
padding: 10px 0 0 235px;
color:#fff;
font-size:20px;
}
html>body .ce_box h4{
padding: 0px 0 0 235px;
color:#fff;
font-size:20px;
}

.ce_box  h2{
color: #a00;
background: #ddd;
width: 495px;
height: 20px;
margin: 10px 0 0 8px;
}
.ce_box  h2 a:link,.ce_box  h2 a:visited{
color:#a00;
}
.l_cost{
margin: 10px 50px 0 0;
width: 230px;
height: 166px;
padding-top: 2px;
background: url('images/low-cost1_03.jpg') no-repeat 0 0;
}
.s_bus{
margin: 10px 50px 0 0;
width: 271px;
height: 183px;
padding-top: 2px;
background: url('images/cmp2_03.jpg') no-repeat 0 0;
}
.web-appl_03{
clear:both;
margin-top: 45px;
width: 458px;
height: 172px;
padding-top: 45px;
background: url('images/album1ee_03.jpg') no-repeat 0 0;
}
html>body .web-appl_03{
margin-top: 45px ;
width: 462px;
height: 172px;
padding-top: 45px;
background: url('images/album1ee_03.jpg') no-repeat 0 0;
}
.web-appl_03 h1{
margin: 15px 0 0 15px;
 font-size: 20px;
 color: #fff;
 }
 .web-appl_03 h2{
margin: 20px 0 0 20px;
 font-size: 20px;
 color: #fff ;
 }
.web-appl_04{
margin: 0px 50px 0 10px;
width: 381px;
height: 207px;
padding-top: 2px;
background: url('images/txt-box_03.jpg') no-repeat 0 0;
} 
.web-appl_04 h2{
color:#400;
margin:5px 0 0 20px;
}
 
.web-appl_04{
margin: 0px 50px 0 10px;
width: 423px;
height: 222px;
padding-top: 2px;
background: url('images/book1_03.jpg') no-repeat 0 0;
}

.expand{
padding: 10px;
color: #500;
}
.expand h2{

color:#fec000;
}
.expand a:link,.expand a:visited{color:#c00;}
.expand a:hover{color:#aaa;}
#more_box{
width:100%;

} 

#contact{
margin: 0px 0px 0 210px;
background:#eee;
}
#commu{
background:#c00;
width: 200px;

margin-left:0px;
}


#top_container{
height:0;
float:left;
width: 100%;
background:#aaa;
}
#top_left{
padding:5px;
width: 450px;

}
#top_right{
margin: 0px 0px 0 500px;
padding-top: 2px;
padding:20px;
font-size:15px;
color:#555;

}

#pro_con{
margin:40px 0 0 5px;
 float: left;
 width: 485px;
 color:#fff;
 height:200px;
 border:0px solid #ccc;
  }
html>body #pro_con{
 float: left;
 width: 495px;
 color:#fff;
 }

 #product{
  margin: 0 0px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  padding: 0px;
  color: #999;
  width: 250px;
  border:0px solid #400;
  font-size:17px;
  font-weight:normal;
   }
html>body #product{
  margin: 0 0px 0 225px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  padding: 0px;
  color: #999;
 
 }
 #product h2{
 margin: 0 0 10px 0px !important;
 font-size: 20px;
 }
html>body #product h2{
font-size: 20px !important;
margin: 0 0 10px 0px !important;}
#product h5{
 margin:1px;
 color:#ba5d0f !important;
 }

  #contac{
 
 width: 240px; 
 height:100%;
 
  }
  #contac img{margin-bottom:20px;}

  #contac a:link, #contac a:visited{width:120px;float:left;margin: 0 50px; text-decoration:underline; color:#999; font-size:15px ; font-weight: normal;}
   html>body #contac{
 float: left;
 width: 235px; 
 height:100%;
 
 }
 #ldy{
margin:5px 20px;
}
htm>body#ldy{
margin:5px 60px;
}


#product ul{
width: 200px !important;
margin: 0px 20px;
padding: 0 !important;

}
html>body #product ul{
width: 200px !important;
margin: 5px 0px;
padding: 0 !important;

}
#product ul li{
margin-left: 0px !important;
width: 200px !important;
background:#fff !important;
color:#ba5d0f !important;
}



      p { position:relative; width:400px; height:90px; z-index:300;}
      #enhance { position:absolute; width:200px; height:350px; 
        font-size:36px; text-align:center; 
        color:yellow; 
        padding-top:25px; 
        top:0; left:0; display:none; }
        #temp {
		height: 200px; 
		width: 100px;
				}
		#big_pic {
		position: relative;
		margin: 10px 10px;
		border: #aaa solid 5px;
				}
    
	
	/*gallery */


.gallery_bg_top{
 background:#fff url('images/g_top_03.jpg') no-repeat 0% 0%;
 width: 789px;
 margin-left:0px; /* for the rest */
 height: 51px;
 float:left;
 margin-bottom: 0px;
 }
 
.gallery_bg_bottom{
 background:#fff url('images/g_bottom_07.jpg') no-repeat 0% 0%;
 width: 789px;
 margin-left:0px; /* for the rest */
 height: 51px;
 float:left;
 margin-top: 0px;
 } 

.gallery_bg{
 background:#fff url('images/g_center_05.jpg') repeat-y 0% 0%;
 padding-top: 2px;
 width: 789px;
 margin-left:0px; /* for the rest */
 border: 0px solid #aaa;
 height: 100%;
 float:left;
 margin-bottom: 0px;
 }
 
html>body .gallery_bg{
float:left;
background:#fff url('images/g_center_05.jpg') repeat-y 0% 0%;
 padding-top: 2px;
 height: 100%;
 width: 789px;
 margin-left:0px;
 margin-bottom: 0px;
 
 }
 .gallery_bg h1{
 margin-top: 5px;
 font-size: 18px;
 margin-left: 600px;
 margin-bottom: -25px;

 color: #ffffff;
 }


 #gallery {
 float:left;
margin-left:5px; /* for the rest */
background:#fff;
width: 760px;
border: 0px solid #ddd;
}
html>body  #gallery {
margin-top: 0px;
float:left;
background:#fff;
width: 760px;
border: 0px solid #ddd;
margin-left: 15px;
}
.picfra {
background: #fff;
float:left;
width:175px;
height:100%;
margin:5px 0px;
margin-bottom:0px;

}
html>body .picfra {
background:#fff ;
float:left;
margin: 5px 1px;
width:177px;
height:100%;
}

.picfraTitletop{font-size: 11px; padding-left: 5px;}
                                /*title*/
.picfraImage {
float:left;
margin-top: 8px;
margin-left: 3px;
margin-bottom:10px;
border: #aaa 0px solid;

background: #fff;

}
html>body .picfraImage {   /* this code is for only image */
float:left;
margin-top: 8px;
margin-left: 6px;
margin-bottom:5px;
background: #fff;
border: #aaa 0px solid;
}
.picfraImage img {
float:left;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 10px;
background: #fff;   /*overlap picfram Image */
border-right: #aaa 0px solid;
border-bottom: #aaa 0px solid;
border:0;
}

html>body .picfraImage img {
float:left;
margin-top: 10px;
margin-left: 5px;
background: #fff;   /*overlap picfram Image */
border-right: #aaa 0px solid;
border-bottom: #aaa 0px solid;

}
.picfraTitle {
float:left;
color:#999;
font-size: 11px;
margin-left: 5px;
padding:2px 0 0 0;
text-align:center;
width:150px;
height: 35px;
background: #fff;
border:1px solid #eee;
}
.picfraTitle a:link,.picfraTitle a:visited{color: #555;}
html>body .picfraTitle {
float:left;
color:#999;
margin-top: 5px;
margin-left: 10px;
font-size: 11px;
padding:3px;
width:150px;
height: 35px;
text-align:left;
background: #fff;

}
.picfr aTitle a{
color:#000000;
font-size: 13px;

padding:0px;

width:120px;

}

 #gallery .gallery_fotter{ 
display: inline;
margin-top: 590px;
height: 50px;
width: 708px;
 background: #eeeeee;
 } 
#gallery .gallery_back{
position:relative;
margin-top: 20px;
float:left; display: inline; margin-top: 20px;  background: #ffffff; width: 50px; border-right: #666666 solid 1px; margin-left: 50px;}
 
#gallery .gallery_text{

float:left;  display: inline;
 margin-top: 20px;  background: #ffffff; width: 200px; border-right: #666666 solid 1px; margin-left: 50px;}

#gallery .gallery_next{

float:left;  display: inline;
 margin-top: 20px;  background: #ffffff; width: 50px; border-right: #666666 solid 1px; margin-left: 50px;}
.gallery_back  a:link, .gallery_back  a:visited { color:#555555; font-weight: bold; text-decoration:none; }
.gallery_next  a:link, .gallery_next  a:visited { color:#555555; font-weight: bold; text-decoration:none; }

#next_page{
margin: 5px 2px;
color:#999;
}
#next_page a:link,#next_page a:visited{
font-weight:bold;
color:#999;
}


#link_partner{
padding:5px;
margin:5px 0 5px 20px;
border:#aaa 1px solid;
width: 300px;
color:#555;
}
#link_partner a:link, #link_partner a:visited{ color:#500;text-decoration:underline !important;}
#cover_add_this{
float:left;
margin:0;
height:200px;
width:200px;
border:0px solid #000;
}
#add_this{
margin:5px 0 5px 20px;
}



#seotext{
 float: left;
 margin:120px 0 0 0px;
 
 width: 1000px;
 height: 20px;
  background:  url('bottom-head_03.jpg') no-repeat 0% 0%;
 }
 
 #seotext1{
 float: left;
 margin:-5px 0 0 8px;
 
 width: 980px;
 height: 200px;
  background:#fff;
 }
 
 #seotext2{
 float: left;
 margin:0px 0 0 0px;
 
 width: 1000px;
 height: 20px;
  background:  url('bottom-bot_06.jpg') no-repeat 0% 0%;
 }
 #after_foot{clear:both;margin-top:250px;padding:0px 0 200px 0;width:100%;height:100%; background: #eee url(after-foot_03.png) repeat-x; font: normal 11px/18px Arial, Helvetica, sans-serif;}
 #after_foot p{
 width:100%;
 height:100%;
 font-size:15px;
 margin:5px 0 20px 0px;
 }
 #pad{padding-top:140px;
 width:1000px;
 margin:0 auto;
 }