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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }

a:hover { text-decoration: underline; }


/* GRID */
.grid3cola .column.first,
.grid3cola .column.last { width: 302px; }

/* BOXES */
#main .box {  /*overflow: hidden;*/ position: relative; }

a { border:0 #fff solid;; }

/* MAC AT WORK */
.shingles { margin: 0; position: relative; overflow: hidden; }
.shingles li { display: block; z-index: 1; width: 100%; margin: 0; padding:10px 0 0; font-family:Tahoma; }		
.shingles .handle { display: block; background: url(../pic/shingles_handlebg.jpg) -302px 100% no-repeat; overflow: hidden; height:70px; padding: 0 9px 0px 10px; margin:0; }
.shingles .handle { text-decoration: none; }
.shingles a.handle:hover { text-decoration: none; }
.shingles .handle .video_title { display: block; font-size: 14px; color: #00a4e4; font-weight:bold; margin: 13px 0 3px 0; overflow: hidden; }
.shingles .handle .description { font-size:11px; color: #6e6e6e; overflow: hidden; margin:0; padding:0; line-height:normal; }
.news_all a { font-size:11px; color: #6e6e6e; overflow: hidden; margin:0; padding:0; line-height:normal; }

.shingles .flv_gray { background-color:#f8f8f8; }
.shingles .flv_white { background-color:#fff; }
.shingles .flv_white .handle{ background-position: 0 100%; }

.shingles li.obscured .handle { padding-bottom:5px; }
.shingles li.obscured .handle .video_title { color:#989898; margin-top:18px; }
.shingles li.obscured .handle .description { color:#b8b8b8; }
.shingles li.obscured a:hover { border:0px red solid; }
.shingles li.obscured a:hover .video_title { color:#00a4e4; }
.shingles li.obscured .player * { display:none; }
.shingles li .player * { display:block; }