/* CSS Document */

/* basic elements */

body {
  font-family: Arial, Helvetica, sans-serif; 
  background-color: #1f1e1e;
  font-size: 12px;
  line-height: 16px; 
  color: #dfdfdf; 
  padding: 0px; 
  margin: 0px;
  text-align: left;
  }
  
p {
  line-height: 16px;
}
  
img {
  border: 0;
  }
  
a:link { 
  font-weight: normal; 
  text-decoration: none; 
  color: #e70023;
  }
  
a:visited { 
  font-weight: normal; 
  text-decoration: none; 
  color: #e70023;
  }
  
a:hover { 
  text-decoration: underline; 
  color: #999;
  text-decoration: underline;
  }
  
a:active {
  font-weight: bold;
  text-decoration: none;
  color: #e70023;
  }

/* Content */

.head {
  height: 50px;
  width: 800px;
  background-color: #282828;
  font-family: Arial, Helvetica, sans-serif;
  color: #f9cf97;
  }
  
.phone {
  float: right;
  text-align: right;
  width: 200px;
  padding: 15px 15px 0px 0px;
  font-size: 14px;
  line-height: 18px;
  }
  
.emailform {
  float: right;
  text-align: right;
  padding: 15px 10px 0px 100px;
  font-size: 12px;
  line-height: 18px;
  }
  
.emailsignup {
  padding: 0px 10px 0px 10px;
}
  
.submit {
  float: right;
  padding: 14px 10px 0px 0px;
  }
  
#nav {
  margin: 0;
  padding: 0;
  height: 43px;
  list-style: none;
  display: inline;
  overflow: hidden;
  }

#nav li {
  margin: 0; 
  padding: 0;
    list-style: none;
  display: inline;
  }

#nav a {
  float: left;
  padding: 43px 0 0 0;
  overflow: hidden;
  height: 0px !important; 
  height /**/:43px; /* for IE5/Win only */
  }
  
#nav a:hover {
  background-position: 0 -43px;
  }

#nav a:active, #nav a.selected {
  background-position: 0 -86px;
  }
  
#thome a  {
  width: 94px;
  background: url(images/nav_home.jpg) top left no-repeat;
  }
  
#tproducts a  {
  width: 127px;
  background: url(images/nav_products.jpg) top left no-repeat;
  }
  
#ttips a  {
  width: 159px;
  background: url(images/nav_training_tips.jpg) top left no-repeat;
  }
  
#tevents a  {
  width: 108px;
  background: url(images/nav_events.jpg) top left no-repeat;
  }
  
#tcontact a  {
  width: 135px;
  background: url(images/nav_contact.jpg) top left no-repeat;
  }
  
#tfriends a  {
  width: 174px;
  background: url(images/nav_friends.jpg) top left no-repeat;
  }
  
.top_nav {
  height: 43px;
  width: 800px;
  background: url(images/nav_bg.jpg) repeat-x;
  text-align: left;
  float: left;
  margin: 0px;
  }
  
/*.top_nav a:link {
  background: url(images/nav_bg_inactive.jpg) repeat-x;
  padding: 10px 25px 10px 25px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color:#dbdbdb;
  }
  
.top_nav a:active {
  background: url(images/nav_bg_active.jpg) repeat-x;
  padding: 10px 25px 10px 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color:#ffffff;
  }
*/
  
.content {
  background-color: #282828;
  padding: 20px;
  }
  
.leftcolumn {
  float: left;
  width: 444px;
  padding: 0px 30px 0px 0px;
  line-height: 16px;
  }
  
.rightcolumn {
  float: left;
  width: 286px;
  }
  
.box {
  width: 286px;
  background: url(images/box_bg.jpg) repeat-y;
  color:#000000;
  }
  
.box_content {
  width: 286px;
  padding: -10px 0px -10px 0px;
  }
  
.copyright {
  font-size: 12px;
  color: #666;
  }
  
.address{
  font-size: 12px;
  color: #999;
  line-height: 18px;
  }
  
.admin {
  width: 700px;
  }
  
.products {
  width: 680px;
  background: url(images/products_box_bg.jpg) repeat-y;
  }
  
.products_content {
  float: left;
  width: 650px;
  padding: 0px 15px 0px 15px;

}

.products_h1 {
  font-size: 18px;
  color:#cccccc;
}

.tips {
  float: left;
  width: 500px;
  padding: 0px 30px 0px 0px;
  line-height: 16px;
  }

.tips h1 {
  color:#c4a173;
  font-size: 16px;
  padding: 10px 0px 7px 0px;
  margin: 0px;
  font-weight: normal;
}

.tips_rightcolumn {
  float: left;
  width: 200px;
  }