*{margin:0;padding:0;list-style:none;}

body {
	
	font:62.5% Georgia, Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
	
}

h1 {color: #666; font-size: 4em; font-weight:normal; letter-spacing: 0px; padding: 0; margin: 0 0 5px 0;}
h1 a {color:#333; font-size: 0.7em; text-decoration:underline;}
h1 a:hover {color:#333; font-size: 0.7em; text-decoration:none;}
h1 a:active {color:#333; font-size: 0.7em; text-decoration:none;}

h2 {color: #666; font-size: 2.3em; font-weight:normal; letter-spacing: 0px; padding: 0; margin: 0 0 10px 0;}
a {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}

h3 {color:#333;font-size: 1.2em; font-weight:normal; letter-spacing: 0px; margin-top:5px;}

p {color:#666; font-size: 1.4em; font-weight:normal; margin-top: 5px; padding:0; line-height: 1.6em; margin-bottom:10px;}




.blue {color: #090e5f;}

img {border: 0;}

#advert {position: fixed; width: 170px; height: 170px; padding: 0px; float: right; top: 0px; right: 0px;  z-index: 5000; }
* html #advert {position: fixed; width: 170px; height: 170px; padding: 0px; float: right; top: 0px; right: 0px;  z-index: 5000; }





#container{width:1000px;margin:15px auto 0; background: #ffffff; overflow:hidden;}

#top {float:left; width:1000px; height: 100px; }

#top-logo {float:left; width:1000px;}

#top-logo2 {float:left; width:500px;}


#top-text {float:right;  padding-top: 30px; }
#top-text p {text-align: right;font-size: 1.4em; line-height: 1.3em; margin-bottom:3px;}

#nav {float:left; width:1000px; padding:0; margin: 0 0 0 0; font-size:1.1em; height: 34px; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px;}
* html #nav {float:left; width:1000px; padding:0; margin: 0 0 0 0; font-size:1.1em; height: 34px; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px;}

#nav-nav{float: left;}
	
#nav ul{ padding-left: 10px;padding-top: 7px; padding-bottom: 5px; }
#nav ul li{display:inline; padding: 0 10px 0 10px; border-right: #ccc solid 1px;}
#nav li.currentpage  a:link, #nav li.currentpage  a:visited, #nav li.currentpage  a:active {color: #ff0000;}
#nav ul li a {color:#666; font-size: 1.4em;text-decoration:none; letter-spacing: 0px;}
#nav ul li a:hover {color: #ff0000;}

#sub-nav-home {float:left; width:1000px; padding:0; margin: 0 0 0 0; font-size:1.1em; height: 34px;}

#sub-nav {float:left; width:1000px; padding:0; margin: 0 0 0 0; font-size:1.1em; height: 34px;}
#sub-nav-nav{ float: left;}
#sub-nav ul{ padding-left: 10px;padding-top: 7px; padding-bottom: 5px; }
#sub-nav ul li{display:inline; padding: 0 10px 0 10px;}
#sub-nav li.currentpage  a:link, #sub-nav li.currentpage  a:visited, #sub-nav li.currentpage  a:active {color: #ff0000;}
#sub-nav ul li a {color:#666; font-size: 1.4em;text-decoration:none; letter-spacing: 0px; }
#sub-nav ul li a:hover {color: #ff0000;}



#main {float: left; min-height: 400px; width: 1000px; margin-bottom: 20px; }

* html #main {float: left; height: 400px; width: 1000px; margin-bottom: 20px; }


#left {float:left; width: 650px; height:400px; border: #ccc solid 1px; cursor: pointer;}
.leftcontent{padding: 5px;}



#right{float:left; width:345px; min-height: 410px;}
* html #right {float:left; width:345px; height: 410px;}
.rightcontent{padding: 0px 5px 5px 10px;}


.rightcontent a {color:#ff0000; text-decoration:none; }
.rightcontent a:hover {color:#333; text-decoration:none; }


#bottom {float: left; height: 240px; width: 1000px;}
.bottom-wrap {float: left; padding: 4px; border: #ccc solid 1px; height: 236px; width: 236px; overflow:hidden;}
.bottom-wrap-right {float: left; padding: 4px; border: #ccc solid 1px; height: 236px; width: 236px; margin-right: 5px;  overflow:hidden;}

.bottom-box-one {float: left; height: 236px; width: 236px;  background: url(/img/bottom/1.jpg) 0 0 no-repeat;}
.bottom-box-two {float: left; height: 236px; width: 236px;  background: url(/img/bottom/2.jpg) 0 0 no-repeat;}
.bottom-box-three {float: left; height: 236px; width: 236px; background: url(/img/bottom/3.jpg) 0 0 no-repeat;}
.bottom-box-four {float: left; height: 236px; width: 236px; background: url(/img/bottom/4.jpg) 0 0 no-repeat;}






.bottom-box-text {float: left;  height: 47px; width: 236px; margin-top: 189px;  background: url(/img/see.png);}

.bottom-box-text p {color:#fff; font-size: 2.5em; margin-top: 8px; padding:0; text-align: center;  margin:0;}



#apps { float: left; width:1000px; height:50px; margin-top: 20px; }

#footer{ float: left; width:1000px; }
.footercontent {float: left; margin:10px 0 0 10px; }


#footer a:link {font-size: 1em; font-weight: normal; text-decoration: none;  color: #999; }
#footer a:visited {font-size: 1em;font-weight: normal;text-decoration: none;  color: #999;}	
#footer a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: underline; color: #ccc;}
#footer a:hover, a:active {font-size: 1em;font-weight: normal;text-decoration: underline; color: #ccc;}



#s3slider { 
   width: 640px; /* important to be same as image width */ 
   height: 390px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 640px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
 font: 12px/15px Arial, Helvetica, sans-serif;
   color: #ccc;
   padding: 10px 13px;
   width: 640px;
   background-color: #000;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.sliderImage span strong {
    font-size: 14px;
}


.gnb {


}

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 640px; 
height:10px;
margin: 0; 
padding: 0
overflow: hidden; 

}



.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 9px;
width: 635px;
overflow: hidden;
}

ul a {color: #fff;}
ul span {color: #fff;}

ul.newsticker { /* that's your list */
position: relative;
left: 635px;

list-style-type: none;
margin: 0;
padding: 0;

}


ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
margin: 0 30px 0 0;
font-size: 12px;
text-decoration:none;
} 

ul.newsticker span {
margin: 0 10px 0 0;
font-size: 12px;
color: #666;
}