/* CSS Reset start */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0; /*vertical-align:baseline;*/ background:transparent;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
img { border:none; margin:0; padding:0; }
.strong {font-weight:bold;}
a { text-decoration:none; color:#444647; }
a:hover { text-decoration:none; }
table {border-collapse:collapse;border-spacing:0;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear{ clear:both;}
.center{text-align:center;}
*{outline:none;}
.txt_left{float:left;}

/***************************************************
these tags below have to be declared as block level elements
for browsers to render them (E.g - bloody IE!)
****************************************************/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,progress {
	display: block; padding:0; margin:0;
}

body{font:14px Calibri, Georgia, "Times New Roman", Times, serif; color:#666666;}
#outer_wrapper{width:981px; margin:0 auto;}
#outer_wrapper.index{background:url(../images/bg.jpg) no-repeat center top;padding-top:313px;/*color:#4d4d4d;*/}
#outer_wrapper.index .header{background-color:#d21245;text-align:center;color:#fff;line-height:68px;font-size:24px;}
#outer_wrapper.index .mid_container{border:1px solid #b2b2b2;border-top:none;float:left;width:979px;background-color:#FFF;}
#outer_wrapper.index .mid_container .lft_container{}
#outer_wrapper.index .mid_container ul{border-right:1px solid #b2b2b2;float:left;padding:20px 10px;height:390px;font-size:15px;}
#outer_wrapper.index .mid_container ul ul{border:none;padding:0;}
#outer_wrapper.index .mid_container li.head{color:#d21245}
#outer_wrapper.index .mid_container li{width:123px;}
#outer_wrapper.index .mid_container .video{/*width:242px;*/width:215px;float:right;padding:22px 19px;}
#outer_wrapper.index .mid_container .video .note{font-size:11px;}
.lft{float:left;}

#footer{clear:both; padding:10px 0; color:#666666; font-size:12px;text-transform:uppercase;}
#footer a{margin:0 2px;color:#666666;}
#footer a.link_1st{margin-left:10px;}