body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small;
*font:x-small;
background:#05062b}
/****************************************************************************************************************************
 * Reset css start
****************************************************************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select {
*font-size:100%; margin:0; padding:0 }
legend { color:#000; }
/****************************************************************************************************************************
 * New Body >> css
 ****************************************************************************************************************************/
body { background:#05062b url(../images/bg.jpg) no-repeat top center; text-align:center; font-family:Arial; margin:0; padding:0}
.main{ width:800px; height:650px; margin:auto;padding:50px 0 0;}
.navCont{padding:24px 48px 0 0;}

.mainNav{ width:300px; height:33px; list-style:none;}
li.Li1{ width:124px;height:33px;list-style:none; float:left}
li.Li2{ width:69px;height:33px;list-style:none; float:left}
li.Li3{ width:50px;height:33px;list-style:none; float:left}
li.Li4{ width:57px;height:33px;list-style:none; float:left}

.footer{ text-align:center; font-size:10px; color:#fff}

/****************************************************************************************************************************
 * Menus >> css
 ****************************************************************************************************************************/        
a#menu1, #menu1 span, span.menu1_span { display:block; position:relative; width:124px;height:33px;overflow:hidden;}
a#menu1 span, span.menu1_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat 0 0;}
a#menu1:hover span, span.menu1_span_oo { background-position:0 -33px; cursor:pointer}

a#menu2, #menu2 span, span.menu2_span { display:block; position:relative;width:69px;height:33px;overflow:hidden;}
a#menu2 span, span.menu2_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -124px 0;}
a#menu2:hover span, span.menu2_span_oo { background-position:-124px -33px; cursor:pointer}

a#menu3, #menu3 span, span.menu3_span { display:block; position:relative;width:50px;height:33px;overflow:hidden;}
a#menu3 span, span.menu3_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -193px 0;}
a#menu3:hover span, span.menu3_span_oo { background-position:-193px -33px; cursor:pointer}

a#menu4, #menu4 span, span.menu4_span { display:block; position:relative;width:57px;height:33px;overflow:hidden;}
a#menu4 span, span.menu4_span { position:absolute; left:0; top:0; background:url(../images/menuSet1.png) no-repeat -243px 0;}
a#menu4:hover span, span.menu4_span_oo { background-position:-243px -33px; cursor:pointer}