@import url('http://www.calenderrollgrinding.com/css/reset.css');

a:link  {
  
  }
  
a:visited  {
  
  }
  
a:hover  {
  
  }
  
a:active  {
  
  }      

body  {
  font-size: 10pt;
  font-family: arial, geneva, sans-serif;
  background-color: #0f1f22;
  background-image: url("http://www.calenderrollgrinding.com/images/bg.gif");
  padding-top: 7px;
  color: #151515;
}

#center-col  {
  margin-left: 280px; 
  margin-right: 270px;
  padding: 30px 0 60px 0;
  height: auto;
  font-size: 1em;
  }

#center-col #nav-2  {
  list-style: none;
  line-height: 1.4em;
  margin-bottom: 100px;
  }
  
#center-col img {
  margin-bottom: 15px;
  }  


.clear  {
  clear: both;
  }

#contact  {
  text-align: right;
  margin: 10px 20px 0 0;
  color: #0f1f22;
  font-size: .8em;
  font-weight: bold;
  }

#container  {
  background-image: url("http://www.calenderrollgrinding.com/images/container-bg.gif");
  background-repeat: repeat-x;
  }

#content  {
  width: 960px;
  max-width: 960px;
  background-color: #000;
  position: relative;
  }

#copy {
  color: #575757;
  font-size: .8em;
  font-weight: bold;
  }

#copy a:link  {
  color: #575757;
  }
  
#copy a:visited  {
  color: #575757;
  }  

#copy a:hover {
  color: #cbcbcb;
  }
  
#copy a:active {
  color: #cbcbcb;
  }  

#footer {
  width: 960px;
  max-width: 960px;
  /*position: relative;*/
  color: #cbcbcb;
  text-align: left;
  margin: 15px 0;
  padding-left: 60px;
  }
 
#footer h4  {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  }        

#footer-nav {
  margin-bottom: 15px;
  }

#footer-nav a:link  {
  color: #cbcbcb;
  }
  
#footer-nav a:visited  {
  color: #cbcbcb;
  }
  
#footer-nav a:hover  {
  color: #fff;

  }
  
#footer-nav a:active  {
  color: #fff;

  }

#footer-nav li  {
  display: inline;
  margin-right: 3px;
  }  
  
h2  {
  color: #740013;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: "arial black", arial, sans-serif;
  }  

h3  {
  color: #fff;
  background-color: #151515;
  width: 190px;
  min-width: 190px;
  font-family: arial black, sans serif;
  font-weight: bold;
  font-size: 1em;
  padding: 5px 0 5px 10px;
  margin-bottom: 15px;
  }

h4  {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
  }

h5  {
  margin-right: 10px;
  }

#header {
  background-color: #fff;
  height: 121px;
  margin: 0 30px
  }

.left {
  float: left;
  }

#left-col {
  float: left;
  width: 220px;
  max-width: 220px;
  padding: 30px 0 0 20px;
  margin-bottom: 30px;
  }

#left-col img {
  border: 1px solid #666;
  }

#logo {
  position: absolute;
  top: 21px;
  left: 50px;
  z-index: 1;
  }

#main {
  text-align: left;
  font-size: 1em;
  background-color: #fff;
  margin: 0 30px;
  }        

#nav-2  {
  margin-left: 10px;
  font-size: 1em;
  font-weight: bold;
  }

#nav-2 a {
  color: #151515;
  }

#nav-2 li {
  margin-bottom: 5px;
  }
  
#nav-3  {
  margin-left: 10px;
  font-size: 1em;
  font-weight: bold;
  }

#nav-3 a {
  color: #151515;
  }

#nav-3 li {
  margin-bottom: 5px;
  }  

p {
  margin-bottom: 15px;
  }
  
.right {
  float: right;
  } 

#right-col-hm  {
  margin-left: 280px; 
  padding: 30px 47px 60px 0;
  font-size: 1.2em;
  line-height: 1.2em;
  }
  
