/* CSS Document */
body{padding:0px; margin:0px; background:#2f323b; color:#4f514b; 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}

#mainContainer{margin:0 auto; background:url(../images/b_top.jpg) repeat-x #2f323b;}
#container{width:735px; margin:0 auto; position:relative;}

/* HEADER */

#header{height:247px; position:relative; background:url(../images/b_top2.jpg) 0 0 no-repeat;}
#header #logo{width:328px; height:52px; background:url(../images/logo.gif) 0 0 no-repeat; position:absolute; top:31px; left:361px }
#header #view{width:123px; height:20px; position:absolute; top:176px; left:580px }

/* MENU */

#menu{height:44px; position:relative; background:url(../images/b_menu.jpg) 0 0 no-repeat; clear:both;}
#menu ul{position:absolute; top:13px; left:35px;}
#menu ul li{float:left}

#menu ul li.home{width:62px; height:21px; margin-right:5px}
#menu ul li.home a{width:62px; height:21px; display:block; background:url(../images/btn_home.jpg) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.home a:hover{width:62px; height:21px; background:url(../images/btn_home_over.jpg) 0 0 no-repeat;}

#menu ul li.about{width:52px; height:21px; margin-right:5px}
#menu ul li.about a{width:52px; height:21px; display:block; background:url(../images/btn_about.jpg) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.about a:hover{width:52px; height:21px; background:url(../images/btn_about_over.jpg) 0 0 no-repeat;}

#menu ul li.services{width:46px; height:21px; margin-right:5px}
#menu ul li.services a{width:46px; height:21px; display:block; background:url(../images/btn_services.jpg) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.services a:hover{width:46px; height:21px; background:url(../images/btn_services_over.jpg) 0 0 no-repeat;}

#menu ul li.solutions{width:52px; height:21px; margin-right:5px}
#menu ul li.solutions a{width:52px; height:21px; display:block; background:url(../images/btn_solutions.jpg) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.solutions a:hover{width:52px; height:21px; background:url(../images/btn_solutions_over.jpg) 0 0 no-repeat;}

#menu ul li.support{width:45px; height:21px; margin-right:5px}
#menu ul li.support a{width:45px; height:21px; display:block; background:url(../images/btn_support.jpg) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.support a:hover{width:45px; height:21px; background:url(../images/btn_support_over.jpg) 0 0 no-repeat;}

#menu ul li.contacts{width:49px; height:21px; margin-right:5px}
#menu ul li.contacts a{width:49px; height:21px; display:block; background:url(../images/btn_contacts.jpg) 0 0 no-repeat; text-indent:-20000px;}
#menu ul li.contacts a:hover{width:49px; height:21px; background:url(../images/btn_contacts_over.jpg) 0 0 no-repeat;}

#menu ul li.bullet{width:21px; height:21px; margin-right:5px; background:url(../images/bullet.jpg) 0 0 no-repeat;}

#menu ul li.sign a{width:101px; height:21px; display:block; background:url(../images/btn_sign.jpg) 0 0 no-repeat;  text-indent:-20000px; margin-left:20px; }

/* CONTENT */

#content{position:relative; background:#FFF; clear:both; width:735px;}
#content a{color:#adb601; text-decoration:none;}
#content a:hover{color:#000;}

#welcome{position: relative; clear:both; background:url(../images/img_wel.jpg) right 24px no-repeat; min-height:146px; margin-bottom:15px;}
#welcome h2{width:344px; height:40px; background:url(../images/h_wel.jpg) 0 0 no-repeat; border-bottom: #cccccc 1px solid; display:block; position:absolute; top:24px; left:35px; }
#welcome p{width:345px; position:relative; padding: 80px 0 0 35px }

#columns{position: relative; clear:both;}

#leftPan{width:200px; position:relative; float:left; padding: 0 0 0 32px}
#leftPan h2{width:200px; height:40px; background:url(../images/h_services.jpg) 0 0 no-repeat; position:relative;}
#leftPan p.withimg{width:84px; min-height:68px; padding: 0 0 0 116px; background:url(../images/img_services.jpg) 2px 0 no-repeat; font:10px/12px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#aa3454;}
#leftPan p{padding: 9px 0 12px 2px}

#middlePan{width:200px; position:relative; float:left; margin: 0 0 0 32px}
#middlePan h2{width:200px; height:40px; background:url(../images/h_solutions.jpg) 0 0 no-repeat; position:relative;}
#middlePan p.withimg{width:84px; min-height:68px; padding: 0 0 0 116px; background:url(../images/img_solutions.jpg) 2px 0 no-repeat; font:10px/12px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#aa3454;}
#middlePan p{padding: 9px 0 12px 2px}

#rightPan{width:200px; position:relative; float:left; margin: 0 0 0 32px}
#rightPan h2{width:200px; height:40px; background:url(../images/h_solutions.jpg) 0 0 no-repeat; position:relative;}
#rightPan p{width:195px; padding: 0 0 20px 5px;}
#rightPan span{width:195px; display:block; padding-bottom: 8px; margin-bottom: 8px; border-bottom: #cccccc 1px solid; font:11px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#aa3454;}

/* STORIES */

#stories{position:relative; clear:both; width:735px; height:90px; background:url(../images/b_stories.jpg) 0 0 repeat-x; border-top: #7f7f7f 1px dashed; }
#stories a{color:#000; text-decoration:none;}
#stories a:hover{color:#808601;}
#stories p {font:10px/12px Tahoma, Arial, Helvetica, sans-serif;}

#leftStory{width:135px; position:relative; float:left; padding: 32px 0 0 96px; background:url(../images/img_covered.gif) 34px 9px no-repeat; height:58px; }
#leftStory h2{width:103px; height:22px; background:url(../images/h_covered.gif) 0 0 no-repeat; position:absolute; top:10px; left:93px; }

#middleStory{width:135px; position:relative; float:left; padding: 32px 0 0 102px; background:url(../images/img_support.gif) 39px 9px no-repeat; height:58px;}
#middleStory h2{width:103px; height:22px; background:url(../images/h_support.gif) 0 0 no-repeat; position:absolute; top:10px; left:100px; }

#rightStory{width:135px; position:relative; float:left; padding: 32px 0 0 109px; background:url(../images/img_sign.gif) 46px 9px no-repeat; height:58px;}
#rightStory h2{width:103px; height:22px; background:url(../images/h_sign.gif) 0 0 no-repeat; position:absolute; top:10px; left:108px; }

/* FOOTER */

#footer {width:735px; height:62px; position:relative; clear:both; background:url(../images/b_footer.jpg) 0 0 repeat-x;}
#footer #infooter {position:absolute; display:block; top:18px; left: 100px;}
#footer #infooter p{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#FFFFFF; display:block; }
#footer #infooter a{font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal;  color:#FFF; text-decoration:none; padding: 0 5px}
#footer #infooter a:hover{color:#000; text-decoration:none; background:#FFF;}