html,body { margin: 0px; padding: 0px; width:100%; height:100%; }
body { font-family: verdana, georgia, arial; font-size: 11pt; }
.body { clear: both; margin: 0 auto; width: 960px; }
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
a { color: #999; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0px; }

sup { font-size: 7pt; }
   
* p:last-child {margin-bottom: 0;}
::-moz-selection {background: #1A1A8E; color: #fff;}
input[type="text"], input[type="password"], textarea, select { outline: none; } /* chrome */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* android, iphone */

/* HTML5 */
header, section, footer, aside, nav, article, figure { display: block; }
progress { display: none; }
::selection {background: #1A1A8E; color: #fff;}
/* /HTML5 */

.hide { display: none; }

#gallery.grid
    {
        margin: 0px;
        padding: 0px;
    }
#gallery.grid li
    {
        list-style-type: none;
        margin: 0px 1px 1px 0px;
        padding: 0px;
        float: left;
    }
#gallery.grid li table
    {
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.6);
        text-align: center;
        height: 100%;
        padding: 0px;
        border-collapse: collapse;
    }
#gallery.grid li table:hover
    {
        background-color: rgba(0,0,0,0.8);
    }
#gallery.grid li table img
    {
        -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }
    
.float_left { float: left; margin: 5px 10px 10px 0px; }
.float_right { float: right; margin: 5px 0px 10px 10px; }
    
.tal,.tal td,.tal li,.tal li div  { text-align: left; }
.tac,.tac td,.tac li,.tac li div  { text-align: center; }
.tar,.tar td,.tar li,.tar li div { text-align: right; }

.tatl { position: absolute; top: 5px; left: 5px; z-index: 1000; }
.tatr { position: absolute; top: 5px; right: 5px; z-index: 1000; }
.tabl { position: absolute; bottom: 5px; left: 5px; z-index: 1000; }
.tabr { position: absolute; bottom: 5px; right: 5px; z-index: 1000; }
.tatl a,.tatr a,.tabl a,.tabr a { outline: none; }

#breadcrumbs
    {
        height: 30px;
    }
#breadcrumbs ul
    {
        margin: 0px;
        padding: 0px;
    }
#breadcrumbs ul li
    {
        list-style-type: none;
        padding: 0px;
        float: left;
    }
#breadcrumbs ul li a
    {
        display: block;
        padding: 6px 10px 5px 10px;
    }
#breadcrumbs ul li a:hover
    {
        text-decoration: none;
    }

#tabs
    {
        position: absolute;
        right: 0px;
        height: 30px;
        top: -30px;
        padding: 0px;
        margin: 0px;
    }
#tabs li
    {
        list-style-type: none;
        float: left;
        margin: 0px 6px 0px 0px;
        padding: 0px;
        height: 29px;
        border-top: 1px #ddd solid;
        border-right: 1px #ddd solid;
        border-left: 1px #ddd solid;
        border-radius:2px;
        -moz-border-radius:2px;
    }
#tabs li a,
#tabs li span
    {
        display: block;
        padding: 5px;
    }
    
    
.pages.list
    {
        height: 18px;
        margin: 10px 0px 20px 10px;
        padding: 0px;
    }
.pages.list li
    {
        float: left;
        list-style-type: none;
        margin-right: 2px;
    }
.pages.list li a
    {
        display: block;
        padding: 5px;
        width: 25px;
        text-align: center;
        font-size: 12pt;
        outline: none;
    }
.pages.list li a:hover
    {
        background-color: #eee;
    }
.pages.list li a:active
    {
        background-color: #aaa;
    }
.pages.list li.last a
    {
        
        /*border-left: 1px #aaa dotted;
        border-right: 1px #aaa dotted;*/
    }
.pages.list li.last
    {
        border: 0px;
    }
.pages.list li.selected a
    {
        font-weight: bold;
        color: red;
    }
    


.quick { position: relative; }
div.quick
    {
        margin-bottom: 5px;
    }
div.quick h1,
div.quick h2,
div.quick h3
    {
        margin: 2px 10px 2px 0px;
        color: #eee;
        padding: 4px;
        border-bottom: 1px white solid;
    }
div.quick h1 { font-size: 14pt; }
div.quick h2 { font-size: 12pt; }
div.quick h3 { font-size: 10pt; }

div.quick div { padding: 3px; }
div.quick div div
    {
        font-variant: small-caps;
        padding: 0px 0px 0px 5px;
        font-size: 8pt;
    }

div.quick input.button
    {
        float: right;
        border-radius:3px;
        -moz-border-radius:3px;
        padding: 2px;
    }
div.quick br,
div.quick hr
    {
        clear: both;
        line-height: 1px;
        border: 0px;
        height: 0px;
        border-bottom: 1px #aaa solid;
        
        margin: 2px 5px 2px 5px;
    }
    
div.quick ul
    {
        padding: 0px;
        margin: 3px 0px 4px 0px;
    }
div.quick ul li
    {
        list-style-type: none;
    }
div.quick ul li a
    {
        display: block;
        padding: 2px 2px 2px 3px;
    }
div.quick ul li a:hover
    {
        color: white;
        text-decoration: none;
    }
div.quick ul li.selected a
    {
        border-left: 5px #777 solid;
        background-color: #eee;
    }
    
div.quick ul li.even a
    {
        border-top: 1px #eee dotted;
        border-bottom: 1px #eee dotted;
    }
div.quick strong
    {
        font-size: 15pt;
        color: white;
    }
    
form.quick.narrow
    {
        width: 50%;
    }
form.quick h1,
form.quick h2,
form.quick h3,
h1.quick,
h2.quick,
h3.quick
    {
        text-align: center;
        font-variant: small-caps;
        background-color: #ccc;
        margin: 0px;
        padding: 10px;
        border-radius:4px;
        -moz-border-radius:4px;
    }
form.quick h4,
form.quick h5,
h5.quick,
h4.quick
    {
        text-align: center;
        font-variant: small-caps;
        margin: 0px;
        padding: 3px;
    }
    
form.quick h3
    {
        margin: 4px;
    }

form.quick ul li div
    {
        font-variant: small-caps;
        padding: 0px 0px 0px 5px;
        margin: 0px;
        border: 0px;
        color: #ccc;
    }
form.quick ul li
    {
        padding: 5px;
        margin: 0px;
        list-style-type: none;
        
    }
form.quick ul
    {
        margin: 10px;
        padding: 0px;
    }
    
div.quick form.quick ul
    {
        margin: 0px;
    }

form.quick ul li button
    {
        font-size: 10pt;
        padding: 2px 7px 2px 7px;
    }
form.quick ul li input.text,
form.quick ul li select,
form.quick ul li textarea
    {
        width: 100%;
        font-size: 12pt;
        font-family: verdana, georgia, arial;
        padding: 2px;
        
        border-left: 1px #eee solid;
        border-top: 1px #eee solid;
        border-bottom: 1px #eee solid;
        border-right: 1px #eee solid;
        color: #000;
        
        border-radius:5px;
        -moz-border-radius:5px;
    }
form.quick ul li input.text,
form.quick ul li textarea
    {
        width: 98%;
    }
form.quick ul:hover li input.text,
form.quick ul:hover li select,
form.quick ul:hover li textarea
    {
        color: #555;
    }
form.quick ul li:hover div,
form.quick ul li:hover input.text,
form.quick ul li:hover select,
form.quick ul li:hover textarea
    {
        color: black;
    }
form.quick ul li:hover input.text,
form.quick ul li input.text:focus,
form.quick ul li:hover select,
form.quick ul li select:focus,
form.quick ul li:hover textarea,
form.quick ul li textarea:focus
    {
        border-left: 1px #aaa solid;
        border-top: 1px #aaa solid;
        border-bottom: 1px #eee solid;
        border-right: 1px #ddd solid;
    }
form.quick ul li input.text.highlight,
form.quick ul li select.highlight,
form.quick ul li textarea.highlight
    {
        color: black;
        background-color: #F7FFAF;
    }
    
div.quick form.quick ul li input,
div.quick form.quick ul li select
    {
        font-size: 11pt;
        padding: 1px;
    }
    
form.quick ul li input.text.warning
    {
        background-color: #FEFFAF;
        border: 1px #BDBF00 solid;
    }
form.quick ul li input.text.error,
form.quick ul li textarea.text.error
    {
        background-color: #FFEFEF;
        border: 1px #FF4F4F solid;
    }
form.quick ul li.last
    {
        height: 40px;
    }
form.quick input.checkbox
    {
        width: 15px;
    }
    
form.quick ul li .button
    {
        float: right;
        margin: 2px;
        padding: 5px 10px 5px 10px;
        border: 1px #ccc solid;
        border-radius:5px;
        -moz-border-radius:5px;
    }
form.quick ul ul
    {
        border: 1px #aaa solid;
        height: 102px;
        background-color: white;
        overflow-y: auto;
        overflow-x: none;
        margin: 0px;
    }
form.quick ul ul li
    {
        padding: 5px 0px 5px 2px;
        margin: 3px 4px 3px 0px;
        background-color: #eee;
    }
form.quick ul li table
    {
        width: 100%;
    }
form.quick ul li table tr
    {
        margin: 0px;
    }
form.quick ul li table tr th
    {
        text-align: center;
        font-variant: small-caps;
        background-color: #ccc;
        margin: 1px;
        padding: 3px 7px 3px 7px;
        border-top: 1px #fff solid;
        border-left: 1px #fff solid;
        border-right: 1px #aaa solid;
        border-bottom: 1px #aaa solid;
    }
form.quick ul li table tr td
    {
        padding: 3px;
        border-top: 1px #fff solid;
        border-left: 1px #fff solid;
        border-right: 1px #ddd solid;
        border-bottom: 1px #ddd solid;
        color: #aaa;
        text-align: center;
    }
form.quick ul li table tr th .checkbox,
form.quick ul li table tr td .checkbox
    {
        width: 10px;
        margin: 0px;
        padding: 0px;
    }
form.quick ul li table tr td .text
    {
        width: 90%;
    }
form.quick ul li table tr.even
    {
        background-color: #EFEFEF;
    }
form.quick ul li table tr:hover td
    {
        color: black;
        background-color: white;
    }   

/*form.quick ul ul li input,
form.quick ul ul li button
    {
        width: 15px;
        margin: 3px;
    }*/
form.quick li.thirds,
form.quick li.halves
    {
        height: 45px;
    }
    
form.quick li.halves div,
form.quick li.thirds div
    {
        width: 28%;
        float: left;
        padding: 0px 5px 0px 0px;
        margin-right: 2px;
    }
form.quick li.halves, div div
form.quick li.thirds div div
    {
        width: 100%;
        padding-left: 5px;
    }
form.quick li.halves div
    {
        width: 48%;
    }
                                      
form.quick input.phone_number
    {
        text-align: center;
    }
    
ul.quick
    {
        margin: 2px;
        padding: 0px;
    }
ul.quick li.top
    {
        height: 29px;
    }
ul.quick li
    {
        height: 28px;
        list-style-type: none;
        padding: 0px;
    }
ul.quick.tall li,
ul.quick.tall li div
    {
        height: 32px;
    }
ul.quick hr
    {
        margin: 0px;
        border: 0px;
        border-top: 1px #ccc dotted;
    }
    
ul.quick li:hover
    {
  
    }
    
ul.quick li div,
ul.quick li a
    {
        display: block;
        float: left;
        width: 138px;
        padding: 5px;
        height: 17px;
        border-right: 1px #999 solid;
        border-bottom: 1px #999 solid;
        /*background-image: url('/images/50pct.png');*/
    }
ul.quick li.title div
    {
        background-color: #ddd;
        text-align: center;
        font-weight: bold;
        font-size: 11pt;
        background-image: none;
    }
ul.quick li.subtitle div
    {
        background-color: #eee;
        border-right: 1px #ddd solid;
        border-bottom: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        font-size: 10pt;
        background-image: none;
    }
ul.quick li.disabled
    {
        color: #bbb;
        background-color: #ddd;
    }    
ul.quick li.disabled div,
ul.quick li.disabled a
    {
        border-right: 1px #fff solid;
        border-bottom: 1px #fff solid;
    }
    
ul.quick.narrow li div,
ul.quick.narrow li a
    { width: 108px; }
ul.quick.wide li div,
ul.quick.wide li a
    { width: 187px; }
ul.quick.extra.wide li div,
ul.quick.extra.wide li a
    { width: 287px; }
ul.quick.max li div,
ul.quick.max li a
    { width: 98%; }
ul.quick li div.wide,
ul.quick li a.wide
    {
        width: 287px;
    }
ul.quick.narrow li div.wide,
ul.quick.narrow li a.wide
    {
        width: 347px;
    }
    
ul.quick li div input,
ul.quick li div select
    {
        border: 1px transparent solid;
        background-color: transparent;
        width: 100%;
        outline: 0;
    }
ul.quick.inputs li:hover
    {
        background-color: #A7BFA8;
    }
ul.quick.inputs li:hover div input,
ul.quick.inputs li:hover div select
    {
        border-top: 1px #999 solid;
        border-left: 1px #999 solid;
        border-right: 1px #fff solid;
        border-bottom: 1px #fff solid;
        background-color: #fff;
    }
    
ul.quick.tall
    {
        margin: 10px 0px 10px 40px;
    }
ul.quick.tall li
    {
        height: 20px;
        clear: both;
    }
ul.quick.tall li h1,
ul.quick.tall li h2,
ul.quick.tall li h3,
ul.quick.tall li div
    {
        float: left;
        margin: 0px;
        padding: 3px;
        border: 0px;
    }
ul.quick.tall li h1,
ul.quick.tall li h2,
ul.quick.tall li h3
    {
        width: 160px;
    }
ul.quick.tall li h1 { font-size: 14pt; }
ul.quick.tall li h2 { font-size: 12pt; }
ul.quick.tall li h3 { font-size: 10pt; }
ul.quick.tall li div
    {
        font-size: 10pt;
        color:green;
        background: transparent;
        width: 650px;
    }    
ul.quick.tall li div h { background-color: yellow; }    
ul.quick.tall li.error div { color: red; }    
  
.quick.drop
    {
        height: 22px;
    }
.quick.drop div
    {
        display: block;
        position: relative;
        height: 18px;
        background-color: #222;
        font-size: 9pt;
        padding: 2px 5px 2px 5px;
    }
.quick.drop ul
    {
        display: none;
        position: absolute;
        top: 22px;
        left: 0px;
        z-index: 1000;
        
        background-color: #333;
        padding: 0px;
        
        border-top-right-radius:4px;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        -moz-border-radius-topright:4px;
        -moz-border-radius-bottomleft:4px;        
        -moz-border-radius-bottomright:4px;        
        -webkit-border-top-right-radius:4px;
        -webkit-border-bottom-left-radius:4px;
        -webkit-border-bottom-right-radius:4px;
        
        -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }
.quick.drop:hover ul
    {
        display: block;
    }
.quick.drop ul li
    {
        width: 85px;
        margin: 0px;
    }           
.quick.drop ul li a
    {
        display: block;
        padding: 5px;
        margin: 0px;
    }
.quick.drop ul li a:hover
    {
        text-decoration: none;
        color: white;
    }
    
/*
vertical positioning using old tricks
initial idea credit: http://blog.deigote.com/2008/09/11/columnas-y-centrado-vertical-esos-grandes-amigos/
*/
center
    {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        display: table;
    }
center > ul
    {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        display: table-row;
    }
center > ul > li
    {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }

table.quick
    {
        border: 1px #aaa solid;
        border-radius:4px;
        -moz-border-radius:4px;
        margin: 2px;
    }
table.quick tr
    {
        margin: 0px;
    }
table.quick tr th
    {
        text-align: center;
        font-variant: small-caps;
        background-color: #ccc;
        margin: 1px;
        padding: 3px 7px 3px 7px;
        border-right: 1px #aaa solid;
        border-bottom: 1px #aaa solid;
    }
table.quick tr td
    {
        padding: 3px;
        border-right: 1px #ddd solid;
        border-bottom: 1px #ddd solid;
        font-family: verdana, georgia, arial;
        font-size: 8pt;
    }
table.quick tr td input.text
    {
        width: 97%;
    }
table.quick tr.odd td
    {
        background-image: url('/v/graphics/80pct.png');
    }
table.quick.dark tr.odd
    {
        background-color: #eee;
        background-image: none;
    }
table.quick tr.even td
    {
        background-image: url('/v/graphics/50pct.png');
    }
table.quick.dark tr.even
    {
        background-color: #ddd;
        background-image: none;
    }
table.quick td.highlight
    {
        background-color: #F7FFAF;
    }
table.quick:hover tr td
    {
        color: #777;
    }
table.quick tr:hover td
    {
        color: #000;
    }    
table.quick tr.odd:hover
    {
        background-color: #E0E9EF;
    }
table.quick tr.even:hover
    {
        background-color: #D1D9DF;
    }
table.quick.clear tr td
    {
        background-image: none;
    }
    
div.ss
    {
        border: 1px #aaa solid;
        margin: 5px;
        background-color: white;
        border-radius:3px;
        -moz-border-radius:3px;
    }
div.ss div
    {
        background-color: #ccc;
        font-weight: bold;
        font-size: 12pt;
        border-bottom: 1px #aaa solid;
    }
div.ss div div
    {
        padding: 5px;
        border: 0px;
    }
div.ss div ul li div
    {
        text-align: center;
        background-color: transparent;
    }
div.ss ul
    {
        margin: 0px;
        padding: 0px;
    }

div.ss ul li
    {
        list-style-type: none;
        clear: both;
        margin: 0px;
        padding: 0px;
    }
div.ss ul li div,
div.ss ol li div
    {
        border-right: 1px #ccc solid;
        border-bottom: 1px #ccc solid;
        width: 100px;
        float: left;
        font-size: 9pt;
        font-weight: normal;
        padding: 2px;
        background-color: white;
    }
div.ss.csv ul li div,
div.ss.csv ol li div
    {
        border: 0px;
        border-right: 1px #eee dotted;
        text-align: center;
    }
div.ss ul li.title div
    {
        background-color: #ddd;
        height: 20px;
        font-style: italic;
    }
div.ss ul li div.first
    {
        width: 40px;
        background-color: #aaa;
        border-right: 1px #aaa solid;
    }
div.ss ul li.numbers div,
div.ss ul li div.num
    {
        text-align: right;
    }
div.ss ol
    {
        background-color: #777;
        color: white;
        font-weight: bold;
        margin: 0px;
        padding: 0px 0px 0px 45px;
    }
div.ss ol li
    {
        background-color: #fff;
        height: 24px;
    }
div.ss ol li div
    {
        color: black;
        padding: 5px 2px 5px 2px;
    }
div.ss ol li b
    {
        font-weight: normal;
        padding: 3px;
        background-color: #eee;
    }
    
div.ss br
    {
        clear: both;
        line-height: 0px;
    }
    
form.quick li ul.datetime
    {
        border: 1px #ccc solid;
        padding: 0px;
        height: 22px;
        overflow: visible;
        width: 190px;
    }
form.quick li ul.datetime li
    {
        height: 100%;
        margin: 0px;
        padding: 0px;
        float: left;
        background-color: transparent;
    }
form.quick li ul.datetime li input,
form.quick li ul.datetime li select
    {
        font-size: 11pt;
        border: 0px;
        text-align: center;
    }
form.quick li ul.datetime li input.date
    {
        width: 65px;
        padding: 2px;
        margin: 0px;
        /*border-right: 1px #ddd dotted;*/
    }
form.quick li ul.datetime li.select
    {
        width: 36px;
        overflow: hidden;
    }
form.quick li ul.datetime li.select select
    {
        width: 54px;
        outline: none;
    }
form.quick ul li ul.datetime li.colon
    {
        margin: 2px 0px 0px 0px;
    }
form.quick ul li ul.datetime li.sep    
    {
        border-left: 1px #ccc dotted;
        margin: 0px 1px 0px 2px;
    }
form.quick ul li ul.datetime li.updown
    {
        position: relative;
        text-align: center;
        padding: 0px;
        margin: 0px 2px 0px 0px;
        width: 19px;
        height: 18px;
    }
form.quick ul li ul.datetime li.updown.wide
    {
        width: 24px;
    }
form.quick ul li ul.datetime li.updown input
    {
        text-align: center;
        width: 100%;
        padding: 1px 0px 1px 0px;
        border: 1px #fff solid;
        margin: 0px;
        font-size: 11pt;
        cursor: none;
    }
form.quick ul li ul.datetime li.updown input:hover
    {
        border: 1px #555 solid;
    }
form.quick ul li ul.datetime li.updown .up_btn,
form.quick ul li ul.datetime li.updown .down_btn
    {
        display: none;
        position: absolute;
        height: 18px;
        width: 100%;
        left: 0px;
        z-index: 5;
        background-color: #bbb;
        border-top: 1px #ddd solid;
        border-left: 1px #ccc solid;
        border-bottom: 1px #999 solid;
        border-right: 1px #aaa solid;
        padding: 0px;
        margin: 0px;
        outline: none;
    }
form.quick ul li ul.datetime li.updown:hover .up_btn,
form.quick ul li ul.datetime li.updown:hover .down_btn
    {
        display: block;
    }
form.quick ul li ul.datetime li.updown .up_btn { top: -20px; }
form.quick ul li ul.datetime li.updown .down_btn { top: 22px; }
#video
    {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: black;
    }
#video #playlist_holder
    {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10;
        width: 272px;
        background-color: #111;
        height: 100%;
        overflow-x: none;
        overflow-y: auto;
    }
#video #playlist_holder #playlist
    {
        margin: 0px;
        padding: 0px;
    }
#video #playlist_holder #playlist li
    {
        list-style-type: none;
    }
#video #playlist_holder #playlist li.selected a
    {
        background-color: #444;
    }
#video #playlist_holder #playlist li.selected a
    {
        color: #ccc;
    }
#video #playlist_holder #playlist li:hover a
    {
        background-color: #555;
    }
#video #playlist_holder #playlist li a
    {
        outline: none;
        display: block;
        margin: 3px;
        height: 49px;
        background-color: #222;
    }
#video #playlist_holder #playlist li:hover a
    {
        color: white;
    }
#video #playlist_holder #playlist li a div
    {
        float: left;
        font-size: 9pt;
        padding: 2px;
    }
    
#video #player #bigplay
    {
        position: absolute;
        outline: none;
        z-index: 1000;
    }
#video #bigplay img
    {
        filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;
    }
#video #bigplay:hover img
    {
        filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;
    }
#video #player
    {
        background-color: #000;
    }
#video #player #viewport
    {
        background-repeat: no-repeat;
    }
                          
#video #player #timeline
    {
        height: 2px;
        position: relative;
    }
#video #player #timeline a
    {
        display: none;
        height: 2px;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 100;
        background-color: rgb(0, 0, 100);
        background-color: rgba(0, 0, 100,0.25);
    }
#video #player #timeline a #progress
    {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 102;
        background-color: rgb(0, 0, 255);
        
        width: 1px;
        height: 100%;
        width: 1px;
    }
#video #player #timeline a #buffer
    {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 101;
        background-color: rgb(0, 0, 200);
        background-color: rgba(0, 0, 200,0.30);
        
        width: 1px;
        height: 100%;
        width: 1px;
    }
#video #player #timeline #playhead
    {
        display: none;
    }
    
#video #player #details
    {
        height: 22px;
        
        background-color: #222;
        /* Firefox 3.6+ */
        background: -moz-linear-gradient(100% 100% 90deg, #222, #111);
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#111));
        /* Safari 5.1+, Chrome 10+ */
        background: -webkit-linear-gradient(#222, #111);
        /* Opera 11.10+ */
        background: -o-linear-gradient(#222, #111);
    }
#video #player #details #controls,
#video #player #details #settings
    {
        margin: 0px;
        padding: 0px;
    }
#video #player #details #controls { float: left; }
#video #player #details #settings { float: right; }
#video #player #details #controls li,
#video #player #details #settings li
    {
        list-style-type: none;
        margin: 0px 1px 0px 0px;
    }
#video #player #details #controls li,
#video #player #details #controls li a,
#video #player #details #settings li { float: left; }
     
#video #playPause
    {
        position: relative;
        width: 25px;
        height: 20px;
    }
#video #playPause #play,
#video #playPause #pause
    {
        position: absolute;
        top: 0px;
        left: 0px;
        display: block;
        width: 25px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: 4px 3px;
    }
#video #playPause #play { background-image: url(/v/graphics/icons/play.png); }
#video #playPause #pause { background-image: url(/v/graphics/icons/pause.png); }
#video #playPause #pause,
#video #playPause #pause span,
#video #playPause #play span,
#video #player #details #mute
    {
        display: none;
    }

#video #player #details #time
    {
        font-size: 10pt;
        background-color: #222;
        padding-top: 1px;
        height: 21px;
        width: 48px;
        text-align: center;
    }
.zoomable,#zoomDimmer,#zoomHelper
    {
        cursor: pointer;
    }
#zoomDimmer
    {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 500;
        width: 100%;
        height: 100%;
        background-color: black;
    }
#zoomHelper
    {
        position: absolute;
        z-index: 601;
        top: 0px;
        left: 0px;
        
        display: none;
        
        background-color: black;
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.7);
        -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.7);
        box-shadow: 4px 4px 4px rgba(0,0,0,0.7);
    }
#zoomHelper div
    {
        position: relative;
        width: 100%;
        height: 100%;
    }
#zoomHelper div img
    {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 502; 
    }
#zoomHelper div img.big
    {
        z-index: 600;
        /*display: none;*//*ie*/
    }
#zoomHelper div div.loading
    {
        position: absolute;
        top: 5px;
        left: 5px;
        z-index: 503;
        width: 56px;
        height: 21px;
        background-image: url('/v/graphics/loading.gif');
    }h1,h2,h3 { margin: 0px 0px 5px 0px; }
h1 a,h2 a,h3 a { color: white; }

h1 { font-size: 17pt; color: white; visibility: hidden; }
.wf-active h1
    {
        /*google*/font-family: 'EB Garamond';
        font-weight: bold;
        font-size: 19pt;
        color: white;
        text-rendering: optimizeLegibility;
    }
.wf-active h1 a { color: white; }
.wf-active h1 a:hover { text-decoration: none; }

h2 { font-size: 11pt; visibility: hidden; }
.wf-active h2
    {
        /*google*/font-family: 'Ubuntu';
        font-size: 13pt;
        color: white;
    }
h3 { font-size: 15pt; visibility: hidden; }
h3
    {
        color: black;
        font-weight: normal;
        margin: 0px 0px 20px 5px;
        font-size: 15pt;
    }
.wf-active h3 { /*google*/font-family: 'Ubuntu'; }
.wf-active xmp { /*google*/font-family: 'Inconsolata'; }

/*h3
    { 
        font-size: 14pt;
        color: #0000cc;
        background-color: black;
        padding: 10px;
        margin: 10px 0px 10px 5px;
        border-radius:5px;
        -moz-border-radius:5px;
    }
.wf-active h3 { /*google* font-family: 'Inconsolata'; }
.wf-active xmp { /*google* font-family: 'Inconsolata'; }*/

/*.resizable,#enlarge { cursor: row-resize; }*/
#enlarge
    {
        position: absolute;
        z-index: 5000;
        display: none;
        width: 100px;
        height: 100px;
        background-color: black;
        -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.7);
        -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.7);
        box-shadow: 4px 4px 4px rgba(0,0,0,0.7);
    }

html,body
    {
        background-color: #171717;
        color: #888;
    }
       
header
    {
        position: relative;
        height: 139px;
        background-image: url('/v/graphics/header_bg.gif');
    }
header #home
    {
        display: block;
        position: absolute;
        top: 10px;
        left: 30px;
        width: 260px;
        height: 120px;
    }
header #home span
    {
        display: none;
    }
header #phone
    {
        position: absolute;
        top: 27px;
        right: 250px;
        color: #aaa;
    }
header #phone a
    {
        text-decoration: none;
        color: white;
    }

header #basic_search
    {
        position: absolute;
        top: 27px;
        right: 14px;
        width: 208px;
    }    
header #basic_search input.search
    {
        font-size: 14pt;
        color: white;
        background-color: transparent;
        border: 0px;
        outline: 0px;
    }
header #basic_search_results
    {
        position: absolute;
        top: 27px;
        left: -2px;
        z-index: 300;
        width: 198px;
        padding: 5px;
        height: 0px;
        background-color: #111;
        overflow: hidden;
        display: none;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        -moz-border-radius-bottomleft:4px;        
        -moz-border-radius-bottomright:4px;        
        -webkit-border-bottom-left-radius:4px;
        -webkit-border-bottom-right-radius:4px;
        
        -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    }
header #basic_search_results ul
    {
        margin: 0px;
        padding: 0px;
    }
header #basic_search_results ul li
    {
        list-style-type: none;
        margin: 0px 2px 2px 2px;
        height: 55px;
    }
header #basic_search_results ul li a
    {
        display: block;
        padding: 5px;
        height: 45px;
        background-color: #222;
        border-radius:2px;
        -moz-border-radius:2px;;        
        -webkit-border-radius:2px;
    }
header #basic_search_results ul li a.selected
    {
        background-color: #333;
        text-decoration: none;
    }
header #basic_search_results ul li a.active
    {
        background-color: #555;
    }
header #basic_search_results ul li .name
    {
        font-size: 9pt;
        color: white;
    }
header #basic_search_results ul li .title
    {
        font-size: 8pt;
    }
header #basic_search_results ul li.response
    {
        text-align: center;
        /*google*/font-family: 'Neuton';
        color: white;
        background-color: transparent;
        font-size: 9pt;
    }
    
header menu
    {
        position: absolute;
        top: 87px;
        right: 5px;
        padding: 0px 5px 0px 5px;
        overflow: hidden;
    }
header menu ul
    {
        margin: 0px;
    }
header menu ul li
    {
        list-style-type: none;
        float: left;
        height: 62px;
        position: relative;
    }
header menu ul li div
    {
        position: absolute;
        width: 100%;
        height: 62px;
        top: -62px;
        z-index: 100;      
    }
header menu ul li.selected div
    {
        top: 1px;
    }

header menu ul li#tm_home { width: 98px; }
header menu ul li#tm_home div { background-image: url('/v/graphics/home.png'); left: -3px; width: 105px; }
header menu ul li#tm_about { width: 98px; }
header menu ul li#tm_about div { background-image: url('/v/graphics/about.png'); left: -3px; width: 105px;  }
header menu ul li#tm_design { width: 109px; }
header menu ul li#tm_design div { background-image: url('/v/graphics/design.png'); left: -3px; width: 116px;  }
header menu ul li#tm_video { width: 99px; }
header menu ul li#tm_video div { background-image: url('/v/graphics/video.png'); left: -3px; width: 107px;  }
header menu ul li#tm_apps { width: 98px; }
header menu ul li#tm_apps div { background-image: url('/v/graphics/apps.png'); left: -3px; width: 106px; }
header menu ul li#tm_contact { width: 105px; }
header menu ul li#tm_contact div { background-image: url('/v/graphics/contact.png'); left: -3px; width: 112px; }


header menu ul li a
    {
        display: block;
        width: 100%;
        height: 52px;
        outline: none;
        position: absolute;
        z-index: 200;
    }
header menu ul li a span
    {
        display: none;
    }
    
#bar
    {
        height: 299px;
        background-color: #000;
        background-image: url('/v/graphics/bar_bg.gif');
        background-repeat: repeat-x;
        background-position: bottom left;
    }
.short #bar { height: 200px; }
.tall #bar { height: 400px; }
.xtall #bar { height: 500px; }
.xxtall #bar { height: 560px; }
.xxxtall #bar { height: 600px; }
.NN_cordero_studios #bar { height: 530px; }
.NN_envision #bar { height: 530px; }
.NN_hawaii_tandem_surf #bar { height: 440px; }
.NN_lastcall_visuals #bar { height: 560px; }
.NN_lastcall_visuals #bar_display { background-color: white; }
.NN_pantera_motorcycles #bar { height: 500px; }
.NN_contact #img_logo,
.NN_build_my_website #img_logo
    {
        border: 5px black solid;
        border-radius:15px;
        -moz-border-radius:15px;
    }

.video_display #bar
    {
        height: 412px;
    }
    
#bar #bar_display
    {
        /*position: relative;*/
        height: 100%;
    }

#bar .spring
    {
        display: block;
        width: 100%;
        height: 100%;        
    }
.video_display #bar .spring
    {
        display: none;
        outline: none;
    }
#bar .spring span
    {
        display: none;
    }
#bar #bar_display #video
    {
        display: none;
        height: 100%;
    }
.video_display #bar #bar_display #video
    {
        display: block;
    }
.video_display #bar #bar_display #video #viewport .player
    {
        width: 100%;
        height: 100%;
        display: none;
    }
#viewport a
    {
        display: none;
    }

/*#bar #video_shell #video_holder { display: none; }*/
/*#bar.video #video #frame { display: block; }*/
    
#below_bar
    {
        position: relative;
    }
#build
    {
        position: absolute;
        z-index: 100;
        top: -25px;
        right: -20px;
        width: 99px;
        height: 98px;
        display: block;
        background-image: url('/v/graphics/build.png');
    }
.NN_build_my_website #build,
#build span
    { display: none; }
.NN_home #build
    {
        top: -70px;
    }

#middle
    {
        background-image: url('/v/graphics/middle_bg.gif');
        background-repeat: no-repeat;
        overflow: hidden;
    }

#middle #midc
    {
        margin-top: 10px;
        background-image: url('/v/graphics/midcbg.gif');
        background-repeat: repeat-y;
    }
.blog #middle #midc
    {
        background-image: none;
    }
#middle #main
    {
        margin: 0px 4px 0px 0px;
        float: right;
        width: 625px;
        margin-bottom: 20px;
    }
#middle #articles #main,
#middle #articles #main h1
    {
        margin: 0px;
    }
#breadcrumbs
    {
        border-radius:5px;
        -moz-border-radius:5px;
        background-color: #333;
        border: 1px #111 solid;
    }
#breadcrumbs ul li:first-child a
    {
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-bottomleft:5px;        
        -webkit-border-top-left-radius:5px;
        -webkit-border-bottom-left-radius:5px;
    }
#breadcrumbs ul li
    {
        border-left: 1px #111 solid;
    }
#breadcrumbs ul li:first-child
    {
        border: 0px;
    }
#breadcrumbs ul li a
    {
        background-color: #222;
        font-size: 11pt;
        height: 19px;
    }
#breadcrumbs ul li.me a,
#breadcrumbs ul li.me a:hover
    {
        background-color: #333;
    }
#breadcrumbs ul li:hover a
    {
        background-color: #444;
        color: white;
    }
    
#middle #main aside
    {
        margin: 0px 0px 0px 5px;
    }
#middle #main section
    {
        margin: 0px 5px 20px 15px;
        line-height: 18pt;
    }
#middle #main section a
    {
        color: #ddd;
    }
#middle #main section p
    {
        margin: 0px 0px 10px 0px;
    }
.blog.shadow #middle #main section:hover
    {
        color: #aaa;
    }
#middle #main #readOn
    {
        display: none;
    }
.blog #middle #main #readOn
    {
        display: block;
    }
.blog #middle #main #below
    {
        display: none;
    }
    
#middle #main .prop
    {
        height: 400px;
        width: 1px;
        float: right;
    }
.blog #middle #main .prop
    {
        display: none;
    }
.blog #articles
    {
        margin: 20px 0px 0px 0px;
        padding: 0px;
    }

.blog #articles .article
    {
        list-style-type: none;
        padding: 10px;
        margin: 0px 0px 10px 0px;
        clear: both;
    }
.blog.shadow #articles .article
    {
        background-color: #111;
        border-radius:5px;
        -moz-border-radius:5px;
        
        -moz-box-shadow: inset 0 0 5px #000;
        -webkit-box-shadow: inset 0 0 5px#000;
        box-shadow: inner 0 0 5px #000;
    }
.blog #articles .article:hover
    {
        background-color: #131313;
    }
.blog #articles .img_link
    {
        float: left;
        display: block;
        position: relative;
        width: 302px;
        margin: 0px;
        padding: 0px;
    }
.blog #articles .img_link img
    {
        padding: 0px;
        margin: 0px;
        border: 1px #000 solid;
    }
.blog #articles .img_link span
    {
        display: block;
        height: 100px;
        background-color: black;
    }
.blog.tiles #articles .img_link span
    {
        height: 302px;
    }
.blog #articles .img_link div
    {
        color: #555;
        position: absolute;
        bottom: 4px;
        left: 1px;
        width: 290px;
        padding: 5px;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.9);
    }
