/******* Universal Selectors ************/
*{padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}


/******* Body And Container ************/
body{font-size: 62.5%; background:url(images/frame/bodyBackground.jpg) repeat; }/* 1em = 10px, 1.2em = 12px*/
#container{
	position:absolute;
	width:940px;
	left:50%;
	margin-left:-470px;
	background:url(images/ContainerBackground.jpg) repeat-y;
}



/***********  Pseudo Classes ************************/
a:link, a:visited, a:hover, a:active{ text-decoration:none;}
a:link { color: blue;}
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: red; }

img, { behavior: url(iepngfix.htc) }

p {font-size:1.2em;}

h1 {font-size:1.6em;}


/***********  Footer ************************/
#footer {width:100%; text-align:center; font-size:1.2em; line-height:1.2em; padding:5px 0;}
#footer li{padding:5px 5px 0 5px; display:inline; list-style-type:none;}
#footer p, a:link, a:visited, a:hover, a:active {color:#000000;}



/************************** Structure ****************************************/

#shadowtop{
	background:url(images/frame/shadow-Top.jpg) no-repeat;
}
#shadowbottom{
	background-image:url(images/frame/shadow-Bottom.jpg) no-repeat;
	height:1.9em;
}

#topbanner{
	background:url(images/frame/top-Banner.jpg) no-repeat;
	height:4.8em;
	position: relative;
}
#topbanner p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:1.8em;
	text-align:right;
	padding:1em 3em 0 0;
	color:#FFFFFF;
	float:right;
}

#colLeft{
	background:url(images/frame/shadow-Left.jpg) repeat-y;
	width:2em;
	/*min-height:600px;
	height:auto!important;*/
	height:60em;
	float: left;	
}
#colRight{
	background:url(images/frame/shadow-Right.jpg) repeat-y;
	width:1.8em;
	float: left;
	height: 60em;
}
#colCentre{
	width:90.2em;
	margin-left: 2em;
}

#bottombanner{
	background:url(images/frame/bottom-Banner.jpg) no-repeat;
	height:3.6em;
}

#bottombanner p{
	text-align:center;
	font-size:1.1em;
	color:#333333;
	padding-top: 1.8em;
}

/**************************** Inner Containers **************************************/

#contentCol{
	float: left;
	width:62.5em;
	background-color: #FFFFFF;
	min-height:60em;
	height:auto!important;
	height:60em;
}

#latestNewsCol{
	width:27em;
	float:left;
	/*background:url(images/frame/newsBackground.jpg) repeat-y;*/
	margin: 0.3em 0 0 0.3em;
}

/**************************** Menu **************************************/

#menu{
	margin-left:0.4em;
	width:62.5em;
	height:3.2em;
}
#menuHome{
	width:11em;
	background:url(images/menu/home.gif);
	height:3.5em;
}
#menuHome:hover{background:url(images/menu/homeOver.gif);}

#menuAbout{
	width:11em;
	background:url(images/menu/about.gif);
	height:3.5em;
}
#menuAbout:hover{background:url(images/menu/aboutOver.gif);}

#menuServices{
	width:18.2em;
	background-image:url(images/menu/services.gif);
	height:3.5em;
}
#menuServices:hover{background:url(images/menu/servicesOver.gif);}

#menuProducts{
	width:11em;
	background-image:url(images/menu/products.gif);
	height:3.5em;
}
#menuProducts:hover{background:url(images/menu/productsOver.gif);}

#menuContact{
	width:10.9em;
	background:url(images/menu/contact.gif);
	height:3.5em;
}
#menuContact:hover{background:url(images/menu/contactOver.gif);}


/************************** Latest News **********************************/


#latestnewHeader{
	background:url(images/frame/latestNews.jpg) no-repeat;
	height:3.5em;
}
#newsBox{
	width:26em;
	margin:0.5em 0 1em 0.5em;
	font-size:1emx;
	background-color:#FFFFFF;
}
#newsBox h1{
	background:url(images/newsbox/hearder.jpg) no-repeat;
	height:1.7em;
	padding:0.4em 0 0 0.9em;
	color:#333333;
	font-weight:bold;
	font-size:1em;
}
#newsBoxContent, #newsBox p{
	padding:0.9em 0 0 0.9em;
}
#newsBox p{
	font-size:1em;
}
#newsBoxContent img{
	width:242px;
	opacity:0.5;
	filter: alpha(opacity=50) ;
}
#newsBoxContent img:hover{
	opacity:1.0;
	filter: alpha(opacity=100) ;
}
#newsBoxReadmore{
	text-align:right;
	height:1.1em;
	font-weight:bold;
}
#newsBoxfooter{
	background:url(images/newsbox/footer.jpg) no-repeat;
	height:1.7em;
	text-align:right;
	color:#003366;
	font-weight:bold;
}
#newsBox a:link, #newsBox a:visited, #newsBox a:hover, #newsBox a:active{
	color:#003366;
}

/***********************************************************/

#homepageContent{
	font-size:1em;
	background-color: #FFFFFF;
	width: 62.1em;
	margin-left: 0.4em;
}
#homepageContent p{
	line-height:1.5em;
	padding: 0 1em 1em 1em;
}
#addIcons{
	float:right;
	padding: 0 1em 1em 1em;
}
#addIconsTD{
	border-bottom:#CCCCCC solid 1px;
	margin-bottom: 0.5em;
}
#addIconsTD p{
	padding:0.5em 0.5em;
	font-size:1em;
	text-align:right;
	color:#666699;
}
#addIconsTD a{
	color:#003366;
	text-decoration:none;
}

/**********************   Classes   *************************************/

.aboutUsPic {
	float:left;
	width:100px;
	padding: 0 0.5em 0.5em 1em;
}
.product img{
	width:127px;
}
.productHeader{
	background-image:url(images/Productheader.jpg) no-repeat;
	height:2em;
}
.productHeaderText{
	padding-left:0.5em;
	padding-top:0.2em;
	font-weight:bold;
}
.productImageTD{
	width:127px;
	vertical-align:top;
}
.productImageTD img{
	width:127px;
}

.clearFloat{
	clear:both;
}
.topicH1{
	padding:1em;
}
#newsstoryBlog{ padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #006666;}
#newsstoryBlog img{width:200px;float: left;padding: 10px;}

.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 */
#enqHeader {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CC0000;
	text-align: center;
	padding: 4px;
	font-size: 1.1em;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}