/***** RESET *****/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }

body { line-height: 1.4em; font-size: 16px; }

h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, sans-serif; font-size: 100%; font-weight: normal; padding: 0 0 1.2em 0; }

ul, ol { list-style: none; }

/***** BASIC LAYOUT *****/

#container {
  background: url(img/bg_container.gif) repeat-x 0% 140px;
  margin: 0 auto;
  overflow: hidden; 
  width: 960px; 
}

#header {
  background: url(img/logo.png) no-repeat 0% 0%;
  border-bottom: 1px solid #999;
  float: left;
  height: 120px;
  margin-top: 20px;
  width: 960px;
}

#sidebar {
  float: left;
  font: normal 12px/15px arial, helvetica, sans-serif;
  height: auto !important; 
  height: 500px; 
  min-height: 500px; /* Must be the same value as height */
  padding-top: 1.2em;
  width: 200px;
}

#content {
  float: left;
  font: normal 11px/13px verdana, arial, helvetica, sans-serif;
  height: auto !important; 
  height: 500px;
  margin: 1.2em 0 0 10px;
  min-height: 500px; /* Must be the same value as height */
  width: 750px;
}

#footer { float: left; width: 960px; }

/***** BASIC ELEMENTS *****/

body { background: #fff; }

h1, h2, h3, h4, h5, h6 { color: #999; letter-spacing: 1px; }

h1 {
  color: #069;
  font-size: 300%;
  line-height: 1em; 
  margin-bottom: 1.2em;
  padding: 0 0 0 138px;
}

h2 {
  color: #999;
  font-size: 150%;
  line-height: 1.1em;
  padding: 0 0 0 138px;
}

h3 { font-size: 120%; }
h4, h5, h6 { font-size: 100%; }

a { color: #069; font-weight: bold; text-decoration: none; }

a:hover { color: #999; text-decoration: none; }
a:active, a:focus { outline: none; }

p { margin-bottom: 1.2em; width: 100%; }

img { border: none; display: block; vertical-align: middle; }

/***** MENUS *****/

/* VERTICAL */

#menu { border-left: 1px solid #999; padding: 0; margin: 1.2em 0 0 0; }
#menu li { list-style: none; margin: 0; padding-bottom: 0.6em; }

#menu li a {
  background: url(img/line.png) no-repeat left center;
  color: #999; 
  font-weight: normal;
  letter-spacing: 0.15em;
  padding-left: 10px;
  text-decoration: none;
  text-transform: lowercase; 
}

#menu li a:hover { color: #000; text-decoration: none; }

/***** Content *****/

textarea { overflow: auto; }

/***** FOOTER *****/

#footer {
  border-top: 1px solid #999;
  font: normal 11px/13px verdana, arial, helvetica, sans-serif;
  padding: 1.2em 0;
  text-align: center;
}

/***** GENERIC CLASSES *****/

.floatLeft { float: left; }
.floatRight { float: right; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

/***** GALLERY *****/

.gallery { margin: 0 117px 0 107px; width: 545px; }

.gallery li {
  float: left;
  font-weight: bold;
  list-style-type: none;
  margin: 0 20px 20px 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

.gallery img {
  border: 1px solid #000;
  height: 47px;
  display: block;
  margin-bottom: 0.6em;
  padding: 0;
  width: 63px;
}

.gallery img:hover { border: 1px dashed #000; }

.gallery a .large { display: none; }

.gallery a:hover .large {
  background: #fff;
  border: 1px solid #000;
  display: block;
  height: 226px;
  left: 32px;
  position: absolute;
  top: 24px;
  width: 300px;
  z-index: 1;
}

/*--Internet Explorer 7--*/
*+html .gallery a:hover { z-index: 1;}
*+html .gallery li{position: static;}
*+html .gallery a {position: relative;}

/*--Internet Explorer 6--*/
* html .gallery a:hover {display: block; z-index: 1;}
* html .gallery li{position: static;}
* html .gallery a {position: relative;}

/***** ETC *****/

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */