/* 2008 Created by Jc (SGC Solution) Version 2.1 Beta border:solid 1px #000000; */
html {}
body {padding: 0;margin: 0; text-align:left; background: url(images/bg.jpg) repeat-x #FFF; }
div { text-align:left;  display:block;}
img { border:0;}
#clear { clear:both; }
.clear { clear:both; }
.no-display { display:none;}

A:link, A:visited, A:active { text-decoration:none; padding:0 0 1px 0; }
A:hover {color:#00adee; text-decoration:none; }

/* == Global Style === */
#wrap { width:840px; margin:15px auto 10px auto; padding:0; background:none; }
#wrap #head { width:840px; padding:0; margin:0; }

#wrap #head #logo { width:82px; height:39px; background:url(images/logo.gif) no-repeat; float:left; padding:0; margin:0 0 0 2px; text-align:left;}
#wrap #head #logo h1 { display:none; font-family:"Times New Roman", Times, serif; margin:0 0 0 2px; padding:0; font-size:26px; color:#000; font-weight:normal;}
#wrap #head #logo h2 { display:none; font-family:Verdana, Geneva, sans-serif; margin:0 0 0 2px; padding:0; font-size:10px; color:#999999; font-weight:normal;}
#wrap #head #slogan { float:left; width:200px; margin:0 0 0 15px; font-family:"Times New Roman", Times, serif; font-size:14px; color:#666666; line-height:15px; padding:24px 0 0 0; }
#wrap #head #add-this { width:338px; float:right; text-align:right; padding:22px 2px 0 0; margin:0;}

#wrap #guide-line { width:831px; margin:8px 2px 0 2px; padding:0 0 8px 5px; border-bottom:1px dotted #d0d0d0;}
#wrap #guide-line, #wrap #guide-line P { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666;}

#wrap #guide-line A:link { color:#666; }
#wrap #guide-line A:visited { color:#666; }
#wrap #guide-line A:active { color:#666; }
#wrap #guide-line A:hover { color:#00adee; border:0;}

/* == Home === */
#wrap #home-menu { width:840px; height:34px; padding:0; margin:5px 0 0 0; background: url(images/one-menu-bg.gif) no-repeat;}

#wrap #home-menu ul { padding:1px 0 0 12px; height:31px; margin:0; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
#wrap #home-menu ul li { float:left; padding:0 10px 0 0; margin:8px 10px 0 0;  border-right:solid 1px #525252;}

/* == Channel === */
#wrap #channel-menu { width:840px; height:55px; padding:0; margin:5px 0 0 0; height:55px; background: url(images/channel-menu-bg.gif) no-repeat;}
#wrap #channel-menu #main-ul { padding:1px 0 0 12px; height:31px; margin:0; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
#wrap #channel-menu #main-ul li { float:left; padding:0 10px 0 0; margin:8px 10px 0 0;  border-right:solid 1px #525252;}

#wrap #channel-menu #channel-ul { padding:0 0 0 12px; margin:0; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
#wrap #channel-menu #channel-ul li { float:left; padding:0; margin:4px 12px 0 0; color:#00adee;}

#wrap #channel-menu #news { height:22px; padding:0 0 0 12px; margin:0; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; overflow: hidden;}
#wrap #channel-menu #news li { padding:0; margin:4px 12px 0 0; color:#8B9900; }

#wrap #channel-menu #news A:link {color:#00adee;} 
#wrap #channel-menu #news A:visited {color:#00adee;} 
#wrap #channel-menu #news A:active {color:#00adee;}
#wrap #channel-menu #news A:hover {color:#FFF;}

#wrap #home-menu A:link, #wrap #channel-menu A:link { color:#FFF;}
#wrap #home-menu A:visited, #wrap #channel-menu A:visited{ color:#FFF;}
#wrap #home-menu A:active, #wrap #channel-menu A:active{ color:#FFF;}
#wrap #home-menu A:hover, #wrap #channel-menu A:hover{ color:#00adee;}

#wrap #channel-menu #channel-ul A:link { color:#3c3a3c;}
#wrap #channel-menu #channel-ul A:visited{ color:#3c3a3c;}
#wrap #channel-menu #channel-ul A:active{ color:#3c3a3c;}
#wrap #channel-menu #channel-ul A:hover{ color:#00adee;}

#wrap #banner { width:840px; height:265px; margin:8px 0 0 0;}
#wrap #content {width:840px; margin:10px 0 0 0;}
#wrap #content #left { float:left; width:270px; height:210px; margin:0 15px 0 0; background:url(images/home-panel-bg.gif) bottom no-repeat;}
#wrap #content #middle { float:left; width:270px; height:210px; margin:0 15px 0 0; background:url(images/home-panel-bg.gif) bottom no-repeat;}
#wrap #content #middle A:link, #wrap #content #right A:link { color:#444444; }
#wrap #content #middle A:visited, #wrap #content #right A:visited { color:#444444; }
#wrap #content #middle A:active, #wrap #content #right A:active { color:#444444; }
#wrap #content #middle A:hover, #wrap #content #right A:hover { color:#00adee; border:0;}

#wrap #content #right { float:left; width:270px; height:210px; margin:0; background:url(images/home-panel-bg.gif) bottom no-repeat;}

#wrap #content #left h2,#wrap #content #middle h2 ,#wrap #content #right h2  { width:270px; line-height:18px; height:18px; padding:0; margin:0 0 4px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#424242; line-height:20px; }
#wrap #content #middle #in ,#wrap #content #right #in { margin:8px 10px 10px 10px;}
#wrap #content #left #in { margin:12px 10px 10px 10px;}

#wrap #content A:link { color:#cccccc;}
#wrap #content A:visited { color:#cccccc;}
#wrap #content A:active { color:#cccccc;}
#wrap #content A:hover { color:#00adee;}

#wrap #channel-content {width:840px; margin:10px 0 0 0; }
#wrap #channel-content h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; margin:10px 0 10px 5px; padding:0; }
#wrap #channel-content h3 { font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#00adee; }
#wrap #channel-content #b-top { width:840px; height:4px; background:url(images/b-content-top.gif) no-repeat;}
#wrap #channel-content #b-top-green { width:840px; height:4px; background:url(images/b-content-top-green.gif) no-repeat;}
#wrap #channel-content #b-middle { width:810px; padding:10px 15px 20px 15px;}
.middle-red { background:#fbbd53;}
.middle-green { background:#98BA40;}
#wrap #channel-content #b-middle2 { width:810px; padding:5px 15px 5px 15px; background:#fbbd53;}
#wrap #channel-content #b-middle2 h2 { font-family:Verdana, Geneva, sans-serif; padding:0; margin:0; font-size:12px; color:#FFF; }
#wrap #channel-content #b-middle #ping { float:left; width:120px; margin:10px 0 0 0; height:159px; background:url(images/ping.jpg) no-repeat; border:#B76C00 1px solid;}
#wrap #channel-content #b-middle #soirsce { float:left; width:120px; margin:10px 0 0 0; height:159px; background:url(images/soirsce.jpg) no-repeat; border:#698819 1px solid;}
#wrap #channel-content #b-middle #s-s { float:left; width:80px; height:106px; margin:10px 0 0 5px; background:url(images/s-s.jpg) no-repeat; border:#698819 1px solid;}
#wrap #channel-content #b-middle #p-bio { float:left; width:670px; margin:0 0 0 15px;}
#wrap #channel-content #b-middle #p-bio p { font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#4D4D4D; }
#wrap #channel-content #b-bottom { width:840px; height:5px; margin:0 0 12px 0; background:url(images/b-content-bottom-g.gif) no-repeat;}
#wrap #channel-content #b-bottom2 { width:840px; height:5px; background:url(images/b-content-bottom.gif) no-repeat;} 

#wrap #channel-content #b-content { width:818px; padding:0 10px 10px 10px; background:#f7f7f7; border-left:1px solid #bababa; border-right:1px solid #bababa;}
#wrap #channel-content #b-table { width:100%; }
#wrap #channel-content #b-table td { vertical-align:top; padding:5px 10px 10px 10px; }
#wrap #channel-content #b-table h2 { font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:normal;}
.red { color:#F74F06;}
.green { color:#98BA40}
#wrap #channel-content #b-table ul, #wrap #channel-content ul { padding:0; margin:0 0 0 5px;; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
#wrap #channel-content #b-table ul li, #wrap #channel-content ul li { line-height:18px; margin:0 0 3px 0; padding:0 0 0 10px; background:url(images/li-t-black.gif) no-repeat 0 7px; color:#4D4D4D; }

#wrap #channel-content p { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px; color:#666;}
#wrap #channel-content p A:link { color:#666; border-bottom:1px dotted #B3B3B3;}
#wrap #channel-content p A:visited { color:#666; border-bottom:1px dotted #B3B3B3; padding:0 0 2px 0;}
#wrap #channel-content p A:active { color:#666; border-bottom:1px dotted #B3B3B3; padding:0 0 2px 0;}
#wrap #channel-content p A:hover { color:#00adee; border:0;}

#wrap #channel-content #case-us { width:838px; border: 1px solid #d0d0d0; padding:0; margin:0 0 10px 0; background:#FFF;}
#wrap #channel-content #case-us #case-left { width:315px; margin:10px; float:left; }
#wrap #channel-content #case-us #case-right { width:503px; float:left;}
#wrap #channel-content #case-us #case-left h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#00ADEE; padding:0; margin:0 0 5px 0; }
#wrap #channel-content #case-us #case-left p { font-family:Verdana, Geneva, sans-serif; font-size:11px; margin:10px 0 20px 0; line-height:18px;}

#case-sh { float:left; width:200px; height:121px; border:1px solid #d0d0d0; margin:0 10px 10px 0;}
#case-sh2 { float:left; width:200px; height:121px; border:1px solid #d0d0d0; margin:0 0 10px 0;}
#case-logo { float:left; width:200px; height:167px; border:1px solid #d0d0d0; margin:0 8px 8px 0;}
#case-other { float:left; width:410px; border:1px solid #d0d0d0; margin:0 8px 8px 0;}
#wrap #channel-content #case-sh p, #wrap #channel-content #case-sh2 p{ width:200px; line-height:17px; margin:0; padding:0; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; }
#wrap #channel-content #case-logo p { width:200px; line-height:17px; height:17px; margin:0; padding:0; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; background:#f0f0f0; }
#wrap #channel-content #case-other p { width:410px; line-height:17px; height:17px; margin:0; padding:0; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; background:#f0f0f0;}
#wrap #channel-content #case-sh p a, #wrap #channel-content #case-sh2 p a, #wrap #channel-content #case-logo p a { width:200px; height:17px; padding:0; margin:0; display:block; border:0; background: url(images/out-icon.gif) no-repeat 185px 3px;}
.case-sh-font { font-size:10px; }

#wrap #channel-content #case-sh A:hover, #wrap #channel-content #case-sh2 A:hover { background: url(images/out-icon.gif) #00adee no-repeat 185px 3px; color:#FFF; border:0;}


.date { font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:16px; font-weight:normal; color:#00ADEE;}
.case-url { font-family:Arial, Helvetica, sans-serif; }

a.case-url:link { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background:#00ADEE; padding:2px 10px 2px 10px; border:0;}
a.case-url:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background:#00ADEE; padding:2px 10px 2px 10px; border:0;}
a.case-url:active {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF; background:#00ADEE; padding:2px 10px 2px 10px; border:0;}
a.case-url:hover {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#00ADEE; background:#fff; padding:2px 10px 2px 10px; border:0;}

#case-show { background:#F4F4F4; text-align:center; padding:30px 0 30px 0;}

/* == Bottom === */
#wrap #bottom { width:840px; margin:10px 0 0 0; padding:10px 0 0 0; border-top:1px solid #d0d0d0; text-align:center;}
#wrap #bottom p { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666; margin:0 0 10px 0; padding:0;}
#wrap #bottom ul { padding:0 0 0 10px; height:22px; margin:0 auto 0 auto; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#wrap #bottom ul li { float:left; padding:0 7px 0 0; margin:0 10px 0 0;  border-right:solid 1px #cccccc;}

#wrap #bottom A:link { color:#666; }
#wrap #bottom A:visited { color:#666; }
#wrap #bottom A:active { color:#666; }
#wrap #bottom A:hover { color:#00adee; border:0;}

/* == Others === */
.quote{overflow:hidden; padding:5px 24px 5px 28px; margin:0 0 0 5px; background:url(images/quotel.gif) no-repeat left 4px;width:auto;*zoom:1;word-wrap:break-word;}
.quote span.inq{display:inline;background:url(images/quoter.gif) no-repeat right bottom; padding-right:15px; display:inline-block; }

.quote-g{overflow:hidden; padding:5px 24px 5px 28px; margin:0 0 0 5px; background:url(images/quotel-g.gif) no-repeat left 4px;width:auto;*zoom:1;word-wrap:break-word;}
.quote-g span.inq-g{display:inline;background:url(images/quoter-g.gif) no-repeat right bottom; padding-right:15px; display:inline-block; }

/* == google rss === */
.gf-relativePublishedDate, .gf-author { color:#14adb5; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 2px 0; margin:0;}
.gf-snippet { font-family:Arial, Helvetica, sans-serif; width:250px; overflow:hidden; font-size:12px; padding:0; margin:0; }
.gfc-tabHeader { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; }
.gf-title { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 0 3px 0; margin:0; height:auto; display:block;}
#wrap #content #left A:link,#wrap #content #left  A:visited, #wrap #content #left A:active {color:#f79700; text-decoration:none; }
#feedControl { width:250px;}

/* == loopedslider === */
/*
* Required 
*/
.container { width:230px; height:145px; overflow:hidden; position:relative; cursor:pointer; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:250px; display:none; padding:0; margin:0; }
/*
* Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:230px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; margin:0 5px 0 0; padding:0; }
ul.pagination li a { display:block; width:12px; height:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(images/pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a { background-position:0 -13px; }
		
.left-pagination { width:12px; height:24px;	position:absolute;	overflow:hidden; display:inline; left: -12px; top: 60px; background:url(images/loopedSlider-left.gif) no-repeat;}
.left-pagination a { width:12px; height:24px; display:block;}
.right-pagination { width:12px; height:24px; position:absolute;	overflow:hidden; display:inline; left: 230px; top: 60px; background:url(images/loopedSlider-right.gif) no-repeat;}
.right-pagination a { width:12px; height:24px; display:block;}
.loopedslider-bottom { text-align:center; width:102px; margin:0 auto 0 auto; padding:10px 0 0 0;}