@charset "UTF-8";
/* CSS Document */


* { border: 0px; margin: 0px; padding:0px; }

#print_only{ display:none}

body,
td,
th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; color: #494949; line-height:18px; }
body { background-color: #4E5A66; }


p, h1, h2, h3, h4, hr { margin-bottom: 15px; }

h1 { font-size: 22px; color: #4E5A66; font-weight: normal; letter-spacing: 1px; margin-bottom: 20px; line-height:26px; }
h2 { font-size: 17px; color: #4E5A66; font-weight: normal; }
h3 { font-size: 14px; color: #75889B; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; }

a { color:#4E5A66; text-decoration:none; }
a:hover { color:#809AB3; }

hr { height: 1px; border-width: 1px 0 0 0; border-style:dotted; border-color: #666; clear:both; margin-top:0px; }

blockquote { font-style:italic; color:#666; }

#container { position: absolute; width: 900px; left: 50%; margin-left: -450px; background-color: #FFFFFF; margin-top: 10px; background-image: url(../gfx/head.png); background-repeat: no-repeat; background-position: 0px 30px; }
#header { width: 900px; height: 230px;}
#header_top {height: 30px; background-image: url(../gfx/viewsion_logo.gif); background-repeat: no-repeat; background-color:#4E5A66}
#col_l { width: 200px; float:left; }
#col_l_top { padding-top:5px; padding-left:20px; border-width: 0 0 1px; 0; border-style: solid; border-color: #FFF; height:22px; }

#col_l_content { margin-top:40px; padding-left:20px; color:#999; }

#col_m { width: 460px; float:left; margin-left:20px;}
#col_m_top {padding-top:5px; border-width: 0 0 1px; 0; border-style: solid; border-color: #FFF; height:22px; font-size:11px; color:#666;}
#content { width: 430px; float:left; margin-right: 50px; margin-top: 40px; }
#col_r { width: 200px; float:right;}
#col_r_top { height: 260px; }
#footer { background-color: #4E5A66; width: 900px; float:left; margin-top:30px; padding-top:30px; color:#808C95; font-size:10px; background-image: url(../gfx/shadow_bot.gif); background-repeat:no-repeat; background-position: 0px 1px; text-align:center; }

#footer a, #footer a:hover, #footer a:active, #footer a:link { color:#808C95;
	
}

#seo { width: 900px; float:left; padding-top:30px; font-size:10px; background-color:#4E5A66; color:#424D57; line-height:12px; }


#navi {
	margin-left:10px;
	margin-top:40px;
	
}
#navi ul {
margin-left:10px; margin-bottom:15px; list-style:none; font-size:16px; letter-spacing:2px; text-transform: lowercase; 
}
#navi ul li ul {
	font-size:12px; letter-spacing:1px;
}
#navi ul li a { display: block; padding-bottom:8px; color: #69819A; }
#navi ul li a:hover,
#navi ul li a.rex-active,
#navi ul li a.rex-current { color: #333B44; }




#content .cont_block { float:left; width:430px; margin-bottom:18px;}
#content .cont_block_l { width:130px; float: left; }
#content .cont_block_l img { margin-bottom:15px;}
#content .cont_block_r { width:270px; float: right; }

#content ul { margin:15px; margin-left:5px;}
#content ul li { padding-left:10px; list-style-type:none; background-image:url(../gfx/ico_arrow.gif); background-repeat:no-repeat; background-position: 0px 5px;}


#content .teaser { float:left; width:430px; margin-bottom:18px; border: 1px solid #809AB3; background-image:url(../gfx/sprite_tsr_bg.png); background-repeat:no-repeat; background-position: -70px 0px; background-color:#FFF;}
#content .teaser:hover {background-position: -570px 0px; cursor:pointer; border-color:#809AB3;}
#content .teaser a, #content .teaser a:hover { color:#fff; font-weight:normal; }
#content .tc_l { width:150px; float: left; margin-left:5px; }
#content .tc_l img { margin-bottom:5px;}
#content .tc_r { width:270px; float:left}
#content .tc_r p { margin-bottom:5px;}
#content .th { float:left; width:100%; padding-top:2px; margin-bottom:8px;}
#content .th_l { float:left; width:150px; margin-left:5px; color:#a6adb3; }
#content .th_m {float:left; }


#col_r_content .teaser { float:left; width:180px; margin-bottom:18px; border: 1px solid #809AB3; background-image:url(../gfx/sprite_tsr_bg.png); background-repeat:no-repeat; background-position: -320px 0px; background-color:#FFF;}
#col_r_content .teaser:hover {background-position: -820px 0px; cursor:pointer; border-color:#809AB3;}
#col_r_content .teaser a, #col_r_content .teaser a:hover { color:#fff}
#col_r_content .tc_l { width:160px; float: left; margin-left:10px;}
#col_r_content .tc_l img { margin-bottom:5px;}
#col_r_content .tc_r { width:160px; float:left; margin-left:10px;}
#col_r_content .tc_r p { margin-bottom:10px; color:#666;}
#col_r_content .th { float:left; width:100%; padding-top:2px; margin-bottom:8px;}
#col_r_content .th_l { margin-left:5px; color:#a6adb3; }


#col_r_content {width:180px; }

#col_r_content p, #col_r_content h1, #col_r_content h2, #col_r_content h3, #col_r_content h4, #col_r_content hr { margin-bottom: 10px; font-size:11px; line-height:14px; }

#col_r_content h1 { font-size: 14px; margin-bottom: 10px; line-height:20px; }
#col_r_content h2 { font-size: 12px; }
#col_r_content h3 { font-size: 10px; margin-bottom: 5px; }

#breadcrumb
{
	overflow:hidden;
	margin-left:-5px;
	color:#4E5A66;
}

#breadcrumb li
{
    list-style-type:none;
    float:left;
    padding-left:6px;
}

#breadcrumb a
{ display:block; background-image:url(../gfx/sprite_seperator.png); background-repeat:no-repeat; background-position: right 3px; padding-right: 14px; text-decoration: none; color:#999; }

#breadcrumb a:hover
{ color:#4E5A66}

.link_block { padding-left:18px; background-repeat:no-repeat; margin-bottom:15px; display:block; clear:both; }

.l_ext { background-image:url(../gfx/sprite_link_ext.png); background-position: left 2px;}
.l_ext:hover { background-position: -500px 2px;}

.l_int { background-image:url(../gfx/sprite_link_int.png); background-position: left 2px;}
.l_int:hover { background-position: -500px 2px;}

.fmt_text a { padding-left:10px; background-image:url(../gfx/sprite.gif); background-repeat:no-repeat; background-position: left -74px;}

#site_search input { width:80px; color:#999; border: 1px solid #CCC; float:left; padding-left:3px; }
#toolbar { float:right; margin-right:10px; }


.sprite { background-image:url(../gfx/sprite_ico.png); background-repeat:no-repeat; display:block; }
.tb_ico { float:right; margin-left:5px; }
.tb_ico img {width:17px; height:16px; }
.ico_print { background-position: -20px -0px;}
.ico_print:hover { background-position: 0px -0px;}
.ico_fav { background-position: -20px -20px;}
.ico_fav:hover { background-position: 0px -20px;}
.ico_mail { background-position: -20px -40px;}
.ico_mail:hover { background-position: 0px -40px;}


.lb_gallery_tnbox{width:98px;height:60px;border: 1px solid #D7E3E6;text-align: center;vertical-align: middle;float:left;margin-right: 10px;margin-bottom: 10px;padding-top: 5px;padding-bottom: 5px;}
.lb_gallery_area{width:450px;position:relative;clear: both;float: left;}


#col_r_content .lb_gallery_tnbox{width:85px;}
#col_r_content .lb_gallery_area{width:200px;}


.link_icon { display:block; padding-left:20px; background-repeat:no-repeat; background-position:0px 2px;}
.ico_pdf { background-image:url(../gfx/fico_pdf.gif); }
.ico_xls { background-image:url(../gfx/fico_xls.gif); }
.ico_doc { background-image:url(../gfx/fico_doc.gif); }
.ico_zip { background-image:url(../gfx/fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(../gfx/fico_jpg.gif); }
.ico_gif, .tif { background-image:url(../gfx/fico_pic.gif); }
.ico_def { background-image:url(../gfx/fico_def.gif); }