﻿body{
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size: x-small;	
	background-color: #FFFFFF;
}

a{
	color: #008080;
}
a:link {
	color: #008080;
}

a:hover, a:active {
	text-decoration: none;
	color: #008080;
}

div.DisplayRegion{
	width: 800px; 
	margin: auto;
}
	
div.topPadding
{
	height: 45px;
}
	
div.header
{
	position: relative;
	width: 800px; 
	height: 80px; 
	
}

div.contents{
	width: 800px;
	height: 300px;
	border-width: 1px; 
	border-color: white; 
	border-style: solid;
	
}

div.footer{
	width: 800px; 
	height: 80px; 	
	text-align:center;
}

div.ActiveBotton{
	filter: alpha(opacity=60);
	MozOpacity: .60;
	opacity: opacity:0.6;
}

#home{
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
}
#Services{
	background-image: url(images/Services.jpg);
	background-repeat: no-repeat;
}
#products{
	background-image: url(images/products.jpg);
	background-repeat: no-repeat;
}
#contact{
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
}
#about{
	background-image: url(images/about.jpg);
	background-repeat: no-repeat;
}

#news{
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
}

div.one{
	cursor: pointer; 
    float: left;
	width: 120px; 
	height: 80px; 	 
    padding: 0px 10px 0px 0px ;
}

div.Lastone{
	cursor: pointer; 
    float: left;
	width: 120px; 
	height: 80px; 	 
}

div.two
{
	background: #ffffff; 
	filter:alpha(opacity=60);
	MozOpacity:.60;
	opacity:0.6; 
position: absolute;
	top: 50px; 
	width: 120px; 
	height: 30px; 
	font-size: x-large;	
	text-align:center;
}

div.SubContent{	
	top: 0px;
	width: 800px;
	height: 300px;	
	background: white;
}

#HomeDiv{
	background-image: url(images/HomeContent.jpg);
	background-repeat: no-repeat;
}

#ServiceText{
	position: relative;
	left: 0px;
	top: 20px; 
	width: 800px; 
	height: 280px; 
	font-size: small;  
	font-weight: bold;
	background-image: url(images/ServicesContent.jpg);
	background-repeat: no-repeat;
	background-position: right; 
}	

#ProductTable
{
	float: right;
	background-color: #EDFDE7;
	text-align:left;
	font-size: small;	
	font-weight:bold;
	width: 500px; 
	height: 280px;   	
}

.flag{	
	position: relative;
  top: 20px; 
  left: 285px;
	width: 500px; 
	height: 280px;   
  background-color: #EDFDE7;
}	

#ProductDiv{
	height: 300px;
}
#ProductText{
	float: left;
	width: 250px; 
	height: 130px; 
	font-size: small;  
	font-weight: bold;
}

#ContactContent{
	position: relative;
	top: 20px;
	width: 800px;
	height: 280px;
	background-image: url(images/ContactContent.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%; 
}

#ContactFilter{
  position: relative;
	top: 20px;
	left: 300px;
	width: 500px;
	height: 280px;		
	font: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #979797;
	text-align:left;
} 



#AboutText
{
	position: relative;
	background: white;
  text-align:left;
	font-size: small;	
	font-weight: bold;
	color: #808080;
  top: 20px; 
	width: 800px; 
	height: 280px;  	 
	background-image: url(images/AboutContent.jpg);	
}	

div.footer{
	width: 800px; 
	height: 80px; 	
	text-align:center;
}

#addressSpan{
	font-size: small;
	color: Green; 
	border-width: 4px; 
	border-top-color: #CCFF66; 
	border-top-style: solid;
	white-space: pre;
}
#FooterTitle{
	width: 800px;
	font: Times New Roman;
	font-size: 60px;
	color: #339966;
	white-space: pre;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(images/logo.jpg);
}h1 {
	font: lighter normal 60px "Times New Roman";
	color: #339966;
	letter-spacing: 25px;
	text-align: right;
	background-position: center;
}
