.middle					{ margin: 0px; padding: 0px; min-height:500px;}
.middle h2				{ margin: 0px; padding: 10px 0px; font-size:16px; color:#333333;}
.middle-content-left	{ margin: 0px; padding: 0px; float: left; width: 620px;}
.middle-content			{ margin: 0px; padding: 10px 40px 10px 30px;}
.middle-content h2		{ margin: 0px; padding: 10px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 18px; color:#ff5400; font-weight: normal;}
.middle-content-title-line	{ margin: 0px; padding: 0px; background:url(../images/mid-line.png) repeat-x; height: 2px;}

.middle-content-midline	{ margin: 0px; padding: 0px; float: left; width: 5px;}
.middle-content-midline-line	{ margin: 40px 0 0 0; padding: 0px; background:url(../images/mid-line-vertical.png) repeat-y; width: 2px; height:500px;}

.middle-content-right	{ margin: 0px; padding: 0px; float: right; width: 250px;}
.middle-content-text	{ margin: 0px; /*padding: 10px 30px 10px 10px;*/}
.middle-content-text h2	{ margin: 0px; padding: 10px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 18px; color:#ff5400; font-weight: normal;}
.our-product-javascript {
margin: 0px 0 0 40px;
}
.wrap {
float:left;
clear:both;
width:250px;
/*margin-bottom:35px;*/
}
.notes_img {
position:relative;
float:left;
clear:both;
width:200px;
height:200px;
}
img						{ border: 0px;}

.note {
position:absolute;
top:0;
left:0;
padding:10px;
background:#fff;
border:1px solid #D8D8D8;
width:200px;
}