/*
   Main Style Sheet for the SHG Systems Website.
   Copyright 2004 Alpha D Limited. All Rights Reserved.
*/

html, body {
  line-height:     0;
  color:           #404040;
  background:     white;
  font-weight:     normal;
  font-family: "Arial", sans-serif;
  font-style:      normal;
  text-decoration: none;
  margin:  0;
  leftmargin: 0;
  padding: 0;
  border:  0;
}

div#main {
  padding 0;
  background:  white;
  margin: 0;
  width: 100%;
}

img {
	vertical-align: bottom;
	border: 0px;
	}

h1 {
  font-family: "Arial Narrow", sans-serif;
  font-size: 1.3em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #ffffff;
}



h2 {
  font-family: "Arial", sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: #1C4A70;
}
a:link, a:visited, a:active {
  color: blue;
}

a:hover {
  color: blue;
  text-decoration:underline
}
a.web:link, a:visited, a:active {
	color: #989898;
}

a.web:hover {
	color: #989898;
  	text-decoration:underline
}
p {
  font-family: "Arial", sans-serif;
  font-size: 0.75em;
  line-height: 1.3em;  
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #404040;
  }
 
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html p {
  height: 1%;
  }
 
/* End hide from IE5/mac */
  
.addr {
  font-family: "Arial", sans-serif;
  font-size: 0.7em;
  line-height: 1.1em;  
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #404040;
}

#header {
background-image:  url(images/tel_nos.gif); 
background-repeat: no-repeat;
background-attachment: no-scroll;
height: 65px;
background-position: right;
margin:0; 
padding:0;
border-bottom: 1px solid #E2E2E2;
	vertical-align: middle;
}




#titletop {

background-color: #25679E;
margin:0; 
padding:0;
float: left;
border-bottom: 1px solid #E2E2E2;
	text-align: left;
	width: 100%;
	height: 21px;
}

#titlebot {
background-image:  url(images/strap_ibns.gif); 
background-repeat: no-repeat;
background-position: right;
background-attachment: no-scroll;
background-color: #25679E;
margin:0; 
padding:0;
float: left;
border-bottom: 1px solid #E2E2E2;
	text-align: left;
	width: 100%;
}

#titlebotsub {
background-image:  url(images/ibns_filler.gif); 
background-repeat: repeat;
background-position: right;
background-attachment: no-scroll;
background-color: #000000;
margin: 0; 
padding: 0;
float: left;
height: 20px;
border-bottom: 1px solid #E2E2E2;
width: 100%;
text-align: right;
}

#menurow {
background-color:  #34425F;
margin:0; 
padding:0;
float: left;
width: 100%;
height: 105px;
}
#menurow2 {
background-color:  #34425F;
margin:0; 
padding:0;
float: left;
width: 100%;
}
#menurow3 {
background:  #E2E2E2;
margin:0; 
padding:0;
float: left;
height: 1px;
}
#mainmenu {
margin:0; 
padding:0;
float: left;
width: 184px;
height: 105px;
}
#mainmenu2 {
background-color:  #F2F0F0;
padding:0;
width: 184px;
float: left;
	height: 1%;
}

#mainmenu3 {
background:  #E2E2E2;
margin:0; 
padding:0;
float: left;
width: 184px;
}

#mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainmenu li {
	margin: 0;
	padding: 0;
}
#mainmenu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainmenu2 li {
	margin: 0;
	padding: 0;
}

#maincontent {
background-color:  #F2F0F0;
margin:0px; 
padding:0px;
float: left;
width: 100%;
	height: 1%;
}
#resellers {
margin:0; 
padding:0;
float: left;
width: 183px;
height: 130px;

}

#address {
background-color:  #F2F0F0;
margin:0 ; 
padding: 0 ;
float: left;
width: 183px;
height: 100%;
}
#address2 {
background-color:  #F2F0F0;
margin: 0;
padding: 20px 0px 10px 40px;
width: 140px;
float: left;
}
#address3 {
background-color:  #ffffff;
margin:0 ; 
padding: 0;
width: 40px;
}
#mainpic {
background-color:  #34425F;
float: left ;
margin:0; 
padding:0;
height: 105px;
}

