/* CSS Document */
html, body {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
body {
	font-family: "segoe ui", "trebuchet MS", tahoma, arial;
	font-size: 70%;
	background-image: url(../images/ik_backgrad.jpg);
	background-repeat: repeat-x;
	background-color: #828282;
	color: #ECECEC;
	text-align: center;
}
#banner {
	height: 86px;
	text-align: left;
}
#banner, #topnav, #mainimage, #foothold, #maintext, #trademarks {
	width: 750px;
	margin: 0px auto;
}
#cdetails {
	float: right;
}
p 
{
    font-size: 1.2em;
}
h2, legend
{
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #8D8D8D;
    font-size: 1.5em;
    font-weight: normal;
}
h3
{
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #ABABAB;
    font-size: 1.5em;
    font-weight: normal;
}
#navback
{
  	background-image: url(../images/ik_navbar.jpg);
	background-repeat: repeat-x;
	height: 37px;  
}
#foothold 
{
    background-image: url(../images/ik_bottomnavbar.gif);
    background-repeat: no-repeat;
    width: 750px;
    height: 31px;
}
#trademarks 
{
    font-size: 0.8em;
    padding-top: 10px;
}
#maintext 
{
    text-align: left;
    padding: 10px;
}
#columncontainer 
{
/*    background-image: url(../images/ik_3coldivs.gif);
    background-repeat: no-repeat;
    background-position: left center;*/
}
.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 */
.column 
{
    float: left;
    width: 220px;
    padding-left: 14px;
    padding-right: 14px;

}
.columntwospan 
{
    float: left;
    width: 468px;
    padding-left: 14px;
    padding-right: 14px;
}
#toppad 
{
    margin-top: 40px;
}
.centre 
{
    text-align: center;
}
.readmore
{
    text-align: right;
}
blockquote {
        background: url(../images/ik_leftquote.gif) top left no-repeat;
        margin: 0 0 0 10px;
        padding-right: 10px;
}
    
blockquote p {
        background: url(../images/ik_rightquote.gif) bottom right no-repeat;
        padding-left: 30px;
        padding-right: 30px;
    }
a img 
{
    border: none;
}
a 
{
    color: #ECECEC;
}
a:link 
{
    text-decoration: underline;   
}
a:visited 
{
    text-decoration: underline;
}
a:hover 
{
    text-decoration: none;
    color: #ECECEC;
}

/* Style for top navigation bar */
#navback {
	text-align: center;
}
#topnav {
	padding: 0px;
	height: 37px;
}	
#topnav ul {
	margin: 0px;
	padding: 0px;
}
#topnav li 
{   
	list-style-type: none;
    float: left;
}
#topnav li.list1 {
	background:transparent url(../images/ik_home_link.jpg);
	background-repeat: no-repeat;
}
#topnav li.list2 {
	background:transparent url(../images/ik_multimedia_link.jpg);
	background-repeat: no-repeat;
}
#topnav li.list3 {
	background:transparent url(../images/ik_automation_link.jpg);
	background-repeat: no-repeat;
}
#topnav li.list4 {
	background:transparent url(../images/ik_communication_link.jpg);
	background-repeat: no-repeat;
}
#topnav li.list5 {
	background:transparent url(../images/ik_security_link.jpg);
	background-repeat: no-repeat;
}
#topnav li.list6 {
	background:transparent url(../images/ik_cinema_link.jpg);
	background-repeat: no-repeat;
}
#topnav li.list7 {
	background:transparent url(../images/ik_contactus_link.jpg);
	background-repeat: no-repeat;
}
#topnav a {
	display: block;
	height: 0px;
	padding-top: 37px;
	color: #000000;
	overflow:hidden;
}
/* hack for older versions of IE with incorrect box model */

* html #topnav a:link, * html #topnav a:visited {
	height: 37px;
	he\ight: 0px;
}
#topnav a#homelink 
{
	width: 71px;
    background:transparent url(../images/ik_home_hover.jpg) -37px -76px no-repeat;}
#topnav a#multimedialink 
{
	width: 114px;
    background:transparent url(../images/ik_multimedia_hover.jpg) -37px -119px no-repeat;}
#topnav a#automationlink 
{
	width: 122px;
    background:transparent url(../images/ik_automation_hover.jpg) -37px -127px no-repeat;}
#topnav a#communicationlink 
{
	width: 154px;
    background:transparent url(../images/ik_communication_hover.jpg) -37px -159px no-repeat;}
#topnav a#securitylink 
{
	width: 93px;
    background:transparent url(../images/ik_security_hover.jpg) -37px -98px no-repeat;}
#topnav a#contactuslink 
{
	width: 113px;
    background:transparent url(../images/ik_contactus_hover.jpg) -37px -118px no-repeat;}
#topnav a#cinemalink
{
    width: 83px;
    background:transparent url(../images/ik_cinema_hover.jpg) -37px -88px no-repeat;
}

#topnav a#homelink:hover {background-position:0 0; z-index:50;}
#topnav a#multimedialink:hover {background-position:0 0; z-index:50;}
#topnav a#automationlink:hover {background-position:0 0; z-index:50;}
#topnav a#communicationlink:hover {background-position:0 0; z-index:50;}
#topnav a#securitylink:hover {background-position:0 0; z-index:50;}
#topnav a#contactuslink:hover {background-position:0 0; z-index:50;}
#topnav a#cinemalink:hover {background-position:0 0; z-index:50;}

* html #topnav a:hover {height: 37px; he\ight: 0px;}

/* Style for bottom navigation bar */
#footer {
	text-align: center;
}
#footer {
	padding: 0px;
	height: 31px;
}	
#footer ul {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
#footer li 
{   
	list-style-type: none;
    float: right;
}
#footer li.list1 {
	background:transparent url(../images/ik_copyright_link.jpg);
	background-repeat: no-repeat;
}
#footer li.list2 {
	background:transparent url(../images/ik_sitemap_link.jpg);
	background-repeat: no-repeat;
}
#footer li.list3 {
	background:transparent url(../images/ik_webdesign_link.jpg);
	background-repeat: no-repeat;
}
#footer a {
	display: block;
	height: 0px;
	padding-top: 31px;
	color: #000000;
	overflow:hidden;
}
/* hack for older versions of IE with incorrect box model */

* html #footer a:link, * html #footer a:visited {
	height: 31px;
	he\ight: 0px;
}
#footer a#copyrightlink 
{
	width: 171px;
    background:transparent url(../images/ik_copyright_hover.jpg) -31px -176px no-repeat;}
#footer a#sitemaplink 
{
	width: 73px;
    background:transparent url(../images/ik_sitemap_hover.jpg) -31px -78px no-repeat;}
#footer a#webdesignlink 
{
	width: 92px;
    background:transparent url(../images/ik_webdesign_hover.jpg) -31px -97px no-repeat;}

#footer a#copyrightlink:hover {background-position:0 0; z-index:50;}
#footer a#sitemaplink:hover {background-position:0 0; z-index:50;}
#footer a#webdesignlink:hover {background-position:0 0; z-index:50;}

* html #footer a:hover {height: 31px; he\ight: 0px;}
/* Style for contact form */
#contactform 
{
    border: solid 1px #CCCCCC;
    /*border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;*/
}
label {
  float:left;
  text-align: left;
  line-height: 1.8;
  vertical-align: top;
  width: 150px; /* Width of labels */
}
fieldset ol {
  margin: 0;
  padding: 0;
}
fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  font-size: 1.2em;
  color: #ECECEC;
  clear: both;
}
.textbox
{
    background-color: #ECECEC;
    color: #000000;
}
.vce 
{
    color: #000000;   
}