/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   BASIC ELEMENTS
   
   Colors
   orange (e.g. links)                         : #f35d02
   orange/red (e.g. active/hover links)        : #b42e24
   dark grey (e.g. Text)                       : #111111
   mid grey (e.g. footer)                      : #444444
   light grey                                  : #e8e8e8
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   GLOBAL RESET : 
   Forces every browser to display HTML elements with the same margins, paddings etc.
   see: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 */

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 { position: relative; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "»" "«"; }
html { font-size:100.01%; }
body { font-size:1em; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   CLEARFIX HACK:
   fixes mistakes in displaying floating containers
   see: http://positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   INVISIBLE-CLASS
   will hide elements from the screen but will be recognized in screen reader applications
*/
.invisible { position: absolute; left: -1000em; width: 20em; }

a {
  text-decoration: none;
  color: #666666;
}
a:hover {
  color: #851532;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
   MAIN ELEMENTS */

body {
  position: absolute;
  width: 100%; height: 101%;
  background: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  color: #444444;

  font-size: 0.8em;
  line-height: 1.6em; 
}

html* #page_content {
/* MSIE 6, 7 */
}
*html #page_content {
/* MSIE 6 */
}

#content {
  position: absolute;
  top: 0; left: 50%;
  width: 600px; height: 400px;
  padding: 100px 0 0 0;
  margin: 0 0 0 -200px;
  z-index: 50;
}
#content .container{ padding: 0 0 0 0; }
#pageprior_2 #content .container{ padding: 1.6em 0 0 0; }
#pageprior_3 #content .container{ padding: 3.2em 0 0 0; }
#pageprior_4 #content .container{ padding: 4.8em 0 0 0; }
#pageprior_5 #content .container{ padding: 6.4em 0 0 0; }
#pageprior_6 #content .container{ padding: 8em 0 0 0; }
#pageprior_7 #content .container{ padding: 9.6em 0 0 0; }
#pageprior_8 #content .container{ padding: 11.2em 0 0 0; }
#pageprior_9 #content .container{ padding: 12.8em 0 0 0; }
#pageprior_10 #content .container{ padding: 14.4em 0 0 0; }

body.textwthumbs #content .container{ padding: 0 0 0 120px; }
#pageprior_2.textwthumbs #content .container{ padding: 1.6em 0 0 120px; }
#pageprior_3.textwthumbs  #content .container{ padding: 3.2em 0 0 120px; }
#pageprior_4.textwthumbs  #content .container{ padding: 4.8em 0 0 120px; }
#pageprior_5.textwthumbs  #content .container{ padding: 6.4em 0 0 120px; }
#pageprior_6.textwthumbs  #content .container{ padding: 8em 0 0 120px; }
#pageprior_7.textwthumbs  #content .container{ padding: 9.6em 0 0 120px; }
#pageprior_8.textwthumbs  #content .container{ padding: 11.2em 0 0 120px; }
#pageprior_9.textwthumbs  #content .container{ padding: 12.8em 0 0 120px; }
#pageprior_10.textwthumbs  #content .container{ padding: 14.4em 0 0 120px; }

h1 {
  font-weight: bold;
}


#images {
  position: absolute;
  top: -5px; left: 50%;
  width: 100px; height: auto;
  margin: 0 0 0 -200px;  
  padding: 0 0 0 0;
  z-index: 60;
}
#images a {
  display: block;
  margin: 5px 0 0 0;
}


#main_menu {
  position: absolute;
  top: 0; left: 50%;
  width: 150px;
  padding: 100px 0 0 0;
  margin: 0 0 0 -400px;
  z-index: 40;
  text-align: right;
}
#main_menu li {
  margin: 0; padding: 0;
}
#main_menu a,
#main_menu li.current ul li a {
  color: #cccccc;
}
#main_menu li.current a,
#main_menu li.current ul li.current a {
  color: #333333;
}
#main_menu li ul {
  display: inline;
}
#main_menu li ul li {
  display: inline;
  padding: 0 0 0 5px;
}

#logo {
  position: absolute;
  width: 400px; height: 20px;
  bottom: -20px; right: 0;
  text-align: right;
  z-index: 99;
}


#fadein {
  position: absolute;
  top: 100px; left: -150px;
  width: 750px; height: 400px;
  background-color: #ffffff;
  z-index: 90;
}