/*===============================
   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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; vertical-align: baseline; background: transparent; }
body { line-height: 100%; font-size: 10px; zoom: 1}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*===============================
   Typography
===============================*/
html, body { font-family: 'VAGRoundedStdLight', Arial, Helvetica, sans-serif; line-height: 140%; color: #999; }
h1 { font-size: 1.8em; padding: 0 0 0em 0; color: #999; font-family: 'VAGRoundedStdBold', Arial, Helvetica, sans-serif; line-height: 120%;/*font-weight: bold !important;*/ }
h2 { font-size: 1.8em; padding: 0 0 1.5em 0; line-height: 120%; font-weight: normal !important; color: #999; }
h3 { font-size: 1.6em; padding: 1.2em 0 0.8em 0; line-height: 130%; }
h4 { font-size: 1.4em; padding: 1.2em 0 0.8em 0; line-height: 130%; color: #999; }
h5 { font-size: 1em; padding: 0.3em; line-height: 130%; color: #363636; background: #999; text-transform: uppercase; }
a:link, a:visited, a:active, a:hover { text-decoration: none; color: #999; }
a:hover { color: #333 !important;/*text-decoration: underline;*/ }
ul { margin: 0 0 0.8em 0; }
ol { background: url(/images/content/bullet.png) 0px 0.4em no-repeat; padding-left: 1.2em; }
li { background: url(/images/content/bullet.png) 0px 0.4em no-repeat; padding-left: 1.2em; }
p { margin: 0 0 0.8em 0; font-size: 1.1em }
hr { padding: 0; margin: 1.3em 0; background: #c3c3c3; border: none; height: 1px; float: left; width: 100%; }
strong { font-weight:bold; /*font-family: 'VAGRoundedStdBold', Arial, Helvetica, sans-serif;*/ }
/*===============================
   Header
===============================*/
#header { background: #999; padding: 0em; margin: 0em; height: 10em; }
#nav { margin: 0em !important; padding: 2em 0em !important; width: 98em; position: relative; }
#nav li { float: left; width: 12em; padding: 0em !important; margin: 0em !important; list-style: none; }
#nav .logo { width: 20em; height: 7em; display: block; }
#nav .logo a { height: 7em; background: url(/images/logo.gif) no-repeat 2em 0em; }
#nav li a { color: white; font-size:1.1em; font-weight: bold; /*font-family: 'VAGRoundedStdBold', Arial, Helvetica, sans-serif;*/ display: block; /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop); zoom:1;*/ }
#links { position: absolute; right: 0; }
#links li { float: none !important; width: 7em !important; }
#links li a { font-weight: normal !important; /*font-family: 'VAGRoundedStdLight', Arial, Helvetica, sans-serif;*/ }
/*===============================
   Container Structure
===============================*/
#container { width: 98em; }
#subnav { margin: 2.6em 0 0; width: 20em; float: left; text-align: right; }
#subnav li { padding: 0 3em 0.5em 2em; display: block; }
#subnav a { font-size: 1.1em; color: #666; font-weight: bold; /*font-family: 'VAGRoundedStdBold', Arial, Helvetica, sans-serif;*/ }
#content { margin: 2.6em 0 0; width: 78em; float: left;  padding-bottom: 4em }
#copy { height: 10em; overflow: hidden; }
#copy .w1 { width: 39em; float: left; }
#copy .w2 { width: 78em; float: left; }
#copy p { margin: 0 2em 0.5em 0; }
#artbox { position: relative; /*height: 35em;*/ height: 39.2em; width: 78em; overflow: hidden; }
#artbox.tall { height: 49em; }
#artbox ul, #artbox li { padding: 0; margin: 0; }
/*===============================
   Descriptions
===============================*/
#description { position: relative; width: 23em; left: 78em; z-index:100; }
#description #tab { position:absolute; top: 13em; left: -4.2em; width: 4.2em; height: 9em; background: url(/images/left_arrow.jpg) 0 0 no-repeat;  }
.tall #description #tab { top: 17.9em; }
#description #text { position: absolute; color: #231F20; top: 0; right: 0; width: 23em; height: 35em; padding: 0.8em 0 0; }
.tall #description #text { height: 44.8em; }
#description #fade { background: #CCCCCC; opacity:0.9; filter:alpha(opacity=90); position: absolute; top: 0; right: 0; width: 23em; height: 35em; }
.tall #description #fade { height: 44.8em; }
#description p { padding: 0.2em 1em 0em; }
#description a { color: #666; }
/*===============================
   Tiles
===============================*/
#tiles li { position: relative; width: 18.75em; height: 12.6em; overflow: hidden; float: left; margin: 0 0.5em 0.5em 0; }
/*#tiles li a { width: 100%; height: 100%; display: block; }*/
/*===============================
   Labels
===============================*/
#artbox .label { position: absolute; bottom: 0; background: #999; display: block; padding: 1.3em 1.5em 0 1.5em; color: white; font-size: 1.1em; /*font-family: 'VAGRoundedStdBold', Arial, Helvetica, sans-serif;*/ font-weight: bold !important; height: 2.5em; width: 100%;}
#artbox .label a { color: white; padding-right: 3em; font-weight: bold;}
#artbox a.activeSlide { color: black; }
#tiles .label { padding: 0.6em 1em 0 1em; height: 3.2em; }
#tiles .label a { padding-right: 0; }
/*===============================
   Active Nav
===============================*/
.current_page { color: black !important; }
.current_page:hover { color: black !important; }
/*===============================
   Cycle
===============================*/
.cycle li { line-height: 0; }