html, p, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  background-color: #fff;
  color: #575859;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;	
  
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}

a{
  color: #575859;	
}

h1 {
  color: #575859;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  margin-top: 13px;
  margin-bottom: 12px;
}

h2 {
  color: #575859;
  font-size: 13px;
  font-weight: bold;
  line-height: 14px;
  margin-top: 13px;
  margin-bottom: 12px;
}

h3 {
  color: #575859;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin-top: 13px;
  margin-bottom: 12px;
}

#above_menu {
	width: 899px;
	height: 50px;
	margin: 0 auto;
	text-align: right;			
}

#contact_details {
	position: relative;
   top: 25px;
	margin-right: 0px;
	color: #575859;
	font-size: 11px;	
}

#contact_details a {
  color: #575859;
}

#contact_details a:hover {
  color: #333;  
}

#menu {
	background-image: url(images/menu.gif);
	background-repeat: repeat-x;
	width: 899px;
	height: 30px;
	margin: 0 auto;
	text-align: left;
}
#menu ul {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style: none;
  margin-left: 90px;
}

#menu ul li {
  float: left;
}

#menu ul a, #menu ul a.sel{
  padding: 0px 1.5em;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}

#menu ul a.sel {
  font-weight: 700;
}

#menu ul a:hover {
  color: #333;
}

#picture
{
	width: 899px;
	height: 190px;
	margin: 0 auto;
	text-align:left;	
}

#bottom-wrapper
{
   text-align: left;
   width: 899px;
   margin: 0 auto;
	border: 1px solid #fff;
}

#sub-menu 
{
	float: left;
	width: 175px;
	text-align:left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 2px;
	display: table-cell;
}

#sub-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 0px;
}

#sub-menu ul li{
  background: url(images/ayrmer_submenu_background.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: -15px;
}

#sub-menu ul li.sel {
  background: url(images/ayrmer_submenu_sel.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: -15px;
}

#sub-menu ul li.child {
  background: url(images/ayrmer_submenu_background.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: -5px;
}

#sub-menu ul li.child-sel {
  background: url(images/ayrmer_submenu_sel.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: -5px;
}

#sub-menu ul li.grandchild {
  background: url(images/ayrmer_submenu_background.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: 5px;
}

#sub-menu ul li.grandchild-sel {
  background: url(images/ayrmer_submenu_sel.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: 5px;
}

#sub-menu ul li.greatgrandchild {
  background: url(images/ayrmer_submenu_background.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: 15px;
}

#sub-menu ul li.greatgrandchild-sel {
  background: url(images/ayrmer_submenu_sel.gif) top right repeat-y;
  background-color: #fff;
  border-top: 1px solid #fff;  
  margin-left: 15px;
}

#sub-menu ul a {
  font-weight: 550;
  padding: 0 1.5em;
  line-height: 35px;
  text-decoration: none;
  color: #575859;
  display: block;
}

#sub-menu ul a:hover {
  color: #333;
}

#content
{
   float: left;
   width: 435px;
	text-align:left;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 18px;	
}

#content p, #wrapper-content p, #what-is-the-next-step p, #our-process p, #contact-us p, #golem p, #press-realeases p, #case-studies p, #rss-feed p
{
   margin-bottom: 5px;	
}

#content a, #wrapper-content a, #what-is-the-next-step a, #our-process a, #contact-us a, #golem a, #press-realeases a, #case-studies a, #rss-feed a {
  font-weight: 600;
  text-decoration: underline;
  color: #575859;
}

#content a:hover, #wrapper-content a:hover, #what-is-the-next-step a:hover, #our-process a:hover, #contact-us a:hover, #golem a:hover, #press-realeases a:hover, #case-studies a:hover #rss-feed a:hover {
  color: #333;
}

#content td, th, #wrapper-content  td, th, #what-is-the-next-step td, th, #our-process td, th, #contact-us td, th, #golem td, th, #press-realeases td, th, #case-studies td, th, #rss-feed td, th {
	vertical-align: top;
	padding: 0px 5px 5px 0px;
}

#wrapper-content
{
   float: left;
	width: 620px;
	text-align:left;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 18px;
	letter-spacing: 0px;
}

#intro
{
	background: url(images/ayrmer-background.jpg) no-repeat top right;
	border: 1px solid #575859;
	padding: 0px 5px 5px 5px;
}

#portfolio
{
	border: 1px solid #575859;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
}

#BannerDiv
{
   width: 605px;
	padding: 0px;
}

#step1
{
	border: 1px solid #575859;
	padding: 0px 5px 5px 5px;
	margin-top: 10px;
}

#who_are_you {
	background-color: white;
}

#which_sector_are_you_in {
	background-color: white;	
}

#step2 {
	border: 1px solid #575859;
	padding: 0px 5px 5px 5px;
	margin-top: 10px;
	display: none;
}

