/*
Theme Name: Auto Mate Systems
Theme URI: http://automatesystems.co.uk
Description: Custom Template made for Automate Systems Ltd.
Author: Formability Ltd
Version: 1.0

Licensed solely for Auto Mate Systems Ltd (optional).
*/


/* Automate V2 Stylesheet */

ul,h2,h3
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#phone, #phone a
{
color:#FF0000;
font-size:24px;
}

body
{
  background-color:#f5f5f5;
  font: 12px Verdana,Geneva,sans-serif; 
  color: #000000;
}

body a 
{
  text-decoration:none;
  color: #999999;
}

body a:hover { color:#cb1001; }

h1,h2,h3, .content h2 a, .content h3 a, .content h1 a
{
  color: #162f81;
}

.menu ul, .menu2 ul
{
    color: #7A4F05;
}

.right, .alignright {float:right;} .left,  .alignleft {float:left;}
.aligncenter {margin-left:auto; margin-right:auto; display:block;}

.container
{
  margin:0px auto 0px auto; 
  width:955px; 
}

.menucol
{
  margin-top:12px;
  float:left;
  width:180px;
}

.menu ul
{
  margin:30px 0px 0px 0px;
  padding:0px;
}

.menu2 ul
{
  margin:50px 0px 0px 0px;
  padding:0px;
}

.menu li, .menu2 li
{
  list-style-type: none;
  text-align:right;
  font-weight:bold;
  text-transform: uppercase;
}

.menu li a, .menu2 li a
{
  color:#373737; 
  text-decoration: none; 
  display:block; 
  padding:10px 20px;
}

.menu2 li a
{
  color: #a9a9a9; 
}

.menu li:hover, .menu2 li:hover, .menu li.current-menu-item { background-color:#cb1001; }
.menu li:hover a, .menu2 li:hover a, .menu li.current-menu-item a { color:#FFFFFF; }

.contentcol
{
  float:left; width:775px;
    background-color:#FFFFFF;
}

.content
{
  margin:0px 20px 30px 20px;
  min-height:450px;
  font-size:13px;
}

.content a {color: #700c11;}
.content a:hover {color: #a9a9a9; text-decoration:underline;}

div.page {}

.headbar
{
  background-color:#14255d; 
  color:#FFFFFF; 
  height:35px; 
  line-height:35px;
  padding:0px 30px; 
}

.welcome { font-weight:bold; font-size:13px; color: #a9a9a9; margin:5px 20px;}
.welcome p {width:48%;}

.block
{
  background-color:#f2f2f2;
  margin:20px 0px 0px 0px;
}

.block img {
  float:right;
  max-width:300px;
  margin:50px 5px 10px 0px;
  width: expression(this.width > 300 ? 300: true); 
}

a img {  border:none;}

.innerBlock { width:410px; float:left; margin:10px;}
.content ul {padding-left:20px;}
.innerBlock ul {padding-left:25px;}
.footbar
{
  background-color:#e4e4e4;
  height:36px;
  line-height:36px;
  padding:0px 20px;
}

.footer
{
  background-color: #f5f5f5;
  font-weight:bold;
  height:30px;
  line-height:30px;
  padding:0px 10px;
}

.footer ul
{
  list-style-type:none;
}

.footer li {float:left;}

.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} .clearfix {display: block;}
/* End hide from IE-mac */