/* CSS Document */
body{padding:0px; margin:0px; background:#171717; color:#fff; font:10px/14px 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/14px Tahoma, sans-serif; color:#000; font-weight:normal; text-decoration:none }
p a:hover{color:#000; background:#fff; text-decoration:none;}

p a.link2{font:10px/14px Tahoma, sans-serif; color:#ffee00; font-weight:normal; text-decoration:none }
p a.link2:hover{color:#000; background:#fff; text-decoration:none;}

p span.headline{font:12px/12px Trebuchet MS, sans-serif; color:#000; font-weight:bold;}
p span.date{font:11px/12px Tahoma, sans-serif; color:#000; font-weight:normal;}
p span.headline2{font:10px/10px Tahoma, sans-serif; color:#e53c01; font-weight:normal; text-transform:uppercase;}
p span.headline3{font:12px/12px Trebuchet MS, sans-serif; color:#e53c01; font-weight:bold;}



/* HEADER */

#header{width:696px; height:313px; background:url(../images/b_header.jpg) 0 0 no-repeat; position:relative; margin: 0 auto;}
#logo{position:absolute; top:66px; left:29px}
#menu{width:696px; height:111px; background:url(../images/b_buttons.jpg) 0 0 no-repeat; position:absolute; top:202px; left:0 }

#menu ul{position:absolute; top:68px; left:29px;}
#menu ul li{float:left;}
#menu ul li a{height:18px; display:block; text-indent:-20000px; }
#menu ul li a:hover{height:18px;}

#header ul li.home{margin-right:38px}
#header ul li.home a{width:72px; background:url(../images/btn_home.gif) 0 0 no-repeat; }
#header ul li.home a:hover{width:72px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#header ul li.about{margin-right:52px}
#header ul li.about a{width:68px; background:url(../images/btn_about.gif) 0 0 no-repeat; }
#header ul li.about a:hover{width:68px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#header ul li.services{margin-right:43px}
#header ul li.services a{width:63px; background:url(../images/btn_about.gif) 0 0 no-repeat; }
#header ul li.services a:hover{width:63px; background:url(../images/btn_about_over.gif) 0 0 no-repeat;}

#header ul li.solutions{margin-right:46px}
#header ul li.solutions a{width:70px; background:url(../images/btn_solutions.gif) 0 0 no-repeat; }
#header ul li.solutions a:hover{width:70px; background:url(../images/btn_solutions_over.gif) 0 0 no-repeat;}

#header ul li.support{margin-right:44px}
#header ul li.support a{width:60px; background:url(../images/btn_support.gif) 0 0 no-repeat; }
#header ul li.support a:hover{width:60px; background:url(../images/btn_support_over.gif) 0 0 no-repeat;}

#header ul li.contacts{margin-right:2px}
#header ul li.contacts a{width:60px; background:url(../images/btn_contacts.gif) 0 0 no-repeat; }
#header ul li.contacts a:hover{width:60px; background:url(../images/btn_contacts_over.gif) 0 0 no-repeat;}

/* ORANGE */

#orange{width:696px; background:#e53c01; position:relative; margin: 0 auto; clear:both}
#welcome{width:305px; margin:14px 60px 25px 26px; position:relative; float:left; display:inline;}
#welcome h2{ height:40px; background:url(../images/h_welcome.jpg) 0 0 no-repeat; margin-bottom:12px; position:relative}

#news{width:287px; margin:27px 0 25px 0; position:relative; float:left; display:inline;}
#news h2{ height:22px; background:url(../images/h_news.jpg) 0 0 no-repeat; margin-bottom:16px; position:relative; border-bottom:#ff7802 1px solid;}
p.newsitem{padding-left:18px; background:url(../images/bullet.gif) 1px 2px no-repeat; font:10px/12px Tahoma, sans-serif; margin-bottom:15px}

/* CONTENT */

#content{width:696px; background:url(../images/b_content.jpg) left bottom no-repeat; position:relative; margin: 0 auto 7px auto; clear:both}

#content img{border:#494949 3px solid}

#services{width:305px; margin:20px 47px 25px 26px; position:relative; float:left; display:inline;}
#services h2{ height:42px; background:url(../images/h_services.jpg) 0 0 no-repeat; margin-bottom:14px; position:relative}
#services img{float:left; display:inline; margin:0 16px 0 6px;}
#services p{float:left; width:155px}
#services p span.headline2{display:block; margin-bottom:10px}

#services ul{margin-top:15px;}
#services li{background:url(../images/arrow.gif) 13px 6px no-repeat; padding-left:27px; height:18px}
#services li a{font:10px/14px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:underline}
#services li a:hover{color:#fff; font-weight:normal; text-decoration:none; background:#e53c01;}

#strategies{width:305px; margin:20px 0 25px 0; position:relative; float:left; display:inline;}
#strategies h2{ height:42px; background:url(../images/h_strategies.jpg) 0 0 no-repeat; margin-bottom:14px; position:relative}
.strategiesitem {margin-bottom:25px}
.strategiesitem img{float:left; display:inline; margin:0 14px 0 6px;}
.strategiesitem p{float:left; width:235px}

/* FOOTER */

#footer{width:696px; height:92px; background:url(../images/b_footer.jpg) 0 0 repeat-x; position:relative; margin: 0 auto; clear:both}
#footer p{padding: 30px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}