#mainpicsub {
background:  #ffffff;
float: left;
margin:0; 
padding:0;
width: 184;
}
#mpic2 {
background-color:  #34425F;
float: left ;
margin:0; 
padding:0;
height: 0;
width: 100%;
}
#welcome {
background-color:#ffffff;
margin: 0;
padding: 25px 80px 15px 20px;
float: left;
height: 120px;
width: 70%;
}

#welcome ul {
	list-style: none;
	padding: 0;
  font-family: "Arial", sans-serif;
  font-size: 0.7em;
  line-height: 1.1em;  
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #404040;	
}
#welcome li {
	margin: 0;
	padding: 0;
}
#spacer {
	height: 160px;
	width: 10px;
	float: left;
}
#services {
	margin: 0;
	padding: 0;
	background-color: #25679E;
	width: 100%;
	height: 31px;
    float: left;	
}	
#services2 {
	background-image:  url(images/services2_bar.gif); 
	background-repeat: repeat;
	background-position: right;
	background-attachment: scroll;
	margin: 0;
	padding: 0;
	height: 35px;
    float: left;
	width: 100%;
	border-bottom: 1px solid #E2E2E2;			
}
#servicesrow{
	background-color:  #Ffffff;
	margin:0px; 
	padding:0px;
	float: left;
	width: 100%;
	height: 1%;
}
#servicesrow2{
	background-color:  #F2F0F0;
	margin:0px; 
	padding:0px;
	float: left;
	width: 100%;
	height: 1%;
}
#networktext {

	margin-left: 3px;
	background-color: #E2DEDE;
	width: 121px;
	height: 110px;
    float: left;
	padding: 8px 8px 10px 8px;	
	border-left: 1px solid #ffffff;		
}
#wirelesstext {
	margin-left: 1;
	background-color: #D3CFCF;
	width: 121px;
	height: 110px;
    float: left;
	padding: 8px 8px 10px 8px;	
	border-left: 1px solid #ffffff;		
}
#securitytext {
	margin-left: 1;
	background-color: #F4F2F2;
	width: 121px;
	height: 110px;
    float: left;
	padding: 8px 8px 10px 8px;	
	border-left: 1px solid #ffffff;	
}
#remotetext {
	margin-left: 1;
	background-color: #EFEDED;
	width: 121px;
	height: 110px;
    float: left;
	padding: 8px 8px 10px 8px;
	border-left: 1px solid #ffffff;			
	border-right: 1px solid #ffffff;
}

#services ul {
	list-style: none;
  font-family: "Arial", sans-serif;
  font-size: 0.9em;
  line-height: 1.1em;  
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: white;
    float: left; 
	width: 100%; 	
}
#services li {
	background-color: #25679E;
	margin: 0 0 1px 1px;
	padding: 0;
    float: left;	
	}

#copyr{
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;	
	margin: 0;
	width:100%;
	height:auto;
	float: left;	 
}
#copyrtext{
	font-family: "Arial", sans-serif;
	font-size: 0.6em;
	line-height: 1.1em;  
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #989898;
	float: left;
	text-align: left;
	width:300px;
	margin-left:5px;
}
#webglu {
	font-family: "Arial", sans-serif;
	font-size: 0.6em;
	line-height: 1.1em;  
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #989898;
	float: right;
	text-align: right;
	width:300px;
	margin-right:5px;
}
#footer {
	width: 100%;
	height: 30px;
	text-align: center;
	padding: 5px 0px 0px 0px;
	float: left;	
}
#footer a {
	color:  #B0B0B0;
}
#footer a:hover {
	text-decoration: underline;
}
#footer ul {
	list-style: none;
	margin: 3px 0;
	display: inline;

}
#footer ul li {
	color: #B0B0B0;
	display: inline;
	padding: 0px 10px;
	border-right: 1px solid #B0B0B0;
  font-family: "Arial", sans-serif;
  font-size: 0.6em;
  line-height: 1.1em;  
	
}
#footer ul li.end {
	border-right-width: 0;
}
#maintextbuf {
width: 25px;
margin: 0;
padding: 0;
}
#content {
	margin-left:188px;/*this is the space for the left column */
}
* html #content {
	height:1%;
	margin-left:185px;/* 3 pixel jog*/
}
#maintext {
	margin-left: 193px;
	background-color:#FFFFFF;
	text-align:left;	
	padding: 36px 20px 10px 20px; 
	min-height: 280px;
	border-left: 1px solid #E2E2E2;
}
* html #maintext {
	height:280px;
}

.floatcontainer:after{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility:hidden; }