/*shared css load*/
@import url(Shared.css);
html { width:100%; height:100%; margin:0; padding:0; background: #00502f url(../Images/htmlbackground.jpg) repeat center top; overflow-y:scroll; }
body { width:100%; height:100%; min-height:1000px; min-width:988px; margin:0; padding:0; background: transparent url(../Images/bodybackground.jpg) no-repeat center top; font-family: "Lucida Sans Unicode", sans-serif; font-size:11px; color:#000000; cursor:default;}
/*layout*/

/*layout - content*/
.container .main { width:988px; height:auto; float:left; position:relative; z-index:23; }
.container .main .content { width:988px; height:auto; float:left; position:relative; }
.container .main .content .mainflash { width:988px; height:472px; float:left; position:relative; }
.container .main .content .mainflash .main { width:988px; height:355px; float:left; position:relative; }
.container .main .content .mainflash .alternate { width:988px; height:117px; float:left; position:relative; }
.container .main .content .mainbottom { width:988px; height:316px; float:left; position:relative; }
.container .main .content .mainbottom .left { width:684px; height:316px; float:left; position:relative; }
.container .main .content .mainbottom .left .top { width:684px; height:167px; float:left; position:relative; }
.container .main .content .mainbottom .left .top .item { width:342px; height:167px; float:left; position:relative; }
.container .main .content .mainbottom .left .top .item a { width:342px; height:167px; float:left; position:relative; cursor:pointer; color:#fff; }
.container .main .content .mainbottom .left .top .item a:hover p {  color:#ddd; }
.container .main .content .mainbottom .left .top .item h2 { width:165px; float:left; position:relative; font-size:18px; color:#fff; margin:30px 0 5px 155px; display:inline;}
.container .main .content .mainbottom .left .top .item h3 { width:165px; float:left; position:relative; font-size:18px; color:#99c810; margin:0 0 0 155px; display:inline;}
.container .main .content .mainbottom .left .top .item p { width:165px; float:left; position:relative; margin:10px 0 0 155px; font-size:11px; line-height:14px; display:inline;}

.container .main .content .mainbottom .left .bottom { width:684px; height:149px; float:left; position:relative; margin-left:-5px; }
.container .main .content .mainbottom .left .bottom .item1 { float:left; position:relative; width:140px; margin-right:30px; text-align:center; padding-top:10px; cursor:pointer;}
.container .main .content .mainbottom .left .bottom .item1 .icon { margin-left:30px; float:left; position:relative; width:83px; height:56px; background: transparent url(../Images/bottomicons.png) no-repeat left top; display:inline;}
.container .main .content .mainbottom .left .bottom a:hover .item1 .icon { background: transparent url(../Images/bottomicons.png) no-repeat right top;}
.container .main .content .mainbottom .left .bottom .item2 { float:left; position:relative; width:140px; margin-right:35px; text-align:center; padding-top:10px; cursor:pointer;}
.container .main .content .mainbottom .left .bottom .item2 .icon { margin-left:25px; float:left; position:relative; width:83px; height:56px; background: transparent url(../Images/bottomicons.png) no-repeat left -56px; display:inline;}
.container .main .content .mainbottom .left .bottom a:hover .item2 .icon { background: transparent url(../Images/bottomicons.png) no-repeat right -56px;}
.container .main .content .mainbottom .left .bottom .item3 { float:left; position:relative; width:140px; margin-right:30px; text-align:center; padding-top:10px; cursor:pointer;}
.container .main .content .mainbottom .left .bottom .item3 .icon { margin-left:30px; float:left; position:relative; width:83px; height:56px; background: transparent url(../Images/bottomicons.png) no-repeat left -112px; display:inline;}
.container .main .content .mainbottom .left .bottom a:hover .item3 .icon { background: transparent url(../Images/bottomicons.png) no-repeat right -112px;}
.container .main .content .mainbottom .left .bottom .item4 { float:left; position:relative; width:140px; text-align:center; padding-top:10px; cursor:pointer;}
.container .main .content .mainbottom .left .bottom .item4 .icon { margin-left:30px; float:left; position:relative; width:83px; height:56px;  background: transparent url(../Images/bottomicons.png) no-repeat left -168px; display:inline;}
.container .main .content .mainbottom .left .bottom a:hover .item4 .icon { background: transparent url(../Images/bottomicons.png) no-repeat right -168px;}
.container .main .content .mainbottom .left .bottom .item5 { float:left; position:relative; width:140px; text-align:center; padding-top:10px; cursor:pointer;}
.container .main .content .mainbottom .left .bottom .item5 .icon { margin-left:30px; float:left; position:relative; width:83px; height:56px;  background: transparent url(../Images/bottomicons.png) no-repeat left bottom; display:inline;}
.container .main .content .mainbottom .left .bottom a:hover .item5 .icon { background: transparent url(../Images/bottomicons.png) no-repeat right bottom;}
.container .main .content .mainbottom .left .bottom h2 { float:left; position:relative; font-size:14px; color:#fff; margin:5px 0 4px 0; text-align:center; width:100%;}
.container .main .content .mainbottom .left .bottom h2 em { color:#99c810; font-style:normal;}
.container .main .content .mainbottom .left .bottom p { float:left; position:relative; width:100%; margin:0; font-size:9px; color:#fff; line-height:12px;}
.container .main .content .mainbottom .left .bottom a:hover p { text-decoration:underline;}
.container .main .content .mainbottom .right { width:303px; height:316px; float:left; position:relative; }
.container .main .content .mainbottom .right .tvspot { margin-top:25px; width:303px; height:235px; float:left; position:relative;}