#right-col-full {
  margin-left: 280px; 
  padding: 30px 47px 60px 0;
  font-size: 1em;
  }  

#right-col-full a:link  {
  color: #000;
  font-weight: bold;
  }
  
#right-col-full a:visited  {
  color: #000;
  font-weight: bold;
  }  
  
#right-col-full a:hover  {
  color: #333;
  font-weight: bold;
  }  
  
#right-col-full a:active  {
  color: #333;
  font-weight: bold;
  }    

#right-col-full ul#contacts {
  list-style: none;
  margin-left: 0;
  }  
  
#right-col-full ul#contacts li {
  margin-bottom: 15px;
  }  

 #right-col-full ul#equip {
  font-weight: bold;
  font-size: 1.2em;
  }

 #right-col-full ul#equip, #right-col-full ul#equip ul,  #right-col-full ul#equip ul ul{
  list-style: none;
  }

#right-col-full ul#equip ul {
  font-size: 1em;
  font-weight: normal;
  }

#right-col-full ul#equip ul ul {
  font-size: .8em;
  font-weight: normal;
  }

#right-col-full ul  {
  margin-bottom: 15px;
  margin-left: 15px;
  list-style-type: disc;
  }

.img-right {
  float: right;
  margin: 5px 20px 15px 15px;
  border: 1px solid #666;
  }
 
.img-left {
  float: left;
  margin: 5px 20px 15px 0;
  border: 1px solid #666;
  } 
  
#right-col  {
  float: right;
  width:  220px;
  max-width: 200px;
  padding: 30px 20px 30px 0;
  font-size: .8em;
  }  

#right-col-ind  {
  float: right;
  width:  220px;
  max-width: 200px;
  padding: 30px 20px 30px 0;
  }  

#right-col img  {
  margin: 60px 0;
  }

#right-col-ind img  {
  margin: 0;
  }
  
#right-col ul {
  background-color: #ccc;
  background-image: url("http://www.calenderrollgrinding.com/images/right-bg.gif");
  padding: 10px;
  }  

#right-col ul li  {
  margin-bottom: 10px;
  }
  
/* Begin dropdown styles */

#nav-1  {
  background-color: #99001a;
  border-bottom: 3px solid #999999;
  }

#nav-1 ul  {
  padding: 0 40px 0 0;
  color: #fff;
  font-size: .9em;
  font-weight: bold;
  float: right;
  text-align: right;
  background-color: #99001a;
  position: relative;
  }

#nav-1 ul {
  z-index: 3;
  line-height: 1;
  }

#nav-1 ul ul {
  z-index: 2;
  line-height: 1.6;
  padding: 0px;
  }

#nav-1 ul a  {
  display: block;
  color: #fff;
  text-decoration: none;
  }  

#nav-1 ul li {
  float: left;
  }  
  
#nav-1 ul a {
  padding: 12px 8px 11px 9px;
  }  
  
#nav-1 ul ul a  {
  padding: 0;
  }  

#nav-1 ul li:hover  {
  background-color: #000;
  }
  
#nav-1 ul li ul, #nav-1 ul li.sfhover ul  {
  position: absolute;
  width: 15em;
  min-width: 15em;
  left: -999em;
  text-align: left;
  font-size: 1em;
  margin: 0;
  }   
  
#nav-1 ul li:hover ul {
  left: auto;
  }  

#nav-1 ul li ul li {
  background-image: url("http://www.calenderrollgrinding.com/images/nav-bg.jpg");
  float: none;
  display: block;
  font-weight: bold;
  padding: 3px 6px;
  }
 
#nav-1 li:hover ul, #nav-1 li.sfhover ul { 
  display: block;
  } 
 
#nav-1 ul li ul a:hover {
  text-decoration: underline;
  } 
 

/* End dropdown styles */  

.top-pic  {
  border-bottom: 1px solid #000;
  }