* {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

h1, h2, h3, h4, h5, h6, p, a {
  text-decoration: none;
  font-family: 'Titillium Web';
}

body {
  background: #fff;
}

#logo {
  float: left;
  background: url(images/logoct.jpg) no-repeat;
  width: 480px;
  height: 100px;
}

#header {
  font-weight: 300;
  height: 100px;
  margin-left: 480px;
  margin-bottom: 20px;
}

#header p {
  padding: 10px 0px 20px 20px;;
}

#container {
  padding: 20px 0px 20px 0px;
  margin: 0 auto;
  width: 960px;
}

hr {
  border:#000 1px dotted;
  border-style: none none dotted;
  color:#fff;
  display: block;
}

#menu {
  float: right;
  padding: 40px 0px 40px 0px;
}

#menu li {
  list-style-type: none;
  float: left;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  background: #C0C0C0;
  margin-left: 10px;
}

#menu li a {
  text-transform: uppercase;
  display: block;
  line-height: 200%;
  color: #555;  
  padding: 0px 10px 0px 10px;
}

#menu li a:hover {
  background: #DAA520;
  color: black;
  text-shadow:0 0 1px #555;
}

#menu li a:active {
  background: black;
  color: white;
  text-shadow:0 0 1px #555;
}

#content-box {
  clear: both;
  font-family: 'titillium Web';
}

#content-title {
  font-size: 200%;
}

#content-header {
  font-weight: bold;
}

#content-img {
  background: url('images/ctfoto.jpg');
  margin-top: 25px;
  height: 225px;
  width: 376px;
  float: right;
  border:solid 1px #000;
}

#content-img2 {
  background: url('images/conts.jpg');
  margin-top: 25px;
  height: 225px;
  width: 376px;
  float: right;
  border:solid 1px #000;
}

#content-box li {
  margin-left: 40px;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {
  float:left;
}

#box1 {
  margin-right: 20px;
}

#box2 {
  margin-right: 20px;
}

#box3 {
  margin-right: 20px;
}

#box5 {
  clear: both;
  margin-top: 20px;
  margin-right: 20px;
}

#box6 {
  margin-top: 20px;
  margin-right: 20px;
}

#box7 {
  margin-top: 20px;
  margin-right: 20px;
}

#box8 {
  margin-top: 20px;
  margin-bottom: 10px;  
}

#nav p, #nav a {
  font-size: 100%;
}

#nav p {
  display: block;
  float: right;
  color: #999;
  text-shadow:0 0 1px #999;
}

#nav a {
  color: #555;
}

#nav a:hover {
  color: black;
  text-shadow:0 0 1px #555;
}

#nav p {
  margin-bottom: 10px;
}

#hr_menu2 {
  clear: both;
}

#menu2 {
  clear: both;
  padding: 30px 0px 60px 0px;
}

#menu2 li {
  list-style-type: none;
  float: left;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  font-size:13px;
}

#menu2 li a {
  text-transform: uppercase;
  display: block;
  line-height: 200%;
  color: #555;  
  padding: 0px 10px 0px 0px;
}

#footer {
  font-weight: 300;
  float: left;
  padding: 20px 0px 20px 0px;
}