.IE6.blog #articles .img_link div
    {
        background-color: black;
    }
.blog #articles .img_link:hover div
    {
        color: white;
    }
.blog #articles li #main
    {
        width: 600px;
    }
.blog.tiles #articles
    {
        margin-left: 20px;
    }
.blog.tiles #articles .article
    {
        float: left;
        clear: none;
        border: 0px;
        margin: 2px;
        padding: 0px;
        width: 302px;
        height: 302px;
        background-color: black;
    }
.blog.tiles #articles .img_link
    {
        float: none;
    }
.blog.tiles #articles #main
    {
        display: none;
    }
.blog.tiles #below_articles
    {
        clear: both;
        height: 15px;
    }
    
.floor
    {
        height: 0px;
        clear: both;
    }

nav
    {
        position: relative;
        width: 300px;
        /*height: 2000px;*/
        float: left;
        /*margin: 15px 15px -2000px 10px;*/
        margin: 0px 15px 0px 1px;
        background-color: #0f0f0f;
    }
nav .prop
    {
        width: 1px;
        height: 400px;
        float: left;
    }
nav .shadow
    {
        position: absolute;
        z-index: 10;
    }
nav .t
    {
        top: 0px;
        left: 6px;
        width: 288px;
        height: 4px;
        background-image: url('/v/graphics/v.t.png');
    }
