@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

body
{
margin:0px;
border:0px;
background-color:#FFFFFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif ;
}
a{
	text-decoration:none;
	border:none;
	color:#FFF;
}
#page
{
	margin: 0px;
	width:1024;
	height:758;
}
#header
{
	background-image:url(images/header_aboutus.png) ;
	background-repeat:no-repeat;
	width:1024;
	height:342;

}


#content
{
	background-image:url(images/content_contact.png);
	background-repeat:no-repeat;
	width:1024;
	height:417;
	color:#FFF;
}

#navigation
{
	border:none;
	padding-top:188px;/*202px;*/
	padding-left:322px;
	width:700px;
	height:150px;
}



#aboutus
{
	float:left;
	width:170px;
	height:150px;
}

#whoweare
{
	float:left;
	width:130px;
	height:150px;
}

#products
{
	float:left;
	width:110px;
	height:150px;
}

#news
{
	float:left;
	width:150px;
	height:150px;
}

#contact
{
	float:left;
	width:120px;
	height:150px;
}

#aboutusbtn
{
	background-image:url(images/aboutusOFF.png)  ;
	background-repeat:no-repeat;
	float:left;
	margin-left: 80px; 
	margin-top: 48px;
	
	width:78px;
	height:33px;
}

#aboutusbtn:hover
{
	background-image:url(images/aboutusON.png)  ;
	background-repeat:no-repeat;
	cursor:pointer;
}


#whowearebtn
{
	background-image:url(images/whoweaareOFF.png);
	background-repeat:no-repeat;
	
	float:left;
	margin-left: 23px; 
	margin-top: 82px;
	
	width:91px;
	height:27px;
}
#whowearebtn:hover
{
	background-image:url(images/whoweaareON.png);
	background-repeat:no-repeat;
	cursor:pointer;
}


#productsbtn
{
	background-image:url(images/productsOFF.png) ;
	background-repeat:no-repeat;
	
	
	float:left;
	margin-left: 22px; 
	margin-top: 102px;
	width:70px;
	height:15px;
}

#productsbtn:hover
{
	background-image:url(images/productsON.png) ;
	background-repeat:no-repeat;
	cursor:pointer;
}

#newsbtn
{
	background-image:url(images/newsOFF.png) ;
	background-repeat:no-repeat;
	
	float:left;
	margin-left: 22px; 
	margin-top: 102px;
	width:116px;
	height:15px;
}
#newsbtn:hover
{
	background-image:url(images/newsON.png) ;
	background-repeat:no-repeat;
	cursor:pointer;
}
#contactbtn
{
	background-image:url(images/contactOFF.png) ;
	background-repeat:no-repeat;
	
	float:left;
	margin-left: 22px; 
	margin-top: 90px;
	width:83px;
	height:19px;
}

#contactbtn:hover
{
	background-image:url(images/contactON.png) ;
	background-repeat:no-repeat;
	cursor:pointer;
}
#topli
{
	color:#633;
	background-image:url(images/droptop.png);
	background-repeat:no-repeat;
	width:261px;
	height:29px;
}
#uldrop li
{
	
	display:none;
	width:261px;
	height:27px;
    color:#FFF;
	padding-left:20px;
	padding-top:5px;
	text-align:left;
	font-size:12px;
	list-style:none;
	background-image:url(images/dropdown.png);
	background-repeat:no-repeat;
}
#uldrop li:hover
{
	cursor:pointer;
	width:261px;
	height:27px;
    color:#FFF;
	padding-left:20px;
	padding-top:5px;
	text-align:left;
	font-size:12px;
	list-style:none;
	background-image:url(images/dropdown_over.png);
	background-repeat:no-repeat;
}
#dropdown
{
	position:absolute;
	display:block;
	top:306px;/*313px;*/
}
#uldrop li span
{
	font-size:10px;
	padding-right:40px;
	margin-top:-10px;
	float:right;
	
}
#thetext
{
	text-align:left;
	margin-top:15px;
	float:left;
	width:600px;
	height:400px;
	font-size:14px;
	margin-left:30px;
}
#thetitle
{
	float:left;
	text-align:left;
	width:500px;
	font-size:24px;
	margin-left:30px;
}
#line
{
	float:left;
	margin-left:100px;
	margin-top:20px;
	border: solid;
	border-width:thick;
	width:0px;
	height:390px;
	border-bottom:none;
	border-top:none;
	border-left-color:#FFF;
	border-right-color:#cd293b;
}