/* CSS Document */
body { font-family:Arial; background:url(../img/bg.jpg) repeat-x top; margin:0; padding:0; }

a { font-size:13px; color:#2079b5; }
h1 { color:#2a2928; font-size:28px; font-weight:normal; }
h2 { color:#2a2928; font-size:18px; font-weight:normal; }
h3 { color:#0c6dae; font-size:17px; font-weight:normal; }
h4 { color:#565656; font-size:17px; padding:12px; }

h5 { color:#565656; font-size:15px; margin:0.2em 0 0.2em 0; padding:0.2em 0 0.2em 0; }

p { color:#535252; font-size:13px; }

.clear { clear:both; }

#container { width:843px; margin:0 auto; }
#top-header { height:70px; width:843px; margin:0 auto; }
#top-header .logo { display:block; width:200px; height:56px; background:url(../img/logo.gif) bottom no-repeat; float:left; }
#top-header .logo span { display:none;}

#top-header .top_nav { height:34px; float:right; list-style:none; padding:0; margin:0 0 0 4px; }
#top-header .top_nav li.left { float:left; height:34px; width:10px; background:url(../img/top_nav_left.jpg) no-repeat; }
#top-header .top_nav li.link { float:left; height:34px; background:url(../img/top_nav_bg.jpg) repeat-x; padding-top:8px }
#top-header .top_nav li.link a { padding:5px; text-decoration:none; color:#424242; font-size:14px; font-weight:bold; }
#top-header .top_nav li.link a:hover { text-decoration:underline; color:#626262; }
#top-header .top_nav li.right { float:left; height:34px; width:10px; background:url(../img/top_nav_right.jpg) no-repeat; }

#top-header .phone { clear:both; width:200px; padding:0; float:right; color:#242424; font-size:21px; height:25px; margin:-14px 0 0 4px; }

#navigation { margin:1em 0 0 0em; clear:both; height:40px; list-style:none; padding:0; }
#navigation li { float:left; }
#navigation .left { width:12px; height:50px; background:url(../img/navigation_left.jpg) no-repeat bottom; float:left; margin:0; }
#navigation .link { height:40px; background:url(../img/navigation_bg.jpg) repeat-x bottom; float:left; padding-top:10px; margin:0; }
#navigation .space-side { height:40px; background:url(../img/navigation_bg.jpg) repeat-x bottom; float:left; padding-top:10px; margin:0; }
#navigation a { padding:5px; color:#fff; text-decoration:none; font-size:13px; }
#navigation .link:hover { height:29px; background:url(../img/nav_hover.jpg) repeat-x top; float:left; }
#navigation .link_selected { height:29px; background:url(../img/nav_hover.jpg) repeat-x top; padding-top:10px; float:left; margin:0; }

#navigation .spacing { height:50px; width:1px; background:url(../img/navigation_spacing.jpg) no-repeat bottom; float:left; margin:0; }
#navigation .right { width:12px; height:50px; background:url(../img/navigation_right.jpg) no-repeat bottom; float:left; margin:0; }

#header { width:843px; margin:0 auto; margin-top:1em; padding:0; height:163px; background:url(../img/bg_header.jpg) repeat-x top; clear:both; }
#header #fader { width:422px; height:150px; float:left; margin:2px 0 0 0; }
#header #fader #internet { width:531px; height:150px; background:url(../img/internet-banner.jpg) no-repeat bottom left; }
#header #fader #support { width:422px; height:150px; background:url(../img/support-banner.jpg) no-repeat bottom left; }
#header #fader #large-business { width:422px; height:150px; background:url(../img/large-business-banner.jpg) no-repeat bottom left; }
#header #fader #home { width:531px; height:150px; background:url(../img/home-banner.jpg) no-repeat bottom left; }
#header #fader #small-business { width:422px; height:150px; background:url(../img/small-business-banner.jpg) no-repeat bottom left; }
#header #fader #hardware { width:422px; height:150px; background:url(../img/hardware-banner.jpg) no-repeat bottom left; }

#header .right { width:310px; height:150px; float:right; margin:2px 2.5em 0 0; text-align:right;}
#header .right h1 { margin:0.2em; color:#4b4a4a; font-size:30px; padding:0.1em; font-weight:normal; }
#header .right h2 { margin:0.2em; color:#4b4a4a; font-size:20px; padding:0.1em; font-weight:normal; }
#header .right a { display:block; width:157px; height:21px; background:url(../img/blue_button.png) no-repeat; color:#fff; text-decoration:none; font-weight:bold; padding:8px; text-align:center; float:right; margin:0.2em 0 0 0; }

/* Scrolling logos */
.catered { position:relative; overflow:hidden; width:310px; height:150px; } 
.catered .items { position:absolute; height:20000em; clear:both;}

#content { width:803px; margin:0 auto; background:#fff url(../img/bg_footer.jpg) bottom repeat-x; clear:both; padding:20px; }
#content .left { width:470px; float:left; }
#content .left .teaser { width:210px; border-left:1px #acacac solid; float:left; margin:1.2em 0 0 0.5em; padding:0 4px 0 10px; }
#content .left .teaser h3 { margin:0 0 -0.5em 0.2em !important; padding:0; }
#content .left .teaser a { display:block; padding:3px; float:right; color:#fff; text-decoration:none; text-align:center; width:112px; height:19px; background:url(../img/small_button.png) no-repeat; }
#content .left a.button { display:block; width:157px; height:21px; background:url(../img/blue_button.png) no-repeat; color:#fff; text-decoration:none; font-weight:bold; padding:8px; text-align:center; float:right; margin:0.2em 0 0 0; }

#content .right { width:321px; float:right; margin:0 0 0 0.7em; }

#content .right .box { list-style:none; width:251px; padding:0; margin:0 auto; }
#content .right .box .top { width:251px; height:39px; background:url(../img/bg_top_box.jpg) no-repeat; margin:0; padding:0; }
#content .right .box .top a { color:#565656; font-size:17px; text-decoration:none; }

#content .right .box .content { width:236px; background:url(../img/bg_box.jpg) repeat-y; margin:0; }
#content .right .box p { padding:5px 10px 0 0; margin:0; }
#content .right .box .name { text-align:right; font-style:italic; font-weight:bold; }
#content .right .box .footer { width:236px; height:15px; background:url(../img/footer_box.jpg) no-repeat; margin:0; }

#content ul { list-style:none; margin:0.8em; padding:0; }
#content li { background: transparent url(../img/grey_bullet.jpg) no-repeat 0px 7px; padding: 0px 0 5px 15px; font-size:13px; }

#content .blue_bullet { list-style:none; padding:0.2em; margin:0; }
#content .blue_bullet li { background: transparent url(../img/blue_bullet_small.jpg) no-repeat 0px 11px; padding: 8px 0 0px 15px; font-size:13px; }
#content .blue_bullet a { color:#565656; font-size:13px; text-decoration:none; }

#content .pdf { list-style:none; background:url(../img/pdf.jpg) bottom no-repeat; padding:0 0.2em 1em 3em; margin:0.2em; float:right; width:182px; min-height:91px; }
#content .pdf li { background: transparent url(../img/blue_bullet_small.jpg) no-repeat 3px 9px; padding: 3px 0 0px 15px; font-size:13px; }
#content .pdf a { color:#565656; font-size:13px; text-decoration:none; }

#content table { border:1px #f5f5f5 solid; }
#content table th { border-bottom:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; text-align:left; padding:4px; font-size:13px; }
#content table td { border-bottom:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; text-align:left; padding:4px; font-size:13px; }

#content #contactform legend { color:#444444; font-weight:bold; font-size:14px; }
#content #contactform label { float:left; width:150px; text-align:right; padding-right:5px; }
#content #contactform p { clear:both; padding:2px; margin:0; }
#content #contactform input { width:200px; height:15px; border:1px #989898 solid; }
#content #contactform textarea { width:280px; height:70px; border:1px #989898 solid; }
#content #contactform .submit_big { margin:0 0 0 15em; background:url(../img/blue_button.png) no-repeat; width:173px; height:37px; border:0; color:#fff; font-weight:bold; }

#footer { margin:0 auto; margin-top:0.2em; padding:15px; background:#4b4a4b; clear:both; height:20px; }
#footer ul { margin:0 auto; padding:0; list-style:none; }
#footer ul li { float:left; border-left:1px #7b7b7b solid; color:#fff; font-size:12px; padding:0 2px 0 2px; }
#footer ul li a { color:#fff; font-size:11px; padding:0 7px 0 7px; text-decoration:none; }

#sub-footer { margin:0 auto; padding:5px; height:20px; clear:both; }
#sub-footer a { float:left; color:#858585; font-size:13px; text-decoration:none; clear:left;  }
#sub-footer span { float:left; color:#4b4a4b; font-size:13px; text-decoration:none; }
#sub-footer img { float:right; padding:4px; }