nav .tl
    {
        top: 0px;
        left: 0px;
        width: 6px;
        height: 8px;
        background-image: url('/v/graphics/v.tl.png');
    }
nav .l
    {
        top: 8px;
        left: 0px;
        width: 2px;
        height: 2000px;
        background-image: url('/v/graphics/v.l.png');
    }
nav .tr
    {
        top: 0px;
        right: 0px;
        width: 6px;
        height: 9px;
        background-image: url('/v/graphics/v.tr.png');
    }
nav .r
    {
        top: 9px;
        right: 0px;
        width: 2px;
        height: 2000px;
        background-image: url('/v/graphics/v.r.png');
    }
/*nav .b
    {
        bottom: 0px;
        left: 3px;
        width: 294px;
        height: 2px;
        background-image: url('/v/graphics/v.b.png');
    }
nav .bl
    {
        bottom: 0px;
        left: 0px;
        width: 3px;
        height: 2px;
        background-image: url('/v/graphics/v.bl.png');
    }
nav .br
    {
        bottom: 0px;
        right: 0px;
        width: 3px;
        height: 2px;
        background-image: url('/v/graphics/v.br.png');
    }   */


menu
    {
        padding: 0px;
        margin: 0px;
    }
nav ul
    {
        padding: 0px;
        margin: 0px 0px 100px 0px;
    }
