@charset "utf-8";

body {
    margin:  0px;
    padding: 0px;
    /* overflow-y: scroll; */
    font: normal 10pt Helvetica, arial, sans-serif;
    width: 100%;
    overflow: -moz-scrollbars-vertical; 
    /* overflow-y: scroll; */
    background: #3d3d3d url(../images/main_bg_low3.jpg) top repeat-x;
    background-position: top center;
}
.clear {
    clear: both;
    padding: 0;
}
img {
    border: 0;
}

/***
 * General rules for the body.
 ***/

ul.buttons {
    float:   left;
    padding: 20px 0 10px 25px;
    margin:  0;
    list-style: none;
}
ul.buttons li {
    float: left;
    padding: 0 5px;
    margin: 0;
}
a {
    color: #242424;
    text-decoration: none;
}
a.active {
    color: #658710;
    text-decoration:underline;
}
a:hover {
    color: #658710;
    text-decoration:underline;
}

/***
 *** The main page layout
 ***/
.container {
    width: 1071px;
    margin: 0 auto;
    padding: 0px 0;
}
.container_top {
    width: 1071px;
    height: 164px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    background: url(../images/container_top.png) top no-repeat;
    /* background: #ff0000; */
    z-index: 1000;
}
.container_half {
    width: 1071px;
    margin: 164px 0px 0px 0px;
    overflow: hidden;
}
.container_middle {
    width: 1071px;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: url(../images/container_middle.png) top repeat-y;
    /* background: #ff00ff; */
}
.container_bottom {
    width: 1071px;
    height: 164px;
    margin: 0;
    padding: 0;
    overflow: visible;
    z-index: -1;
    background: url(../images/container_bottom.png) top no-repeat;
    /* background: #00ff00; */
}

.border {
    width: 981px;
    overflow: visible;
    margin: -120px 45px 0px 45px;
    padding: 0px;
    position: relative;
    bottom: -120px;
    border: 0;
    background: #ffffff;
}
.logo { 
    position: absolute;
    left:   60px;
    bottom: 0px;
    padding: 0;
}

