﻿/* Style definations */

body {
	font-family: Verdana, arial; 
	background-color:gray;
	margin:0;
	padding:0;	
}


#container {
	width: auto;
	position:relative;
	margin:0 auto;
	}
	


#backtop1{
	background-image: url('../images/backtop1.jpg');
	background-repeat:no-repeat;
	height:249px;
	width:990px;
	margin:0 auto;
	}
	
#backtop2, #backtop3, #backtop4{
	background-repeat:no-repeat;
	height:356px;
	width:990px;
	margin:0 auto;
	}
	
#backtop2 {background-image:url('../images/backtop2.jpg');}	
#backtop3{background-image:url('../images/backtop3.jpg');}
#backtop4{background-image:url('../images/backtop4.jpg');}
	
#top_spacer {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	padding-top: 0px;
	width: 770px;
	display: block; 
	position: relative;
}


#quickenquiry{
	background-image:url('../images/q_enquiry.jpg');
	background-repeat: no-repeat;
	width:180px;
	height:308px;
	position:relative;
	float:left;	
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	display:block;
	}
	
#body_content, #body_content_expanded {
	position:relative;
	float:left;	
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	display:block;
	}
	
#body_content{
	width:500px;
	height:308px;
	}	
#body_content_expanded	{
	width:680px;
	height:308px;
	}
#top_spacer_cut1{
	width:157px;
	height:182px;
	position:relative;
	top:67px;
	left:20px;
	float:left;	
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	
	}
#top_spacer_cut11{width:157px; height:44px; background-image:url('../images/m_home.jpg');position:relative;float: left;display:block;text-align:center;}
#top_spacer_cut12{width:157px; height:33px; background-image:url('../images/m_aboutus.jpg');position:relative;float: left;display:block;text-align:center;}
#top_spacer_cut13{width:157px; height:35px; background-image:url('../images/m_products.jpg');position:relative;float: left;display:block;text-align:center;}
#top_spacer_cut14{width:157px; height:34px; background-image:url('../images/m_contactus.jpg');position:relative;float: left;display:block;text-align:center;}
#top_spacer_cut15{width:157px; height:36px; background-image:url('../images/m_enquiry.jpg');position:relative;float: left;display:block;text-align:center;}	

#products {
	width:432px;
	position:relative;
	top:70px;
	left:27px;
	float: left;
	}	

#marqueecontainer{
position: relative;
width: 432px; /*marquee width */
height: 190px; /*marquee height */
background-color: #000000;
color:black;
overflow: hidden;
border: #FF9900 1px solid;
padding: 2px;
padding-left: 4px;
text-align:left;
}

#marqueecontainer img {
	border:#FF9900 1px solid;
}


#footer {
	position:relative;
	border-top-width: 0px; 
	clear: both; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 10px; 
	overflow: auto;
	margin:0 auto;
	width:990px;
	height:25px;
	padding-top: 10px; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	background-color:#FFFFFF;
}

.footlink{
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	}
	
a.footlink{
	color: #666666;
	text-decoration:none;
	}
	
a.footlink:hover {
	text-decoration: underline;
	}
		
#cell_heading {
	width:450px;
	position:relative;
	text-align: right;
	top:40px;
	float: left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#cell_heading_x {
	width:638px;
	position:relative;
	text-align: right;
	top:40px;
	float: left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}
#body_matter, #body_matter_bold {
	width:430px;
	position:relative;
	text-align: justify;
	top:52px;
	left:30px;
	float: left;
	font:Verdana, Arial, Helvetica, sans-serif;
	}

#body_matter	{
	font-size:13px;
	color:#FFFFFF;
	font-weight: normal;
	}
		
#body_matter_bold	{
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	}		
	
#c_body_matter {
	width:430px;
	position:relative;
	text-align: center;
	top:50px;
	left:30px;
	float: left;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	}
		

	
h1 {font-size: xx-large; color: #c77}
h2 {font-size: x-large;color: #c77}
h3 {font-size: large;color: #c77}
h4 {font-size: medium;color: #c77}
h6 {font-size: xx-small;color: #c77}
bl ul {font-size: small;color: #000}
ol {font-size: small; color: #000}
p {	font-size: small;color: #000}


.home, .aboutus, .products, .contactus, .enquiry {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}

a.home, a.aboutus, a.products, a.contactus, a.enquiry {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;	
	text-decoration:none;
	}
	
a.home{ position:absolute; top:18px; left:52px;}
a.aboutus{ position:absolute; top:8px; left:43px;}
a.products{ position:absolute; top:8px; left:41px;}
a.contactus{ position:absolute; top:8px; left:36px;}
a.enquiry{ position:absolute; top:8px; left:47px;}


a.home:hover,a.aboutus:hover,a.products:hover,a.contactus:hover,a.enquiry:hover {
	color: #ffffff; 
	text-decoration: underline;
}

.verd_bold_white, .verd_bold_white18{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	}
.verd_bold_white{font-size:12px;}	
.verd_bold_white18{font-size:18px;}
ul {
	position:relative;
	text-align: left;
	left:50px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style: none;
	}	
ul a {
	color:#FFFFFF;
	text-decoration:none;
	}