/* CSS Document */
body{padding:0px; margin:0px; background:#f0f0f0; color:#666; font:14px Arial, Helvetica, sans-serif;}
#menuPan ul.menu{ font-family:Tahoma, Arial, "Times New Roman";}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
.clear {clear: both; margin: 0px; height:0px;}

p a{font:10px/14px Tahoma, "Times New Roman", Arial; color:#f5be49; text-decoration:underline;}
p a:hover{ color:#f5be49; text-decoration:none;}

p span.headline{font:12px/14px Tahoma, Arial, "Times New Roman"; color:#319ec9; font-weight:bold}

#container{width:990px; margin:0 auto; background:#fff; padding:0 20px; position:relative}

/* TOP */

#top{width:990px; height:98px; position:relative; border-top:#e4edf6 4px solid}
#logo{position:absolute; top:4px; left:0}

#top ul.ico{position:absolute; top:35px; left:790px; width:200px}
#top ul.ico li{float:left; height:30px; margin-right:12px; padding-left:14px;}
#top ul.ico li a{display:block; font:10px/14px Trebuchet MS, sans-serif; color:#454b55; text-decoration:none; padding-top:10px;}
#top ul.ico li a:hover{text-decoration:underline;}
#top ul.ico{list-style-type:none;}

#top ul.ico li.home{background:url(../images/ico_1.gif) 0 14px no-repeat}
#top ul.ico li.help{background:url(../images/ico_2.gif) 0 14px no-repeat}
#top ul.ico li.contact{background:url(../images/ico_3.gif) 0 14px no-repeat; margin-right:0}

#top ul.ico li.icoline{float:left; height:30px; width:1px; background: url(../images/b_lineico.gif) 0 0 repeat-y; padding-left:0}

/* MENU */
#menuPan{width:990px; height:40px; position:relative; background:url(../images/b_menu.gif) 0 0 no-repeat; }
#menuPan ul.menu{list-style-type:none;}
#menuPan ul.menu{position:absolute; top:6px; left:46px; width:970px; }
#menuPan ul.menu li{float:left; height:21px; margin-right:30px; }
#menuPan ul.menu li a{height:21px; font-weight:bold; font-family:Tahoma, Arial, "Times New Roman"; font-size:12px; color:#CC6600; display:block; text-decoration:none; padding-top:6px;}
#menuPan ul.menu li a:hover{height:21px; text-decoration:none; color:#006699;}
#menuPan ul.menu li.home a{width:40px;}
#menuPan ul.menu li.mission a{width:50px;}
#menuPan ul.menu li.about a{width:60px;}
#menuPan ul.menu li.special a{width:90px;}
#menuPan ul.menu li.products a{width:60px;}
#menuPan ul.menu li.services a{width:50px;}
#menuPan ul.menu li.support a{width:50px;}
#menuPan ul.menu li.reviews {margin-right:0;}
#menuPan ul.menu li.reviews a{width:80px;}
#menuPan ul.menu li.line {width:2px; background:url(../images/line_m.gif) 0 0 no-repeat;}

/* HEADER */

#header{width:970px; height:215px; position:relative; margin-bottom:8px;}

/* CONTENT */
#content{line-height:1.7em;}
#leftPan{width:195px; margin:0 19px 0 0; float:left; display:inline;}
#rightPan{width:775px; float:left; position:relative;}

#news{width:162px; padding:11px 16px 15px 15px; border:#e7edf2 1px solid; margin-bottom:10px;}
#news h2{height:23px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:14px}
#news p{margin-left:2px; margin-bottom:15px; border-bottom:#e7edf2 1px dashed; padding-bottom:10px;}
#news p span{height:14px; background:url(../images/icon_news.gif) 0 2px no-repeat; padding-left:22px; display:block; margin-bottom:8px; font:12px/14px Arial, sans-serif; color:#f5be49; font-weight:bold;}
#news p a{font:12px Tahoma, sans-serif; color:#869496; text-decoration:none;}
#news p a:hover{ color:#869496; text-decoration:none;}
#news #btn_news{margin-left:70px;}

#featured{width:193px; border:#e7edf2 1px solid; background:#e5ebf1 url(../images/b_featured.gif) 0 0 repeat-x; padding-bottom:0px;}
#featured h2{height:27px; position:relative; background:url(../images/h_featured.gif) 15px 4px no-repeat; margin-bottom:5px;}
#featured #feat_img{margin-left:0px;}
#featured #description{width:193px; text-align:center;}
#featured #description p span.name{font:12px/14px Arial, sans-serif; color:#319ec9; font-weight:normal; display:block; margin-bottom:4px;}
#featured #description p span.price{font:12px/14px Arial, sans-serif; color:#f5be49; font-weight:bold;}

#welcome{width:775px; background:url(../images/b_welcome.jpg) left bottom repeat-x; position:relative; margin-bottom:21px;}
#welcome h2{height:58px; position:relative; background:url(../images/h_welcome.gif) 12px 21px no-repeat; margin-bottom:11px;}
#welcome #leftWel{margin:0 14px; float:left; display:inline;}
#welcome #rightWel{width:750px; float:left;}
#welcome #rightWel ul{ padding-left:50px; padding-top:10px;}
#welcome #rightWel p{ margin-bottom:10px; padding-top:3px;}
#welcome #rightWel p span{display:block; margin-bottom:5px;}
#welcome #rightWel .btn_more{float:left; margin-left:180px; margin-bottom:16px}

/* FOOTER */

#footer{height:70px; width:970px; margin-top:18px; background:#CCC; line-height:10px;}
#footer p{ padding-top:20px; font:12px Georgia, "Times New Roman", Times, serif; font-weight:normal; text-align:center; color:#000;}
#footer p span{font:12px Arial, Helvetica, sans-serif;}
#footer p a{font:12px Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#333; text-decoration:none; padding: 0 5px; }
#footer p a:hover{text-decoration:none; color:#000000;}
#footer p #silsan{ font-size:12px; color:#CC6600; font-weight:bold;}
#footer p #silsan a:hover{ color:#FFFFFF;}