nav ul li
    {
        padding: 0px;
        list-style-type: none;
        border-bottom: 1px black solid;
    }
nav ul li.last
    {
        border-bottom: 0px;
    }
nav ul li a
    {
        display: block;
        padding: 15px 10px 15px 25px;
        font-size: 12pt;
        outline: 0px;
        background-color: #090909;
    }
nav ul li a:hover,
nav ul li a:focus
    {
        text-decoration: none;
        background-color: #202020;
    }
nav ul li.selected a,
nav ul li a:active
    {
        background-color: #333;
    }
nav ul li a span.title,
nav ul li a span.subtitle
    { display: none; }    
    
nav #feed_holder
    {
        margin-top: 20px;
    }
nav #feed_holder .title
    {
        
    }

    
footer
    {
        clear: both;
        height: 179px;
        position: relative;
        background-image: url('/v/graphics/footer_bg.gif');
        background-repeat: no-repeat;
        background-position: center top;
        padding-top: 30px;        
    }
.blog footer
    {
        background-position: center -2px;
    }
footer address
    {
        width: 300px;
        margin-right: auto;
        margin-left: auto;
    }
footer address *
    {
        display: block;
        font-size: 9pt;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
footer address span
    {
        display: none;
    }
footer #copyright
    {
        font-size: 7pt;
        text-align: center;
    }