/*------------------------------------------------------------*
**  
    CSS coding by Empire Elements - www.empire-elements.co.uk
    Contact us on : info@empire-elements.co.uk
	UK Mobile: 07891 226 702   Tel: 020 8816 8289
	
**------------------------------------------------------------*/
/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	}
/*------------------------------------------------------------*
**  Main Container
**------------------------------------------------------------*/	
#Container {
	width: 800px;
	text-align: justify;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
/*------------------------------------------------------------*
**  Main Container
**------------------------------------------------------------*/
#Top{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#Top img{
	float: right;
}
#Top h1{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FC7316;
	font-style: normal;
	line-height: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#Top h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #005787;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-weight: bold;
}		
/*------------------------------------------------------------*
**  Top Navigation
**------------------------------------------------------------*/
#nav
{
	height: 25px;
	background-color: #EFEFEF;
	width: 800px;
	margin-top: 0px;
	
}

div#nav ul
{
	height: 25px;
	list-style: none;
	width: 800px;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
	
	
}

div#nav ul li
{
	list-style: none;
	display: block;
	width: 133px;
	float: left;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	border-right: 1px solid #FFFFFF;	
}

div#nav ul li a
{
	width: 100%;
	height: 25px;
	display: block;
	color: #005787;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 14px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC7316;
}

div#nav ul li.last
{
	width: 129px;
}

div#nav ul li a:hover
{
	color: #FFFFFF;
	background-color: #FC7316;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/*------------------------------------------------------------*
**  Top Image
**------------------------------------------------------------*/
div#TopImage {
	text-align: left;
	width: 800px;
	padding-top: 5px;
}
/*------------------------------------------------------------*
**  InfoLine
**------------------------------------------------------------*/
div#InfoLine {
	background-color: #FC7316;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}

/*------------------------------------------------------------*
**  MainText
**------------------------------------------------------------*/
/* Container Start*/
div#MainText {
	width: 800px;
	clear: both;
	float: left;
	padding-bottom: 0px;
}
div#MainText h1{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #005787;
	margin-top: 10px;
}

/* Container Left Start*/
div#MainText-left {
	width: 180px;
}
div#MainText-left ul {
	height: 25px;
	list-style: none;
	width: 180px;
	clear: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#MainText-left ul li {
	list-style: none;
	display: block;
	width: 180px;
	float: left;
	text-align: left;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
}
div#MainText-left ul li a{
	width: 100%;
	height: 25px;
	display: block;
	color: #FC7316;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding-left: 10px;
	background-color: #EFEFEF;
	margin: 1px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #949494;
}
div#MainText-left ul li a:hover {
	color: #FFFFFF;
	background-color: #FC7316;
	font-weight: bold;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #005787;
}
/* Container Right Start*/
div#MainText-right {
	text-indent: 8pt;
	clear: both;
	width: 570px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	line-height: 18px;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
div#Footer {
	width: 100%;
	clear: both;
	background-color: #EFEFEF;
}
div#Footer p{
	padding: 5px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #949494;
}
div#Footer a{
	color: #FC7316;
	text-decoration: none;
}
div#Footer a:hover{
	color: #005787;
	text-decoration: none;
}
/* CSS Document */
#h_l{ float:left; width:23%;}
#h_c{ float:right; width:75%; padding-right:2%;}
#h_company{ line-height:180%;}
#h_company a{ text-decoration:none}
.home h1{ margin-top:10px;background-image:url(/images/bg_title_01.png); line-height:25px; text-indent:30px; font-size:14px;font-weight:bolder}
.home p{ line-height:150%;}
.homec h1{ margin-top:10px;background-image:url(/images/bg_title_02.png); line-height:25px; text-indent:30px; font-size:14px;font-weight:bolder}
#h_productsshow{float:left; margin-top:10px;margin-right:15px; width:120px; text-align:center; overflow:hidden}
#h_productsshow a{display:block;line-height:20px; text-align:center;text-decoration: none; overflow: hidden;}
#h_productsshow a:visited{color: #666666;}
#h_productsshow a:hover{color: #FF6600;}
#h_productsshow IMG{ margin:3px; width:100px; border:1px #ccc solid}
#newscommad{ clear:both; min-height:90px; padding-bottom:10px; margin-bottom:10px;border-bottom:1px #ccc dashed; line-height:180%}
#newscommad img{ float:left; margin-right:10px; width:100px; padding:4px; border:1px #ccc solid}
#newscommad span,#newscommad p{ margin:0px; padding:0px;}
#newscommad b{ margin:0px; padding:0px;font-size:13px; font-weight:bolder;}
#newscommad a{display:block; text-decoration: none; }
#newscommad a:visited{color: #666666;}
#newscommad a:hover{color: #FF6600;}

