/* CSS Document */
body{padding:0px; margin:0px; background:#f7f4ef url('../images/b_top.gif') repeat-x 0 0; color:#333333; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; font-size:14px; font-family:Tahoma, sans-serif}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

H1 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #ea7f29;}
H2 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ea7f29;}
H3 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #ea7f29;}

.clear {clear: both; margin: 0px; height:0}

.menu { height: 30px; background:url('../images/b_menu.gif'); color:#ffffff; text-align: center; vertical-align:middle; font-weight: bold}
.hdr {height: 80px; padding:0px 0px 0px 20px; font-size: 20px; color: #ea7f29; font-weight: bold;}
.movie{height:250px; background:url('../images/mov_b.jpg'); vertical-align:top; text-align: center;}
.inthead{height:80px; background:url('../images/mov_b.jpg'); vertical-align:middle; text-align: left; padding:0px 0px 0px 20px;}
.container{ height:330px; vertical-align:top; padding:0px 0px 0px 20px; text-align:justify;}
.container_2{ background:#fff;height:450px;vertical-align:top; padding:20px 20px 20px 20px; text-align:justify;}
.footer {width:100%; height:49px; background: url('../images/b_footer.gif') repeat-x 0 0; text-align: center; padding: 8px 0 0 0;}
.slogan{color:#000000; font-family: verdana; font-size:13px; padding: 8px 0 0 0;}
.contact{color:#000000; font-size:12.5px; padding: 8px 0 0 0;}

.one{ vertical-align:top; text-align:left; padding:0px 10px 0px 10px;}
.two{ vertical-align:top; text-align:left; padding:0px 10px 0px 10px;}
.three{ vertical-align:top; text-align:left; padding:0px 10px 0px 10px;}

.alignlt { vertical-align:top; text-align:left;}
.alignrt { vertical-align:top; text-align:right; }
.alignjt { vertical-align:top; text-align:justify; }

img{padding:20px 20px 20px 20px;}

A.hdrl:link {
	COLOR: #ea7f29;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px;}
A.hdrl:active {
	COLOR: #ea7f29;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px;}
A.hdrl:visited {
	COLOR: #ea7f29;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px;}
A.hdrl:hover {
	COLOR: #ea7f29;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px;}
	
A.menu:link {
	COLOR: #ffffff;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
A.menu:active {
	COLOR: #fc1b1b;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
A.menu:visited {
	COLOR: #ffffff;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
A.menu:hover {
	COLOR: #ea7f29;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}


a.cathyp:link    {	COLOR: #000000;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
a.cathyp:active  {	COLOR: #000000;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
a.cathyp:visited {	COLOR: #000000;  TEXT-DECORATION: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
a.cathyp:hover   {	COLOR: #000000;  TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}


a.foot:link    {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 9px; color: #ea7f29; text-decoration: none; font-weight:bold;}
a.foot:active  {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 9px; color: #ea7f29; text-decoration: none; font-weight:bold;}
a.foot:visited {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 9px; color: #ea7f29; text-decoration: none; font-weight:bold;}
a.foot:hover   {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 9px; color: #339933; text-decoration: none; font-weight:bold;}

a:link    {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #ea7f29; text-decoration: none; font-weight:bold;}
a:active  {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #ea7f29; text-decoration: none; font-weight:bold;}
a:visited {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #ea7f29; text-decoration: none; font-weight:bold;}
a:hover   {  font-family:  Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; color: #339933; text-decoration: none; font-weight:bold;}

p a{font:12px/14px Tahoma, sans-serif; color:#ea7f29; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

LI {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background: url('../images/check.jpg') no-repeat 2px 0; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:0}

.headline{font:11px/14px Trebuchet MS, sans-serif; color:#1b7d37; font-weight:bold}

#container{width:775px; margin:0 auto;}

/* TOP */
#topPan{width:775px; height:107px; position:relative; background:url('../images/b_menu.gif') repeat-x 0 71px; }

#topPan img#logo{position:absolute; top:16px; left:50px}
#topPan img#slogan{position:absolute; top:35px; left:543px}

#topPan ul.menu{position:absolute; top:80px; left:50px; width:700px; height:17px; }
#topPan ul.menu li{float:left; height:17px; margin-right:40px}
#topPan ul.menu li a{ height:17px;  display:block; text-indent:-20000px; }
#topPan ul.menu li a:hover{height:17px; }

#topPan ul.menu li.b01 a{ width:66px;}
#topPan ul.menu li.b01 a:hover{ width:66px;}

#topPan ul.menu li.b02 a{ width:58px;}
#topPan ul.menu li.b02 a:hover{ width:58px}

#topPan ul.menu li.b03 a{ width:84px;}
#topPan ul.menu li.b03 a:hover{ width:84px;}

#topPan ul.menu li.b04 a{ width:62px;}
#topPan ul.menu li.b04 a:hover{ width:62px;}

#topPan ul.menu li.b05 {margin-right:0}
#topPan ul.menu li.b05 a{ width:69px;}
#topPan ul.menu li.b05 a:hover{ width:69px;}

#topPan ul.menu li.linem{width:1px; background:url('../images/spacer_m.gif') no-repeat 0 0; }


/* HEADER */

#headerPan{width:775px; height:241px; position:relative; background:url('../images/b_header.jpg') no-repeat 0 0; }

#headerPan img#slogan2{position:absolute; top:181px; left:327px}

/* CONTENT */


#contentPan{width:675px; position:relative; margin:0 0 15px 50px; padding-top:22px}

#welcome{width:205px; margin:0 30px 0 0; float:left}
#welcome h2{height:29px; position:relative; background:url('../images/h_welcome.gif') no-repeat 0 0; margin-bottom:6px}
#welcome img{margin-bottom:15px}
#welcome p{margin-bottom:10px}
#welcome img.btn_readmore{margin-bottom:0; margin-left:120px}

#projects{width:205px; margin:0 30px 0 0; float:left}
#projects h2{height:29px; position:relative; background:url('../images/h_projects.gif') no-repeat 0 0; margin-bottom:6px}
#projects img{margin-bottom:15px}
#projects p{margin-bottom:10px}
#projects img.btn_readmore{margin-bottom:0; margin-left:120px}

#product_list{width:205px; margin:0 0 0 0; float:left}
#product_list h2{height:29px; position:relative; background:url('../images/h_productlist.gif') no-repeat 0 0; margin-bottom:6px}
#product_list p{margin-bottom:10px}

#product_list ul li{ background: url('../images/check.jpg') no-repeat 2px 0; margin-bottom:10px; line-height:20px; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:0}
#product_list ul li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#000000; text-decoration:none;}
#product_list ul li a:hover{color:#000000; text-decoration:none}

/* FOOTER */

#footerPan {width:100%; height:49px; background: url('../images/b_footer.gif') repeat-x 0 0; }
#footerPan p{width: 600px; margin:0 auto; padding: 10px 0 0 0; font:10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footerPan p span{ font:10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484;}
#footerPan p a{ font:10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#848484; text-decoration:none; padding: 0 3px }
#footerPan p a:hover{ font:10px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:underline;}