/* The menu portion */
.navigation {
    width:  981px;
    height: 164px;
    margin: 10px 45px 10px 45px;
    padding: 0;
}
.menu {
    height:55px;
    position: absolute;
    right: 90px;
    bottom: 20px;
    padding: 0;
    font-size: 10pt;
    overflow: visible;
    z-index: 100;
}
.menu ul { float:left; margin:0; padding:8px 0 0 20px; list-style:none; }
.menu li { position: relative; float:left; margin:0; padding:0; float:left; border-left: 1px solid #6d6d6d; }
.menu li a { display: block; white-space: nowrap; line-height:16px; float:left; font-size: 10pt; color: #ffffff; margin:2px 0px; padding:10px 15px; text-decoration:none; }
.menu li a:hover { color: #a2e816; }
.menu li.first { border-left: 0px; }
.menu li ul { position: absolute; left: 1px; top: 45px; visibility: hidden; margin:0; padding:0; background: #262626; }
.menu li ul li { float: none; clear: both; display: block; border-style: none; }
.menu li ul li a { width: auto; font-size: 9pt; }

.button { background: url(../images/button.png) top no-repeat; color: #ffffff; text-align: center; width: 128px; height: 38px; }
.button a { line-height: 37px; font-size: 10pt; color: #ffffff; padding: 5px; text-decoration:none; }
.button_small { float: right; text-align: center; color: #9a9a9a; margin: 0px 20px 0px 0px; padding: 0; width: 100px; background: url(../images/button_small.png); height: 30px; }
.button_small a { line-height: 26px; font-size: 9pt; color: #ffffff; margin: 0; padding: 10px; text-decoration:none; }
.button_small a:hover { color: #a2e816; }

/* The top content frame on the main page. */
.topcontent {
    width:960px;
    margin:0 auto;
    padding:10px;
}
.topcontent .splash {
    background: #f4f4f4;
    border:1px solid #e5e5e5;
    width:958px;
    margin:0;
    padding:0;
}
.topcontent .splash .text { float:left; width:600px; padding-top: 10px; }
.topcontent .splash .text h2 { font-size: 16pt; padding:5px 10px; margin:0 0 0 20px; }
.topcontent .splash .text p { font-size: 11pt; padding:5px 10px; margin:0 0 0 20px; }
.topcontent .gallery { float:right; width:278px; margin:0 50px 0 0 !important; margin:0 25px 0 0; }

/* The anchors on the first page. */
/* .anchors { width:981px; margin:0px; padding:3px 0; border:0px solid #e4e4e4; background: #565656;} */
.anchors { width:970px; margin:0px 5px 0px 5px; padding:3px 0; border:none; background: #363636;}
.anchors h2 { font-size: 16pt; color:#ffffff; padding:30px 0 20px 50px; margin:0; }
.anchors p { font-size: 10pt; clear:left; font-size: 10pt; color:#bababa; padding:10px 10px 10px 20px; margin:0;}
.anchors img { float:left; padding: 20px 5px 10px 20px;}
.anchors .first  { float:left; width:320px; height: 180px; margin:0; padding:0 0 10px 0; }
.anchors .others { float:left; width:320px; height: 180px; margin:0; padding:0 0 10px 0; border-left:1px solid #6d6d6d; }

/* The body (on the first page and others). */
.content { width:980px; margin:0 auto; padding:0 auto; }

.content .sidebar                  { width:300px; font-size: 10pt; padding:0 20px; margin:10px 0 0 20px; float:left;}
.content .sidebar .filler          { float: right; margin: 50px 10px 10px 10px; }
.content .sidebar h2               { border-bottom:1px solid #cccccc; margin-top: 15px; }
.content .sidebar a                { font-weight: bold; }
.content .sidebar .anchor          { margin: 20px 0px; padding:0 5px; } /* background:#efefef; border:1px solid #e5e5e5; */
.content .sidebar .anchor .icon    { float: left; margin:5px 5px 5px 5px; padding:5px;}
.content .sidebar .anchor .text    { padding-left: 100px; }
.content .sidebar .anchor .text h3 { font-size: 12pt; color:#000000; border:0px; margin-top:15px; }

.content .main                   { width:550px; font-size: 11pt; padding:0 20px; margin:10px 0px 20px 20px; float:left;}
.content .main h2                { margin-top: 15px; }
.content .main .anchor           { margin: 10px; padding:5px 20px 5px 20px; background:#efefef; border:1px solid #e5e5e5;}
.content .main .anchor           { font-size: 10pt; }
.content .main .anchor .icon     { float: left; margin:0px; padding:10px 10px;}
.content .main .anchor .text     { display: block; padding-left: 15px; padding-top: 15px; padding-bottom: 15px; }
.content .main .anchor .text a   { color: #000000; }
.content .main .anchor .text h2  { font:normal 26px; border:0px; padding:0; margin:0; }

.content .main .bio                   { margin: 10px; padding:5px; background:#efefef; border:1px solid #e5e5e5;}
.content .main .bio .header           { margin: 0px; padding: 0px; display: inline; vertical-align: middle; }
.content .main .bio .header .name     { position: relative; height: 30px; width: 250px; margin: 0px; padding: 0px; float: left; }
.content .main .bio .header .name h2  { position: absolute; bottom: 0px; right: 0px; margin: 0px; padding: 5px; font-size: 12pt; }
.content .main .bio .header .title    { position: relative; height: 30px; width: 250px; margin: 0px; padding: 0px; float: right; }
.content .main .bio .header .title h3 { position: absolute; bottom: 2px; margin: 0px; padding: 5px; font-size: 8pt; color: #c3c3c3; }
.content .main .bio .icon { display: block; float: left; vertical-align: middle; margin:0px;  padding:10px; height: 120px; }
.content .main .bio p     { display: block; clear: none; vertical-align: middle; margin: 0px; padding:10px; font-size: 10pt; }

/***
 * Landing page
 ***/

/* The anchors on the landing page. */
.copperlanding_anchors {
  width:265px;
  margin:20px 5px 0px 5px;
  padding:3px 0px;
  border:none;
  background: #333333;
  float:left;
  border:1px solid #000000;
}
.copperlanding_anchors h2 {
  font-size: 16pt;
  color:#eeeeee;
  padding:30px 0px 10px 50px;
  margin:0px;
}
.copperlanding_anchors hr {
  border:0px;
  height:1px;
  width: 95%;
  background-color:#c77449;
}

.copperlanding_anchors p {
  font-size: 10pt;
  clear:left;
  font-size: 10pt;
  color:#e8e8e8;
  padding:10px 10px 10px 20px;
  margin:0px;
}
.copperlanding_anchors img {
  float:left;
  padding: 20px 5px 10px 20px;
}
.copperlanding_anchors .first  {
  width:255px;
  height: 190px;
  margin:0px;
  padding:0px 0px 10px 0px;
}
.copperlanding_anchors .others {
  width:255px;
  height: 190px;
  margin:0px;
  padding:0px 0px 10px 0px;
  border-top:0px solid #c77449;
}

.copperlanding_content {
  width:980px;
  margin:0px auto;
  margin-top: 20px;
  padding:0px auto;
  float:left;
  font-size: 11pt;
}
.copperlanding_content .anchor {
  margin: 10px;
  padding:5px 20px 5px 20px;
  background:#efefef;
  border:1px solid #e5e5e5;
}
.copperlanding_content .anchor { font-size: 10pt; }
.copperlanding_content .anchor .icon {
  float: left;
  margin:0px;
  padding:10px 10px;
}
.copperlanding_content .anchor .text {
  display: block;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.copperlanding_content .anchor .text a   { color: #000000; }
.copperlanding_content .anchor .text h2 {
  font:normal 26px;
  border:0px;
  padding:0px;
  margin:0px;
}

/* The top content frame on the main page. */
.copperlanding {
    width: 695px;
    margin: 0px;
    padding: 5px 0px 5px 5px;
    float: left;
    font-size: 11pt;
    line-height: 150%;
}

.copperlanding_info {
  float: right;
  display: block;
  width: 210px;
  margin: 0px;
  margin-top: 80px;
  margin-left: 10px;
}

/* Supported application pane on copper landing page */
.copperlanding_supported_apps {
  background-color: #333333;
  border: 1px solid #000000;
  width: 200px;
  height: 240px;
  padding: 5px;
  font-size: 9pt;
  color: #e8e8e8;
  margin: 0px;
  position: relative;
  right: 4px;
}

.copperlanding_supported_apps a {
  font-weight: bolder;
  color: #e8e8e8;
}

.copperlanding_supported_apps hr {
  border:0px;
  height:1px;
  background-color:#c77449;
}

.copperlanding_supported_apps h4 {
  margin:0px;
  padding:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.copperlanding_supported_apps ul {
  margin: 0px;  padding: 5px; padding-left: 20px;
}

/* Contact form for white papers on landing page. */

#copperlanding_contactform {
  margin: 0px;
  margin-top: 20px;
  padding:5px;
  background:#333333;
  border:1px solid #000000;
  width: 200px;
  height: 220px;
  font-size: 8pt;
  color: #e8e8e8;
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  overflow: hidden;
  position: relative;
  right: 2px;
}

#copperlanding_contactform hr {
  border:0px;
  height:1px;
  background-color:#c77449;
}

#copperlanding_contactform h4 {
  margin:0px;
  padding:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

#copperlanding_contactform * {
}

#copperlanding_contactform form {
  width: 200px;
  margin: 0px;
  padding: 0px;
  display: block;
}

#copperlanding_contactform .entry {
  display: block;
  width: 200px;
  margin: 0px;
  padding: 0px;
  border: none;
  float: left;
}

#copperlanding_contactform .entry label {
  margin:0px;
  padding: 0px;
  float:left;
  width: 70px;
}

#copperlanding_contactform .entry input {
  color: #000000;
  float: right;
  width: 120px;
  border: none;
  margin: 0px;
  padding: 0px;
}

#copperlanding_contactform .submit {
  padding:3px 10px;
  margin:0px auto 0px auto;
  background:#151515;
  border:1px solid #000000;
  color:#ffffff;
  display: block;
  font-size: 10pt;
  cursor: pointer;
}

#copperlanding_contactform_message {
  margin: 0px;
  display: none;
  width:85%;
}

#copperlanding_contactform_reset {
  font-weight: bold;
  font-size: 10pt;
  cursor: pointer;
}

.copperlanding_content {
  margin: 10px 10px 0px 10px;
  width: 960px;
  padding-top: 10px;
  background: url(/images/landing/fade.png);
  background-repeat: no-repeat;
  border-top: 1px solid #e1c595;
}

.copperlanding_content_title {
  font-size: 27px;
}

/* Big points (first lower section) on landing page */
.copperlanding_bigpoints {
  width: 960px;
  margin: 0;
  padding: 0;
  height: 450px;
  float: left;
}

.copperlanding_bigpoints .anchor { height: 400px; }

.copperlanding_content .copperlanding_bigpoints_left {
  width: 470px; height: 400px;
  /*margin: 5px 10px 5px 5px; */
  margin: 0px;
  padding: 5px;
  float: left;
}

.copperlanding_content .copperlanding_bigpoints_right {
  width: 470px; height: 400px;
  margin: 0px;
  /*margin: 5px 5px 5px 10px; */
  padding: 5px;
  float: right;
}

.copperlanding_content .copperlanding_sections {
  width: 940px;
  margin: 0px 10px 20px 10px;
  padding: 0;
  float: left;
}

.copperlanding_content .copperlanding_section {
  border-top: 1px solid #e1c595;
  background: url(/images/landing/fade.png) no-repeat;
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 15px 10px 10px 10px;
}

.copperlanding_content .copperlanding_section_head {
  margin: 0;
  padding: 0;
}

.copperlanding_content .copperlanding_section_head h2 {
  font-size: 27px;
  margin: 10px 30px 10px 20px;
  display: inline;
}

.copperlanding_content .copperlanding_section_head img {
  display: inline;
}

/***
 * Download page.
 ***/

.copperdownload {
  width: 980px;
  margin: 0px auto;
  padding: 0px auto;
} 

.copperdownload #download_title {
  display: block;
  margin: 20px auto;
  width: 600px;
  background: none;
  text-align: center;
}

.copperdownload #download_title img {
  display: inline;
  width: 200px;
  margin: 0px 10px 0px 0px;
}

.copperdownload #download_title h2 {
  display: inline;
  margin: 0px 0px 0px 10px;
}

.copperdownload #download_noncommercial {
  display: block;
  float: left;
  margin: 0px auto 0px 30px;
  padding: 0px;
  width: 450px;
  border:1px solid #e5e5e5;
}

.copperdownload #download_commercial {
  display: block;
  float: right;
  margin: 0px 30px 0px auto;
  padding: 0px;
  width: 450px;
  border:1px solid #e5e5e5;
}

.copperdownload .download_section {
  position: relative;
  background: url(/images/fade_gray.png);
  background-repeat: no-repeat;
  height: 630px;
}

.copperdownload .download_section_title {
  display: block;
  width:  430px;
  margin: 10px;
  padding: 0px;
  border: none;
}

.copperdownload .download_section_title h2 {
  display: block;
  font-size: 18pt;
  text-align: center;
  font-weight: none;
  margin: auto; /* 0px 0px 0px 10px; */
}

.copperdownload .download_section_logo {
  position: relative;
  display: block;
  height: 175px;
}

.copperdownload .download_section_logo img {
  position: absolute;
  bottom: 20px;
  left: 125px;
}

.copperdownload .download_section_content {
  margin: -25px 10px 0px 10px;
}

.copperdownload .download_section_points {
  margin: 0px 20px 0px 0px;
}

.copperdownload .download_section_points li {
  padding-bottom: 10px;
}

.copperdownload .download_section_points a {
  font-weight: bolder;
}

.copperdownload .download_section_link {
  position: absolute;
  bottom: 20px;
  left: 161px;
}

/** News dates */
#news { width: 575px; color: #000000; font-weight:normal; float:left; }
#news h2 { margin-top: 15px; }
#news .newsitem { margin: 10px; padding 20px 20px 0px 20px; border:1px solid #e5e5e5; background:#f4f4f4; }
#news .newsitem .title    { float: left; font-size: 12pt; border:0px; padding:5px; margin:5px; }
#news .newsitem .date     { clear: left; font-size: 9pt; margin: 15px 20px 0px 20px; }
#news .newsitem .snippet  { clear: left; font-size: 9pt; width: 525px; margin: 5px; padding: 5px; }

/* The contact form */
.message {margin: 10px; background:#FFF8C6; color:#000;display:none;width:85%;padding:10px;}
.smallmessage {margin: 10px; background:#FFF8C6; color:#000;display:none;width:260px;padding:10px;}
#contactform { margin:10px; padding:5px; background:#efefef; border:1px solid #e5e5e5;}
#contactform * { font-family: Arial, Helvetica, sans-serif; font-size:8pt;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:0; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:100px; display:block; float:left; padding:2px 0; font-weight:bold; color:#666666;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#ffffff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#ffffff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 100px; background:#151515; border:1px solid #000; color:#ffffff; float:left;}

/* footer */
.footer {
    width: 1071px;
    position: absolute;
    bottom: -180px;
    text-align:center;
    margin:30px 0px 0px 0px;
    padding:10px 0;
    font-size: 8pt;
    color:#ffffff;
}