#ins { float: left; margin: 0; padding: 20px 0; position: relative; }

#ins dd { margin: 0; padding: 0 0 10px 0; }
#ins dd span { display: block; width: 299px; }

#ins dt, #infobox { background: url(../images/box/sides_m.gif) 0 0 repeat-y; display: none; float: right; padding: 13px 13px 20px 13px; position: relative; width: 199px; }
#ins dt .top, #infobox .top { background: url(../images/box/top_m.gif) 0 0 no-repeat; height: 13px; left: 0; position: absolute; top: 0; width: 225px; }
#ins dt .bottom, #infobox .bottom { background: url(../images/box/bottom_m.gif) 0 0 no-repeat; bottom: 0; height: 20px; left: 0; overflow: hidden; position: absolute; width: 225px; }

#ins dt span, #infobox span { display: block; }
#ins dt .title, #infobox .title { font-size: 12px; line-height: 14px; margin: 0; padding: 0; }
#ins dt .subtitle, #infobox .subtitle { font-weight: bold; line-height: 12px; padding-bottom: 5px; }
#ins dt .phone, #infobox .phone{ font-weight: bold; padding-bottom: 5px; }
#ins dt .close { padding-top: 3px; text-align: right; }
#ins dt .close a { color: #003; text-decoration: none; }
#ins dt .close a:hover { color: #036; }

#infobox { display: block; float: none; margin: 0 auto; }
#infobox .title { color: #69c; font-familiy: Arial, Helvetica, sans-serif; padding: 0 0 5px 0; text-transform: uppercase; }

#vcenter {
    display: table; /* standards browsers only */
    height: 100%; /*400px; /* whatever height you need for the containing wrapper */
    #position: relative; /* IE only */
    overflow: hidden;
	width: 100%;
}
#vcenter .center {
	display: block;
	margin: 0 auto;
}
#vcenter .content {
    display: table-cell;  /* standards browsers only */
    #position: absolute;
    #top: 50%;
    vertical-align: middle;
}
#vcenter .wrapper {
    #position: relative;
    #top: -50%;
}