/* Red Shadow v0.1 */
/* by Michael v.Vierssen & Jozua Terzol */

#siteHeader {
  padding-top:1.5em;
  padding-bottom:1em;

  border-top:#e72 12px solid;
  background:white top repeat-x url(images/bar.png);
}

#siteControl {
  font-size:x-small;
  padding-right:1em;
}

#siteControl ul {
  margin:0;
  padding:0;
  list-style:none;  
}

#siteControl ul li {
  margin:0;
  padding:0;  
  margin-left:5px;
  padding-left:5px;
  display:inline;
}

#siteNavigation {
  background:top repeat-x url(images/line_horiz_top.png);
  padding-top:1em;
  padding-left:1em;
}

#siteNavigation ul {
  margin:0;
  padding:0;  
  list-style:none;  
}

#siteNavigation ul ul {
  margin:0;
  padding:0;
  margin-left:1em;
  list-style:none;

  margin-top:1.0em;
}

#siteNavigation ul li {
  display:block;

  margin:0;
  padding:0;  

  margin-bottom:1.0em;
}

#siteNavigation ul ul li {
  display:block;

  margin:0;
  padding:0;  

  margin-bottom:0.5em;
}

#siteNavigation ul {
  color:black;

  border:none;
  font-weight:bold;
}

#siteNavigation ul ul {
  font-weight:normal;
  font-size:x-small;
}

#siteNavigation ul a:hover {
  color:#e72;

  border:none;
  font-weight:bold;  
}

#siteNavigation ul ul a:hover {
  font-weight:normal;
}

#siteContent {
  background:top repeat-x url(images/line_horiz_top.png); 
}

#about_us {
  margin-bottom:1em;
  background:bottom repeat-x url(images/line_horiz_bottom.png); 
}

#about_us img {
  float:left;
  margin-right:1em;
  margin-bottom:1em;
  border:1px solid #ccc;  
}

#products_and_services {
  margin-bottom:1em;
  background:bottom repeat-x url(images/line_horiz_bottom.png); 
}

#products_and_services img {
  float:right;
  position:relative;
  margin-left:1em;
  margin-bottom:1em;
  border:1px solid #ccc;
}

#products_and_services ul {
  margin:0;
  padding:0;
  list-style:none;
}

#products_and_services ul li {
  padding-top:1em;
}

#products_and_services .odd {
  background:white top repeat-x url(images/bar_line.png);
}

#products_and_services .even {
  background:white top repeat-x url(images/bar_line.png);
}

#siteFooter {
  text-align:center;

  padding-top:1em;
  padding-bottom:1em;
    
  border-bottom:12px solid #e72;

  color:#999;
  background:white top repeat-x url(images/line_horiz_bottom.png);
  font-size:xx-small;
}

#siteFooter a {
  color:#999;
  border-bottom:1px dotted #999;
}

#siteFooter a:hover {
  color:#e72;
  border-bottom:1px dotted #e72;
}

/* Clear float fix for all browsers except IE */
#siteContent:after, .col:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

/* Clear float fix for IE-mac */
#siteContent, .col {display:inline-block;}

/* Hides from IE-mac \*/
* html #siteContent, * html .col {height:1%;}
#siteContent, .col {display:block;}
/* End hide from IE-mac */

/* Center page trick */
html {
  text-align:center; /* Center page for IE (Part 1) */
}

body {
  width:750px;
  text-align:left; /* Center page for IE (Part 2) */
  margin-left:auto; /* Center page for all browsers except IE */
  margin-right:auto; /* Center page for all browsers except IE */
}

/* Shadow background trick */
body {
  background:repeat url(images/bg.png) #444;
}

#site {
  background:repeat-y url(images/shadow.png);
}

#siteHeader {
  margin-left:5px;
  margin-right:5px;
}

#siteControl {
  margin-left:5px;
  margin-right:5px;
}

#siteContent {
  margin-left:5px;
  margin-right:5px;
}

#siteFooter {  
  margin-left:5px;
  margin-right:5px;
}

/* Negative margin layout trick */
#site {
  width:100%;
}

#siteControl {
  position:relative;
  float:right;
  margin-top:-2em;
}

#siteNavigation {
  position:relative;
  float:left;
}

#siteContent {
  position:relative;
  width:auto;
}

#mainColumn {
  position:relative;
  width:100%;
  float:right;
}

#subColumn {
  position:relative;
  width:100%;
  float:right;
}

/* Hide navigation. Use redshadow-sidebar.css to show. */
#siteNavigation {
  display:none;
  margin-right:0;
}