html, body {
  font-family: arial, serif;
  /*background-image: url('../img/Canvas.jpg');
  background-repeat: repeat-x repeat-y;*/
  background-color: #ffffff;
  font-size:16px;
}

#body {
  margin:10px 0;
}

#header .navbar social {
  float:right;
}

social a {
  text-decoration:none;
}

social td {
  float:right;
  padding: 0 2px;
}

#header .twitter {
  margin-top:1px;
}

#header .navbar {
  padding: 20px 0 !important;
  position:relative;
}

#header ul.submenu {
  display:none;
  position:absolute;
  margin-top:2px;
  z-index:500;
  width:163px;
}

#header ul.submenu li {
  background:#fff url('../img/Cart.png') no-repeat;
  background-size:20px 12px;
  background-position:11px 50%;
  border:1px solid #CECDC8;
  color:#666;
  padding:2px;
  text-decoration:none;
  text-shadow:0 1px 0 #fff;
}

#header ul.submenu li:hover {
  text-decoration:underline;
}

#header ul.submenu li a {
  margin-left: 36px;
  cursor:pointer;
  text-decoration:none;
}

#header ul.submenu li a:link,
#header ul.submenu li a:hover,
#header ul.submenu li a:visited,
#header ul.submenu li a:active {
  color:#666;
  text-decoration:none;
}

#header a.button {
  /*-moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:0 0 8px rgba(162, 162, 149, 0.1);
  -webkit-box-shadow:0 0 8px rgba(162, 162, 149, 0.1);
  */
  box-shadow:0 0 8px rgba(162, 162, 149, 0.1);
  background:none repeat scroll 0 0 rgba(220, 219, 215, 0.5);
  border:1px solid #CECDC8;
  color:#666;
  padding:6px 10px 5px;
  text-decoration:none;
  text-shadow:0 1px 0 #fff;
  text-transform:uppercase;
}

#header a.button:hover {
  color:#273B4B;
}

#header nav ul:hover ul.submenu {
  display:block;
}

#header nav ul,
#header nav ul li {
  margin:0;
}

#header nav ul {
	padding:0;
}

.title-container {
  color:#dedfe0;
  font-size:20px;
  font-weight:bold;
}

.title-container a,
.title-container a:link,
.title-container a:visited,
.title-container a:hover,
.title-container a:active {
  color:#dedfe0;
  text-decoration:none;
}

img.title {
  display:inline-block;
  width:780px;
}

.sub-title {
  color:#b1b4b6;
  font-size:24px;
  letter-spacing:0.3px;
  padding-top:15px;
  text-align:center;
}

a.matrix-element,
a.matrix-element:visited,
a.matrix-element:hover,
a.matrix-element:active,
a.matrix-element:link {
  cursor:pointer;
  color:#2e99ca;
  display:block;
  float:left;
  margin:0 3px 8px 2px;
  padding:0;
  position:relative;
  text-decoration:none;
  width:151px;
  height:148px;
}

a.matrix-element span.no-image {
  color:#000;
  display:inline-block;
  font-size:25px;
  height:148px;
  padding:3px;
}

a.matrix-element img {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow:0 0 24px rgba(20, 20, 20, 0.45);
  -webkit-box-shadow:0 0 24px rgba(20, 20, 20, 0.45);
  box-shadow:0 0 24px rgba(20, 20, 20, 0.45);
  position:relative;
}

a.matrix-element:hover .matrix-element-info {
  display:block;
}

a.matrix-element:hover span.no-image {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:4px solid #b1b4b6;	
}

a.matrix-element:hover:nth-child(3n) img {
  -moz-transform:scale(1.2) rotate(1deg);
  -webkit-transform:scale(1.2) rotate(1deg);
  -o-transform:scale(1.2) rotate(1deg);
  -ms-transform:scale(1.2) rotate(1deg);
  z-index:1901;
}

a.matrix-element:hover:nth-child(2n) img {
  -moz-transform:scale(1.2) rotate(-2deg);
  -webkit-transform:scale(1.2) rotate(-2deg);
  -o-transform:scale(1.2) rotate(-2deg);
  -ms-transform:scale(1.2) rotate(-2deg);
  z-index:1901;
}

a.matrix-element:hover img {
  -moz-transform:scale(1.2) rotate(-2deg);
  -webkit-transform:scale(1.2) rotate(-2deg);
  -o-transform:scale(1.2) rotate(-2deg);
  -ms-transform:scale(1.2) rotate(-2deg);
  z-index:1901;
}

.matrix-element-info {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  -moz-box-shadow:0 0 24px rgba(112, 172, 193, 0.45);
  -webkit-box-shadow:0 0 24px rgba(112, 172, 193, 0.45);
  box-shadow:0 0 24px rgba(112, 172, 193, 0.45);
  background-color:rgba(213, 213, 213, 0.85);
  border:3px solid #2e99ca;
  color:#2e99ca;
  display:none;
  left:-6px;
  padding:14px 6px 5px;
  position:absolute;
  top:150px;
  width:144px;
  z-index:1900;
}

.video-page,
.video-page iframe {
  margin:0 auto;
  margin-bottom:20px;
  text-align:center;
}

.content p {
  padding-right:30px;
}

.quote {
	float:right;
	padding:2px;
}

.content ul li {
  list-style-type: disc;
  padding:5px 0;
}

ol li {
	list-style-type:decimal;
}

#footer {
  color:#b1b4b6;
  font-size:12px;
  margin:0 auto;
  padding:40px 0 40px;
  text-align:center;
}