#role-financial-director {
	background: url(images/role-financial-director-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-graphic-designer {
   background: url(images/role-graphic-designer-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-it-director {
   background: url(images/role-it-director-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-managing-director {
   background: url(images/role-managing-director-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-marketing-director {
   background: url(images/role-marketing-director-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-operations-director {
   background: url(images/role-operations-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-sales-director {
   background: url(images/role-sales-director-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-system-administrator {
   background: url(images/role-system-administrator-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#role-web-designer {
   background: url(images/role-web-designer-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#step3 {
	border: 1px solid #575859;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	display: none;
}

#product-accounts-system {
	display: none;
}
#product-business-management-system {
	display: none;
}

#product-content-managment-system {
	display: none;
}

#product-e-commerce-solutions {
	display: none;
}

#product-website-design {
	display: none;
}

#product-website-development {
	display: none;
}

#role-project-manager {
   background: url(images/sector-construction-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-creative {
   background: url(images/role-graphic-designer-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-construction {
   background: url(images/sector-construction-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-events {
   background: url(images/sector-events-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-finance {
   background: url(images/role-financial-director-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-business-consultants {
   background: url(images/sector-business-consultants-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-government {
   background: url(images/sector-government-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-manufacturing {
   background: url(images/sector-manufacturing-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-marketing {
   background: url(images/role-marketing-director-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#sector-retail {	
   background: url(images/sector-retail-bg.jpg) no-repeat top right;
	display: none;
	min-height:300px;
}

#stuff-about-us-website
{
	padding: 0px 0px 5px 5px;
   float: left;
	width: 269px;	
	text-align:left;
	margin-left: 5px;
	line-height: 18px;
	letter-spacing: 0px;
}

#stuff-about-us
{
	padding: 0px 0px 5px 5px;
   float: left;
	width: 269px;	
	text-align:left;
	margin-top: 0px;
	margin-left: 5px;
	line-height: 18px;
	letter-spacing: 0px;
}

#what-is-the-next-step
{
	border: 1px solid #575859;
	padding: 0px 5px 0px 5px;
}

#twitter
{
   background: url(images/twitter_ayrmer.jpg) no-repeat top right;	
	border: 1px solid #575859;
	padding: 0px 5px 0px 5px;
	margin: 10px 0px;
}

#business-management-system
{
	border: 1px solid #575859;
	margin-top: 5px;
	background: url(images/business-management-system.jpg) no-repeat top right;	
	padding: 0px 5px 0px 5px;
}

#business-management-system h1
{
	margin-right: 0px;
}

#business-management-system p
{
	margin-bottom: 5px;	
	margin-right: 0px;
}

#business-management-system a
{
  	font-weight: 600;
  	text-decoration: underline;
  	color: #575859;
}

#business-management-system a:hover
{
  	color: #333;
}

#business-management-system td, th
{
	vertical-align: top;
	padding: 0px 5px 5px 0px;
}

#our-process
{
	border: 1px solid #575859;
	background: url(images/take-off-arrow.jpg) no-repeat bottom right;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
	display: none;
}

#contact-us
{
	background: url(images/mail.jpg) no-repeat bottom right;
	border: 1px solid #575859;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
}

#golem
{
   background: url(images/golem_bg.jpg) no-repeat bottom left;
	border: 1px solid #575859;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
	display: none;
}

#geo
{
	border: 1px solid #575859;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
	display: none;	
}

#press-realeases
{
	background: url(images/press-release.jpg) no-repeat bottom right;
	border: 1px solid #575859;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
}

#case-studies
{
   background: url(images/press-release.jpg) no-repeat bottom right;
	border: 1px solid #575859;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
}

#case-studies li
{
	margin-left: -10px;
}

#rss-feed
{
   background: url(images/blog-bg.jpg) no-repeat bottom right;
	border: 1px solid #575859;
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
}

#rss-feed li
{
	margin-left: -10px;
}

#screenshots
{
   float: right;
   width: 250px;
	text-align:left;
	margin-top: 52px;
	margin-left: 10px;	
	text-align: center;
}

#screenshots p
{
   margin-bottom: 25px;
	
}

#footer
{
   
   width: 899px;
	height: 20px;
	margin: 0 auto;
	padding-top: 0px;
	text-align: left;	
   font-size: 10px;
   margin-top: 50px;
   padding-top: 5px;      
   
}

#footer-holder
{
   float: right;
   width: 714px;   
   margin-top: 15px;
   border-top: 1px solid black;
}

#footer-wrapper-holder
{
   float: right;
   width: 899px;   
   margin-top: 15px;
   border-top: 1px solid black;
}

#footer-wrapper
{
   width: 899px;
	height: 20px;
	margin: 0 auto;
	padding-top: 0px;
	text-align: left;	
   font-size: 10px;
   margin-top: 35px;
   padding-top: 5px;   
}

input.button
{

}

hr
{
   border:0;
   border-top:1px solid black;
   margin:2px;
}

td.functions-small
{
   font-size:10px;
}

#twitter_div 
{
   margin-bottom: 15px;
   padding:2px 6px 10px 6px;       
}

#twitter_div img {float:right;}
#twitter_div #twitter_update_list
{   
   margin: 0;
   padding-left: 0px;
   
}
#twitter_div #twitter_update_list li
{
   margin: 2px 3px 3px 25px;
   text-indent: 0px;   
   font-size: 12px;
}