#left{ float:left;width:23%; color:#333; }
#left_menu{ margin:0; line-height:170% }
#left_menutitle{background-image:url(/images/bg_title_01.png); line-height:25px; text-indent:30px; font-weight:bolder; color:#FFFFFF; margin-bottom:5px;}
#left_menu a{ padding-left:10px; display:block; line-height:25px; border-bottom:1px #eee solid; text-decoration:none; color:#333;ackground: url(/images/icon_left_menutitle.gif) no-repeat left; text-indent:10px;}
#left_menu a:hover{ color: #FF6600;}
#left_contact{ margin:10px 0; }
#left_contacttitle{ background-image:url(/images/bg_title_01.png); line-height:25px; text-indent:30px; font-weight:bolder}
#left_contactlist{ padding:5px; line-height:180%}
#left_menu ul{ padding-left:20px;}

#right{ float:right;width:75%; min-height:150px; }
#right h1{ margin-bottom:5px;background-image:url(/images/bg_title_02.png); line-height:25px; text-indent:30px; font-size:14px;font-weight:bolder;color:#FFFFFF}
#right h2{ margin-top:10px; line-height:20px; text-indent:30px; font-size:12px; color: #FFFF00; font-weight:normal}
#right_products{ display:block; margin:10px 0}
#right_about{ display:block }
#right_abouttitle{ display:block;margin:10px 0;}
#right_abouttext{ display:block; padding:20px 20px 20px 110px;width:426px; height:123px; background-image:url(/images/bg_about.jpg); overflow:hidden; line-height:170%}
#right_abouttext a{color: #000;text-decoration: underline;}
#right_abouttext a:hover{color: #FF6600;text-decoration: none;}
#right_nav{ height:20px; line-height:20px; margin-bottom:5px;}
#right_nav a{color:#333;  line-height:25px;}
#right_nav a:hover{ color: #003399;  }
#right_content{ margin-top:15px; height: auto; line-height:180%;}
#right_bclass{ width:100%; height: auto; line-height:180%; display:block}
#right_bclass a{ color:#003366;text-align:center;}
#right_productsclass{ float:left; width:150px; height:auto; padding:5px; text-align:center;}
#right_productsclass img{ display:block}
#right_productsclass a{ color:#003366;text-align:center;}
#right_page{ clear:both; height: auto; line-height:180%;}
#right_page a{color:#000;}
#right_page a:hover{ color: #333;  text-decoration:none; }
#main{ margin:auto;}
#main h1{ margin-bottom:5px;background-image:url(/images/bg_title_02.png); line-height:25px; text-indent:30px; font-size:14px;font-weight:bolder;color:#FFFFFF}


#i_products{float:left; height:auto;overflow:hidden}
#i_productsshow{float:left;text-align:center; overflow:hidden}
#i_productsshow a{display:block;height: auto;line-height:20px; text-align:center;text-decoration: none; overflow: hidden;}
#i_productsshow a:link{color: #003399;}
#i_productsshow a:visited{color: #666666;}
#i_productsshow a:hover{color: #FF6600;}
#i_productsshow IMG{ margin:3px; padding:5px; max-height:100px;border:1px #ccc solid}
.newslist{margin-bottom:10px;}
.newslist li{ clear:both;line-height:200%; border-bottom:1px #ccc solid; }
.newslist a{ display: block;text-decoration:none}
.newslist a:hover{ color: #FF6600;}
.newslist li span{ float:right; margin-top:-25px;}
#detail{ width:100%;line-height:180%; text-align:center; }
#detailh1{ font-size:14px;display:block; text-align:center}
#PostTime{ display:block;background:#efefef; padding:2px; text-align:center}
#closewindow{ width:100%;text-align:right; padding:5px;} a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}

