@charset "utf-8";


h2 {color:#444;}
h3 {font-weight:bold;}
p {color:#555;}
a {color:#c33; text-decoration:none;}
a:hover {color:#333; text-decoration:underline;}
strong {font-weight:bold;}

body {
	background: #bec0c2 url(../images/pg_bg.jpg) repeat-x;
	color: #555;
}

#container li {background:url(../images/std_bullet.gif) no-repeat left center;}
#container ul.nb li {background:none;}

/* BRANDING: */
#branding {background:url(../images/logo.png) no-repeat top left;}

#branding #logo img {
	position:absolute;
	top:0;
	left:0;
	width:218px; 
	height:160px;
}

#branding h1{color:#D60000;}

#branding p{color: #4d4d4d;}

#branding h2{color: #4d4d4d;}

#branding h3{color:#d60000;}

#branding h3 ul li {
	list-style:none; 
	background:url(../images/branding_bullet.gif) no-repeat left center;
}

#branding h3 ul li.first {list-style:none; background:none;}

#branding #styling {background:url(../images/brandingbracket.png);}

#headline  {position:relative; width:500px; height:161px; padding:0; margin:0;}
#headline  span{position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/headline.gif) -20px 0 no-repeat;}
/* End #branding */


/* MENU: */
#menu {}
#menu ul {}
#menu ul li{color:#fff; background: url(../images/menubg_hover.png) no-repeat left bottom;}
#menu ul li a{color:#fff;}

#menu ul li a:hover{
	background: url(../images/menubg_hover.png) no-repeat;
}

#menu ul li a:hover span{
	background: url(../images/menubg_hover.png) no-repeat right top;
	color:#ccc;
}

#home #menu ul li a.home, 
#products #menu ul li a.products, 
#projects #menu ul li a.projects, 
#aboutus #menu ul li a.aboutus, 
#contactus #menu ul li a.contactus,
#references #menu ul li a.references,
#beecertificate #menu ul li a.beecertificate,
#training #menu ul li a.training {background: url(../images/menubg.gif) no-repeat; color:#d00; font-weight:bold;}

#home #menu ul li a.home span, 
#products #menu ul li a.products span, 
#projects #menu ul li a.projects span, 
#aboutus #menu ul li a.aboutus span, 
#contactus #menu ul li a.contactus span,
#references #menu ul li a.references span,
#beecertificate #menu ul li a.beecertificate span,
#training #menu ul li a.training span {background: url(../images/menubg.gif) no-repeat right top;}

#home #menu ul li a:hover.home span, 
#products #menu ul li a:hover.products span, 
#projects #menu ul li a:hover.projects span, 
#aboutus #menu ul li a:hover.aboutus span, 
#contactus #menu ul li a:hover.contactus span,
#references #menu ul li a.references span,
#beecertificate #menu ul li a:hover.beecertificate span,
#training #menu ul li a:hover.training span {color:#d00;}

/* End #menu */

.layout #container {background:url(../images/pgdropshadow.gif) repeat-y; position:relative;}

/* HEADER: */
.layout #header {} 
#home #header {background:url(../images/head1.jpg) no-repeat;} 
#products #header{background:url(../images/head2.jpg) no-repeat;} 
#projects #header{background:url(../images/head3.jpg) no-repeat;} 
#aboutus  #header{background:url(../images/head4.jpg) no-repeat;} 
#contactus #header{background:url(../images/head5.jpg) no-repeat;}
#references #header{background:url(../images/head6.jpg) no-repeat;}
#beecertificate #header {background:url(../images/head1.jpg) no-repeat;} 
#training #header {background:url(../images/head1.jpg) no-repeat;} 

.layout #header h1{
	color:#444;
	background:#73b8e6 url(../images/headerbar.gif) repeat-y top right;
} 
#home #header h1{}  
#products #header h1{}  
#projects #header h1{}  
#aboutus #header h1{}  
#contactus #header h1{} 

/* End #header */

.layout #mainContent {background: url(../images/contentbg.gif) repeat-x #FFF;}
.layout #mainContent #contentEnds{background:#FFF url(../images/diagrambg.png) no-repeat bottom right;}
.layout #footer {background:#DDD url(../images/footerbg.gif) repeat-x;}
.layout #footer div#start {background: url(../images/footleft.gif) no-repeat left top; float:left; height:40px; width:24px;}
.layout #footer div#ends {background: url(../images/footright.gif) no-repeat right top; float:right; height:40px; width:31px;}
#footer ul li a{color:#888; text-decoration:none;}
#footer ul li a:hover{color:#888; text-decoration:underline;}
#home #footer ul li a.home, 
#products #footer ul li a.products, 
#projects #footer ul li a.projects, 
#aboutus #footer ul li a.aboutus, 
#contactus #footer ul li a.contactus{text-decoration:underline;}
.layout #footer p {}


/* PRODUCTS PAGE */
#productlist .bicproducts ul li{
	color:#666;
}

/* CONTACT US PAGE */
#contactus strong {display:block; float:left; width:150px;}
#contactus strong.asusual {display:inline; float:none; width:auto;}
#contactus span.offset {display:block; padding-left:150px;}
#contactus a {color:#444;}
#contactus a span {color:#c33;}
#contactus .fax {font-weight:bold;}
#contactus .fax {font-weight:bold;}