/* RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1.2;font-family:Helvetica, arial, sans-serif;font-size:76%;color:#666;background-color:#E1E1E1;}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3,h4,h5,h6,p,pre,code,address,caption,cite,code,em,strong,th,li,input{font-size:1em;font-weight:400;font-style:normal;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.clear{clear:both;}
.clearer{clear:both;display:block;margin:0;padding:0;}
.clearer88{clear:both;display:block;margin:0;padding:0;height:88px;}
.space{clear:both;display:block;margin:0;padding:0;height:88px;width:88px;}
/* LAYOUT */
#homepage{width:62.8em;height:78em;background-color:#FFF;margin:0 auto;position:relative;background-color:#FFF;}
/*#blue{position:absolute;top:8em;left:5em;width:36.5em;height:26em; overflow:hidden;}*/
#blue{height:0px;overflow:hidden;}
#branding,#navfir,.banner,#nav,#service,#news,#events,#site_info{position:relative;}
#branding{height:6.57em;position:relative;background-color:#FFF;}
#navfir{position:absolute;left:42.0em;top:7.6em;margin-bottom:1.3em;background-color:#386991;z-index:1;}
.banner{height:29.8em;width:57em;position:absolute;top:6.57em;left:2.8em;background-color:#E4E4E4;webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;z-index:0;}
*:first-child+html .banner{background:url(../image/homepage/ban_head.png) no-repeat;background-color:#E4E4E4;}/* IE7 Hack */
#nav{height:3.1em;width:57em;position:absolute;left:2.8em;top:35em;margin:0.5em 0;padding:0;text-align:center;border-top: solid 1px #FFF;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-opera-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;z-index:1;background-color:#333;background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #5F5E5F), color-stop(1.00, #111111));background: -moz-linear-gradient(top, #5F5E5F 0.00%, #111111 100.00%);background: linear-gradient(#5F5E5F, #111111);-pie-background: linear-gradient(#5F5E5F, #111111);}
#news,#service{position:absolute;top:39.5em;left:2.88em;width:17.4em;height:30.0em;background-color:#FFF;border-right:solid 1px #C0C0C0;}
#service{top:68.8em;height:4.68em;}
#ban2, #ban3{position:absolute;top:39.5em;left:20.35em;width:24.9em;height:16.8em;background-color:#FFF;border-right:solid 1px #C0C0C0;}
#ban3{top:56.3em;height:17.3em;}
#events, #other{position:absolute;top:39.5em;left:45.4em;width:14.3em;width:16em;height:19.7em;background-color:#FFF;}
#other{top:59.3em;height:16em;background-color:#FFF; border: none}
#site_info{height:3.8em;position:absolute;top:75em;width:62.8em;webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-khtml-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;background-color:#D2D4D6;}
/* BRANDING */#vivotek_logo {position:absolute;top:1.2em; left:1.8em;}
#branding h1{height:0;overflow:hidden;}
#branding ul{position:absolute;left:4em;top:8px;width:89.7%;font-size:0.8em !important;color:#FFF; text-align:right;}
#branding ul li{display:inline;width:auto;padding: 0 0.5em 0 0;line-height:1.4em;border-right:solid 1px #666;}
*:first-child+html #branding ul li{display:inline;width:auto;padding: 0 0em 0 0.5em;line-height:1.4em;border-right:solid 1px #666;}/* IE7 Hack */
#branding ul li a{color:#666;text-decoration:none;}
#branding ul li a:hover{text-decoration:underline;}
#branding input.search{position:absolute;left:45.8em;top:38px;width:13.4em;height:1.2em;color:#0076CA;border:solid 1px #999;padding-top:2px;text-indent:5px;}
#branding input.subscribe{display:none;}
/* NAVFIR */#navfir h1#navfir1 a, #navfir h1#navfir2 a, #navfir h1#navfir3 a, #navfir h1#navfir4 a{position:absolute;top:0;left:0.88em;width:14em;font-size:0.55em;line-height:1.2em;color:#FFF;font-weight:100; text-decoration:none;z-index:1;}
#navfir h1#navfir1 a{top:10.2em;}
#navfir h1#navfir2 a{top:13.3em;}
#navfir h1#navfir3 a{top:16.4em;}
#navfir h1#navfir4 a{top:19.6em;}
#navfir img{position:absolute;top:0;left:0;height:27.15em; width:16.6em;height:27.1em;background-color:#386991;z-index:0;}
/* BANNER */.banner img{position:absolute;top:1.19em;left:1.4em;height:27.0em;z-index:1;}
*:first-child+html .banner img{top:1.0em;height:27.15em;}/* IE7 Hack */
.banner a h1{display:block;position:absolute;top:0.63em;left:1em;height:3.8em;width:17.9em;padding:8.8em 0 0 1em;color:#0081C3;background-color:#FFF;z-index:0;}
.banner .fla{position:absolute;top:1.3em;left:1.25em;width:40em;height:26.8em;z-index:5;}
*:first-child+html .banner .fla{position:absolute;top:1.3em;left:1.25em;width:40em;height:26.8em;z-index:5;}/* IE7 Hack */
.banner .flabg{position:absolute;top:1.15em;left:1.1em;width:40.15em;height:27.1em;z-index:0;background-color:#FFF;}
*:first-child+html .banner .flabg{position:absolute;top:1.15em;left:1.1em;width:40.15em;height:27.1em;z-index:0;background-color:#FFF;}/* IE7 Hack */
/* NAV */
#nav ul{list-style:none;width:57em;height:38px;margin-left:14px;}
#nav li{float:left;}
#nav li a{display:block;float:left;padding:1em 1.1em 0;height:2em;text-decoration:none;color:#CCC;font-weight:800;}
#nav li a:hover{color:#FFF;background-color:#000;}
/* NEWS */#news h1{width:15em;margin:0 0 11px 0em;padding:8px 0 8px 18px;font-size:1em;background:url(../image/homepage/icon_arrow_h1.png) 0px 10px no-repeat;border-bottom:solid 1px #CCC;}
#news ul{height:5.8em;}
#news li#news1 a, #news li#news2 a, #news li#news3 a, #news li#news4 a{position:absolute;width:17.5em;left:0.0em;top:3.5em; margin:0 0 0 0;padding:0 0 0 0;color:#666;font-weight:800;text-decoration:none;}
#news li#news2 a{top:9.8em;}
#news li#news3 a{top:16.28em;}
#news li#news4 a{top:22.68em;}
#news li a:hover{text-decoration:underline;}
#news li img{width:5em;position:absolute;top:0em;color:#CCC;padding:0.2em;border:solid 1px #CCC;}
#news li#news1 ul li a, #news li#news2 ul li a, #news li#news3 ul li a, #news li#news4 ul li a{position:absolute;top:3.8em;left:6em;width:10.6em;line-height:1.12em;font-weight:100;}
#news li#news2 ul li a{top:10.18em;}
#news li#news3 ul li a{top:16.68em;}
#news li#news4 ul li a{top:23.18em;}
#news li#news1 ul li a:hover, #news li#news2 ul li a:hover, #news li#news3 ul li a:hover, #news li#news4 ul li a:hover{color:#007FC2;text-decoration:underline;}
/* SERVICE */
#service ul{display:block;width:16.18em;height:2.8em;border:solid 1px #EEE;-webkit-border-radius:3px;-moz-border-radius:3px;-opera-border-radius:3px;border-radius:3px;background-color:#EEE;}
#service ul li{display:inline-block;}
#service ul li a{display:inline-block;width:2.8em;height:0;padding-top:2.88em;overflow:hidden;border-left: solid 1px #FFFFFF;}
#service ul li#enews a{margin-left:3.68em;background:url(../image/all/icon_sub_enewsletter_over.png) no-repeat 10px 8px;}
#service ul li#enews a:hover{background:url(../image/all/icon_sub_enewsletter_over.png) no-repeat 10px 8px;}
#service ul li#youtube a{background:url(../image/all/icon_sub_youtube_over.png) no-repeat 10px 8px;}
#service ul li#youtube a:hover{background:url(../image/all/icon_sub_youtube_over.png) no-repeat 10px 8px;}
#service ul li#facebook a{background:url(../image/all/icon_sub_facebook_over.png) no-repeat 10px 8px;}
#service ul li#facebook a:hover{background:url(../image/all/icon_sub_facebook_over.png) no-repeat 10px 8px;}
#service ul li#twitter a{background:url(../image/all/icon_sub_twitter_over.png) no-repeat 10px 8px;}
#service ul li#twitter a:hover{background:url(../image/all/icon_sub_twitter_over.png) no-repeat 10px 8px;}
/* BAN2 BAN3 */#ban2 h1, #ban3 h1{width:20.7em;margin:0 0 8px 1.25em;padding:8px 0 8px 25px;font-size:1em;background:url(../image/homepage/icon_arrow_h1.png) 0px 10px no-repeat;border-bottom:solid 1px #CCC;}
#ban2 img, #ban3 img{width:22em;position:relative;top:0.3em;margin:0 0 0.38em 0;left:1.38em;color:#CCC;border:solid 1px #CCC;box-shadow:#515151 0 0.08em 0.08em;-webkit-box-shadow: #515151 0 0.08em 0.08em;-moz-box-shadow:#515151 0 0.08em 0.08em;}
#ban2 p, #ban3 p{position:relative;top:0.3em;left:1.5em;width:23.8em;font-size:0.9em;line-height:1.25em;}
#ban2 p a, #ban3 p a{text-decoration:none;color:#333;}
#ban2 p a:hover, #ban3 p a:hover{color:#007FC2;text-decoration:underline;}
/* EVENTS */#events h1{width:11.5em;margin:0 0 8px 1.0em;padding:8px 0 8px 18px;font-size:1em;background:url(../image/homepage/icon_arrow_h1.png) 0px 10px no-repeat;border-bottom:solid 1px #CCC;}
#events li a{display:block; margin:1em 0 0 1.3em;padding:0 0 0 0;color:#2C8EB3;font-weight:800;text-decoration:none;}
#events li a:hover{text-decoration:underline;}
#events li.freepass{position:absolute;top:7.3em;left:1.2em;width:12em;height:3.2em;margin:0;padding:0;}
#events li.freepass a{height:0;display:block;margin:0;padding:0;padding-top:3.2em;overflow:hidden;background:url(../image/homepage/event_free.png) no-repeat;}
#events li.freepass a span{background:none;}
#events li ul li{padding:0 0 0 0;margin:0 0 0 1.3em;line-height:1.1em;}
#events li ul li span{display:block}
/* OTHER INFO */
#other li#menber{width:11.8em;margin:0 0 0 1.0em;padding:8px 0 8px 18px;font-size:1em; font-weight:800;background:url(../image/homepage/icon_arrow_h1.png) 0px 10px no-repeat;border-bottom:solid 1px #CCC;}
#other li ul li#onvif a, #other li#green a{position:absolute;top:4.5em;left:1.7em;display:block;width:5.8em;height:0; padding-top:3.3em;overflow:hidden;background:url(../image/homepage/icon_onvif.png) no-repeat;}
#other li#green a{top:7.7em;width:12.3em;padding:8em 0 0 2em;background:url(../image/homepage/icon_green.png) no-repeat;}
/* SITE INFO */
#site_info ul{margin:0.8em 0 0 2.8em;width:57em;}
#site_info ul li{display:inline;}
#site_info ul li a{padding:0 5px 0 0;margin:0 0 0 3px;color:#999;text-decoration:none;border-right:solid 1px #999;}
#site_info ul li a:hover{text-decoration:underline;}
#site_info ul li#site_info_html a,#site_info ul li#site_info_css a,#site_info ul li#site_info_ie a,#site_info ul li#site_info_fx a,#site_info ul li#site_info_sa a,#site_info ul li#site_info_op a,#site_info ul li#site_info_ch a{position:absolute;top:0.8em;display:block;width:20px;height:0;padding:15px 0 0;margin:0;overflow:hidden;border-right:none;}
#site_info ul li#site_info_html a{width:45px;left:30em;background:url(../image/all/icon_footer_w3c.png) no-repeat;}
#site_info ul li#site_info_css a{width:45px;left:34em;background:url(../image/all/icon_footer_css.png) no-repeat;}
#site_info ul li#site_info_ie a{left:38em;background:url(../image/all/icon_footer_ie.png) no-repeat;}
#site_info ul li#site_info_fx a{left:40em;background:url(../image/all/icon_footer_firefox.png) no-repeat;}
#site_info ul li#site_info_sa a{left:42em;background:url(../image/all/icon_footer_safari.png) no-repeat;;}
#site_info ul li#site_info_op a{left:44em;background:url(../image/all/icon_footer_chrome.png) no-repeat;}
#site_info ul li#site_info_ch a{left:46em;background:url(../image/all/icon_footer_opera.png) no-repeat;}
#site_info ul li#site_info_copy{position:absolute;top:2.2em;left:3.05em;color:#FFF;border-right:none;}
#site_info p{position:absolute;top:6.8em;left:50px;color:#FFF;margin-left:-5px;}
/* STYLE */h1.unview,.banner h1.unview,#nav h1.unview,#service h1.unview,#site_info h1.unview{height:0;overflow:hidden;}