/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#000; font:10px/12px Tahoma, sans-serif; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

p a{font:10px/12px Tahoma, sans-serif; color:#96af3c; font-weight:bold; text-decoration:none;}
p a:hover{color:#000; text-decoration:none;}

/* HEADER */

#header{height:295px; width:775px; background:url(../images/b_top.jpg) 0 0 no-repeat; margin: 0 auto; position:relative;}
#logo{width:311px; height:143px; position:absolute; top:83px; left:443px }

#header ul {padding-left:561px;}
#header ul li{float:left; margin-right: 12px;}

#header ul li.home a{width:45px; height:26px; display:block; background:url(../images/btn_home_up.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.help a{width:18px; height:26px; display:block; background:url(../images/btn_help_up.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.contact a{width:34px; height:26px; display:block; background:url(../images/btn_contact_up.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul li.bullet{width:1px; height:26px; background:url(../images/line_up.jpg) 0 19px no-repeat;}

/* MENU */

#menu{height:44px; width:775px; background:url(../images/b_menu.jpg) 0 0 no-repeat; margin: 0 auto; clear:both;}

#menu ul{margin: 0 auto; padding-top:8px; padding-left:97px;}
#menu ul li{float:left;}

#menu ul li.home a{width:102px; height:21px; display:block; background:url(../images/btn_home.jpg) 0 0 no-repeat; text-indent:-20000px; margin: 6px 13px 0 0;}
#menu ul li.home a:hover{width:102px; height:21px; background:url(../images/btn_home_over.jpg) 0 0 no-repeat;}

#menu ul li.bullet01{width:2px; height:31px; background:url(../images/line_menu.jpg) 0 0 no-repeat; margin: 0 14px 0 0;}

#menu ul li.about a{width:87px; height:21px; display:block; background:url(../images/btn_about.jpg) 0 0 no-repeat; text-indent:-20000px; margin: 6px 17px 0 0;}
#menu ul li.about a:hover{width:87px; height:21px; background:url(../images/btn_about_over.jpg) 0 0 no-repeat;}

#menu ul li.bullet02{width:2px; height:31px; background:url(../images/line_menu2.jpg) 0 0 no-repeat; margin: 0 13px 0 0;}

#menu ul li.services a{width:81px; height:21px; display:block; background:url(../images/btn_services.jpg) 0 0 no-repeat; text-indent:-20000px; margin: 6px 20px 0 0;}
#menu ul li.services a:hover{width:81px; height:21px; background:url(../images/btn_services_over.jpg) 0 0 no-repeat;}

#menu ul li.bullet03{width:2px; height:31px; background:url(../images/line_menu3.jpg) 0 0 no-repeat; margin: 0 13px 0 0;}

#menu ul li.portfolio a{width:94px; height:21px; display:block; background:url(../images/btn_portfolio.jpg) 0 0 no-repeat; text-indent:-20000px; margin: 6px 18px 0 0;}
#menu ul li.portfolio a:hover{width:94px; height:21px; background:url(../images/btn_portfolio_over.jpg) 0 0 no-repeat;}

#menu ul li.bullet04{width:2px; height:31px; background:url(../images/line_menu4.jpg) 0 0 no-repeat; margin: 0 14px 0 0;}

#menu ul li.support a{width:78px; height:21px; display:block; background:url(../images/btn_support.jpg) 0 0 no-repeat; text-indent:-20000px; margin: 6px 0 0 0;}
#menu ul li.support a:hover{width:78px; height:21px; background:url(../images/btn_support_over.jpg) 0 0 no-repeat;}

/* CONTENT1 */

#content1{width:775px; margin: 0 auto; clear:both; margin-top:24px}

#highlights{width:237px; margin-left: 67px;  float:left; display: inline;  }

#highlights h2{width:220px; height:35px; background:url(../images/h_high.gif) 0 0 no-repeat; padding: 0 0 12px 0;}

#highlights p.txtimg{width:180px; padding: 0 0 20px 57px; background:url(../images/file.jpg) 5px 0 no-repeat;   }

#highlights p.txtimg span{font:12px/12px Trebuchet MS, sans-serif; color:#96af3c; font-weight:bold;}
#highlights p.txtimg span.date{color:#000;}

#highlights img{clear:both; padding-bottom: 15px;}

#welcome{width:370px; margin-left: 44px;  float:left; display: inline;}

#welcome h2{width:243px; height:35px; background:url(../images/h_welcome.gif) 0 0 no-repeat; clear:both; position:relative;}
#welcome img{width:102px; float:left; padding-right:21px; }
#texts{padding-top:15px; float:left; width:237px;}
p.green{font:12px/14px Trebuchet MS, sans-serif; color:#96af3c; font-weight:bold; padding-bottom:10px}

#welcome ul {width:350px; padding-top:10px; margin-left:21px; clear:both;}
#welcome ul li{height:20px;}
#welcome ul li a{width:340px; height:20px; display:block; background:url(../images/arrow.gif) 0 2px no-repeat; padding: 0 0 0 18px; font:10px/14px Tahoma, sans-serif; color:#454138; text-decoration:underline; }
#welcome ul li a:hover{color:#fff; text-decoration:none; background:#000000;}

/* CONTENT2 */

#content2{width:775px; height:170px; background:url(../images/b_bottom.jpg) 0 0 no-repeat;  margin: 0 auto; clear:both;}

#services{width:250px; margin-left: 67px;  float:left; display: inline; margin-top:19px }
#services h2{width:190px; height:35px; background:url(../images/h_design.gif) 0 0 no-repeat; padding: 0 0 10px 0;}

#services ul {width:244px; margin-left:6px; clear:both;}
#services ul li{height:20px;}
#services ul li a{width:244px; height:20px; display:block; background:url(../images/arrow.gif) 0 2px no-repeat; padding: 0 0 0 18px; font:10px/14px Tahoma, sans-serif; color:#454138; text-decoration:underline; }
#services ul li a:hover{color:#fff; text-decoration:none; background:#000000;}

#project{width:397px; margin-left: 50px;  float:left; display: inline; margin-top:19px; position:relative;}
#project h2{width:190px; height:35px; background:url(../images/h_project.gif) 0 0 no-repeat; padding: 0 0 10px 0; position:relative; }
#project img{width:164px; position:absolute; left:233px; top:16px;}
#feattxt{width:225px; float:left; }

/* FOOTER */

#footer{width:775px; height:65px; margin: 0 auto; clear:both;}
#footer p{padding: 7px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#000;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none; padding: 0 5px }
#footer p a:hover{color:#fff; background:#000;}

