/* CSS Document */
body{padding:0px; margin:0px; background:#f4f5f7 url(../images/b_top.gif) 0 0 repeat-x ; color:#848484; font:10px/14px Trebuchet MS, 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/14px Trebuchet MS, sans-serif; color:#4bc3b8; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:11px/14px Trebuchet MS, sans-serif; color:#454b55; font-weight:bold}

/* HEADER */

#header{width:679px; position:relative; height:372px; margin:0 auto; background: url(../images/b_header.jpg) 0 0 no-repeat}
#logo{position:absolute; top:26px; left:4px}
#slogan{position:absolute; top:188px; left:46px}
#ceo{position:absolute; top:302px; left:162px}
#header p{width:280px; position:absolute; top:245px; left:46px; font:11px/14px Trebuchet MS, sans-serif; color:#cdfffa;}

#header ul.menu{position:absolute; top:59px; left:301px; width:370px}
#header ul.menu li{float:left; margin-right:9px; height:15px;}
#header ul.menu li a{height:16px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:16px;}

#header ul.menu li.line {width:3px; background:url(../images/spacer_m.gif) 0 6px no-repeat; }

#header ul.menu li.home a{width:40px; background:url(../images/btn_1.gif) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:40px; background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#header ul.menu li.about a{width:43px; background:url(../images/btn_2.gif) 0 0 no-repeat; }
#header ul.menu li.about a:hover{width:43px; background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#header ul.menu li.services a{width:60px; background:url(../images/btn_3.gif) 0 0 no-repeat; }
#header ul.menu li.services a:hover{width:60px; background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#header ul.menu li.solutions a{width:70px; background:url(../images/btn_4.gif) 0 0 no-repeat; }
#header ul.menu li.solutions a:hover{width:70px; background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#header ul.menu li.contact{margin-right:0}
#header ul.menu li.contact a{width:63px; background:url(../images/btn_5.gif) 0 0 no-repeat; }
#header ul.menu li.contact a:hover{width:63px; background:url(../images/btn_5_over.gif) 0 0 no-repeat;}



/* CONTENT */

#content{width:679px; position:relative; margin:0 auto; clear:both;}

#leftPan{width:405px; float:left; margin:24px 10px 0 0; position:relative; }

#welcome{margin-bottom:20px; position:relative}
#welcome h2{ height:44px; margin-left:17px; background:url(../images/h_welcome.gif) 0 0 no-repeat}
#welcome img.main{float:left; width:150px;}
#welcome p{width:235px; float:left; margin-top:10px; margin-bottom:10px;}
#welcome p span{display:block}
#welcome img{float:left}

#services{width:184px; float:left; margin:0 12px 0 12px; position:relative}
#services h2{ height:21px; margin-bottom:13px; background:url(../images/h_services.gif) 0 0 no-repeat}
#services p span{display:block; margin-bottom:10px}
.servicesItem{position:relative; margin-bottom:12px;}
.servicesItem img{float:left; width:75px; margin-right:10px}
.servicesItem p{width:99px; padding-top:2px; float:left}

#services ul {margin-left:9px}
#services ul li{font:10px/14px Trebuchet MS, sans-serif; background:url(../images/arrow.gif) 0 5px no-repeat; padding-left:16px; height:14px}
#services ul li a{color:#869496; text-decoration:underline;}
#services ul li a:hover{color:#869496; text-decoration:none;}

#solutions{width:190px; float:left; position:relative}
#solutions h2{ height:21px; margin-bottom:13px; background:url(../images/h_solutions.gif) 0 0 no-repeat}
#solutions p{margin-left:3px;}
.solutionItem{margin-bottom:14px; position:relative}
.solutionItem img {float:left; width:32px; margin:0 6px 0 4px}
.solutionItem p{width:140px; float:left; padding-top:2px;}

#rightPan{width:262px; float:left; margin:19px 0 0 0; position:relative}

#ads{position:relative; margin-bottom:15px}
#ads p a{font:10px/14px Trebuchet MS, sans-serif; color:#869496; text-decoration:none;}
#ads p a:hover{text-decoration:underline;}

#ad1{width:262px; height:51px; position:relative; margin-bottom:5px; background:url(../images/b_01.gif) 0 0 no-repeat}
#ad1 h2{ height:26px; margin:0 0 3px 51px; background:url(../images/h_01.gif) 0 12px no-repeat;  }
#ad1 p{display:block; margin:0 0 0 51px}

#ad2{width:262px; height:51px; position:relative; margin-bottom:5px; background:url(../images/b_02.gif) 0 0 no-repeat}
#ad2 h2{ height:26px; margin:0 0 3px 51px; background:url(../images/h_02.gif) 0 12px no-repeat;  }
#ad2 p{display:block; margin:0 0 0 51px}

#ad3{width:262px; height:51px; position:relative; margin-bottom:5px; background:url(../images/b_03.gif) 0 0 no-repeat}
#ad3 h2{ height:26px; margin:0 0 3px 51px; background:url(../images/h_03.gif) 0 12px no-repeat;  }
#ad3 p{display:block; margin:0 0 0 51px}

#news{width:250px; position:relative; margin-left:12px}
#news h2{ height:21px; margin-bottom:15px; background:url(../images/h_news.gif) 0 0 no-repeat}
.newsItem{width:247px; margin-left:3px; margin-bottom:16px}
.newsItem p{text-decoration:underline}
.newsItem p span{display:block; margin-bottom:8px; font:12px/14px Trebuchet MS, sans-serif; color:#4bc3b8; font-weight:bold; text-decoration:none}


/* FOOTER */

#footer{width:775px;position:relative; margin:0 auto; height:92px; background:url(../images/b_footer.gif) 0 repeat-x; clear:both;}
#footer p{padding: 30px 0 0 0; font:11px/18px Arial, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p span{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#454b55;}
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#454b55; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#454b55; color:#fff}