html, body {
	margin: 0px;
	padding: 0px;
}


#wrap{
width:100%;
}

#main{
width:990px}
/* UNIVERSAL CSS ENDS */


/* banner CSS start */
#banner{ width:990px;
 margin:0px ; 
 padding:0px; 
/* height:244px;
*/ background-image:url(../images/mid-bg.jpg)}

/* banner_new css*/
#banner_new{ width:200px;
 margin:0px ; 
 padding:0px; 
/* height:244px;
*/ background-image:url(../images/mid-bg.jpg)
float:none;
margin-left:70px;
}

/*\*/
html*#banner_new{
margin-left:-210px;
}
/*\*/
 
 #banner .mid-banner1{
 width:328px;
 float:left;
 text-align:left;
 border-right:1px #CCCCCC solid;
 margin:4px 0px 4px 0px;
 height:236px}
 
  #banner .mid-banner1 h1{ 
  margin:0px;
  padding:10px 0px 9px 12px;
  font-family:"Arial Black";
  font-size:16px;
  color:#1e508d;
  font-weight:normal
   } 
   #banner .arrow{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#4c4c4c;
  list-style-image: url(../images/arrow1.png);
    }
#banner_new.arrow{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#4c4c4c;
  list-style-image: url(../images/arrow1.png);	 
 
  #banner .mid-banner2{
 width:389px;
 float:left;
  margin:4px 0px 4px 0px;}
 

 
 
/* banner CSS end */



/* Why Magnon CSS STARTS */
#Why {
	height: 229px;
	width: 358px;
	border:0px solid #d5eafb;
}
#Why h1 {
	color: #209A9B;
	font-size: 20px;
	padding: 8px 0px;
	font-weight:normal;
}
.dhtmlgoodies_question {	/* Styling question */
	color:#ffffff;
	font-size:14px;
	width:100%;
	height:30px;
	overflow:hidden;
	cursor:pointer;
	background: url(../images/SlideOpen.jpg) no-repeat left top;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px
	
}
.dhtmlgoodies_answer {	/* Parent box of slide down content */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content {	/* Content that is slided down */
	font-size: 12px;
	position:relative;
	height:145px;
	width:349px;
	color: #404040;
	text-decoration: none;
	overflow:hidden;
	line-height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:10px;
}

.dhtmlgoodies_answer_content a {	
	font-size: 12px;
	color: #209A9B;
	text-decoration: none;
	line-height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.dhtmlgoodies_answer_content a:hover {	/* Content that is slided down */
	font-size: 12px;
	color: #404040;
	text-decoration: underline;
	line-height: 17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
/* Why Magnon CSS ENDS */



 #banner .mid-banner3{
	 width:270px;
	 float: right; background-image:url(../images/bg-cource.png);
	 background-repeat:no-repeat;
	 margin:4px 0px 4px 0px;
	 height:236px;
	
 }
 


#banner .mid-banner3 strong{
font-size:17px;

}

#banner .mid-banner3 span{

font-size:12px;
color:#ea6f21;
font-weight:bold}


<!--#banner .mid-banner3 .price{float:left; padding:6px 0px 0px 0px;}-->


/*#banner .mid-banner3 .button{float:right;padding:6px 0px 0px 0px}
*/
#banner .mid-banner3 .text{	width:239px; padding:6px 0px 0px 0px}

#banner .mid-banner3 .content{
    font-size:11px;
    color: #4c4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    width:245px;
	height:79px;
	text-align:left}
	
#banner .mid-banner3 .content .price{float:left; padding:4px 0px 0px 0px; margin:0px 6px 0px 0px }	
#banner .mid-banner3 .content .button{float:right;padding:4px 0px 0px 0px}	
	
#banner .mid-banner3 .content span {font-size:22px;
color:#ea6f21;
font-weight:bold}

#banner .mid-banner3 .content2{
    font-size:11px;
    color: #4c4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    width:245px;
	text-align:left;
	margin:7px 0px 16px 0px}
	
#banner .mid-banner3 .content2 .price{float:left; padding:6px 0px 0px 0px; width:160px; text-align:right}
#banner .mid-banner3 .content2 .button{float:right;padding:4px 0px 0px 0px}
	
#banner .mid-banner3 .content3{
    font-size:11px;
    color: #4c4c4c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    width:245px;
	text-align:left;}
#banner .mid-banner3 .content3 .price{float:left; padding:6px 0px 0px 0px; width:160px; text-align:right}	
#banner .mid-banner3 .content3 .button{float:right;padding:4px 0px 0px 0px}