@import "reset.css";
@import "960.css";
@import "text.css";

body { background: #3C71E8 url(../images/bg.png) repeat-x top center; }
a:link, a:visited { color: #3C71E8; text-decoration: underline; }
a:hover { text-decoration: none; }
#layout { width: 960px; margin: auto; }

#hdr { position: relative; background: url(../images/hdr_img.png) no-repeat top left; height: 390px; }
#hdr_img { margin-top: 43px; }
#home_btn { position: absolute; top: 20px; left: 0px; }

#main { background: url(../images/trans_bg.jpg) no-repeat top center; margin: auto; }
#trans { padding: 20px 20px 12px 20px; }
.tag1 { float: center; margin:0 auto;text-align: center; }
.mock_btn { float: right; margin-right: 20px; margin-top: -1px; }
.flt_lft { float: left; }
.flt_rgt { float: right; }

.mod_620g { background: url(../images/mod_620g_bg.gif) repeat-y top center; width: 620px; }
.mod_620g .cntnr { background: url(../images/mod_620g_top.png) no-repeat top center; overflow: auto; }
.mod_620g .cntnt { padding: 12px 20px; }
.mod_620g_btm { background: url(../images/mod_620g_btm.png) no-repeat top center; width: 620px; height: 8px; }

.mod_620 { background: url(../images/mod_620_bg.gif) repeat-y top center; width: 620px; }
.mod_620_top { background: url(../images/mod_620_top.gif) no-repeat top center; width: 620px; height: 8px; }
.mod_620 .cntnt { padding: 12px 30px; }
.mod_620_btm { background: url(../images/mod_620_btm.gif) no-repeat top center; width: 620px; height: 8px; }

.mod_300g { background: url(../images/mod_300g_bg.gif) repeat-y top center; width: 300px; }
.mod_300g_top { background: url(../images/mod_300g_top.gif) no-repeat top center; width: 300px; height: 7px; }
.mod_300g .cntnr { position: relative; background: url(../images/mod_300g_btm.png) no-repeat bottom center; height: 106px; }
.mod_300g .cntnt { padding: 13px 20px 20px 20px; }
.mod_300g .ico { position: absolute; top: 20px; left: 20px; }
.mod_300g .tag { position: absolute; top: 24px; left: 124px; }
.mod_300g .txt { position: absolute; top: 48px; left: 124px; width: 158px; }

.mod_300 { background: url(../images/mod_300_bg.gif) repeat-y top center; width: 300px; }
.mod_300_top { background: url(../images/mod_300_top.gif) no-repeat top center; width: 300px; height: 8px; }
.mod_300 .cntnt { padding: 12px 20px; }
.mod_300_btm { background: url(../images/mod_300_btm.gif) no-repeat top center; width: 300px; height: 8px; }

.mod_300b { background: url(../images/mod_300b_bg.gif) repeat-y top center; width: 300px; }
.mod_300b_top { background: url(../images/mod_300b_top.gif) no-repeat top center; width: 300px; height: 8px; }
.mod_300b .cntnt { padding: 12px 20px; }
.mod_300b_btm { background: url(../images/mod_300b_btm.gif) no-repeat top center; width: 300px; height: 8px; }

.mod_260gray { background: url(../images/mod_260gray_bg.gif) repeat-y top center; }
.mod_260gray ul { line-height: 1.5em; margin: 0px; padding: 0px; padding: 6px 0px; }
.mod_260gray_top { background: url(../images/mod_260gray_top.gif) no-repeat top center; width: 260px; height: 6px; }
.mod_260gray_btm { background: url(../images/mod_260gray_btm.gif) no-repeat top center; width: 260px; height: 6px; }

.ico { margin-right: 10px; }
.mod_300g .tag { margin: 5px 0px; }

.inpt { font-size: 16px; width: 258px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, FreeSans, sans-serif; }
.inptnarrow { font-size: 16px; width: 200px; }
.inpt2 { width: 80px; }

#ftr { background: url(../images/ftr_bg.png) repeat-x top center; height: 98px; }
#ftr .cntnr { padding: 10px; }
#ftr a:link, #ftr a:visited { color: #FFF; text-decoration: none; }
#ftr a:hover { color: #CCC; text-decoration: underline; }

.calling_feature { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: url(../images/calling_feature_bg.gif) no-repeat; width: 280px; height: 30px; line-height: 30px; text-indent: 10px; }
.calling_feature span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #3C71E8; }

.err { background: #EEE; color: #C00; font-weight: bold; line-height: 28px; width: 100%; }

ol.nested { list-style-type: lower-alpha; margin-left: 20px; margin-top: 10px; }