html *{ outline:none;}

body { background:url(../images/top_bg_body.gif) left top repeat-x; padding:0px; margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/*color:#6E6E6E;*/
color:#333333;
line-height:18px;}

title_wsp { background:url(../images/top_bg_body.gif) left top repeat-x; padding:0px; margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#225E92;
line-height:18px;}

a { text-decoration:underline;
color:#6E6E6E;}

a:hover { text-decoration:none;
color:#6E6E6E;}

p, ul, div, form, h1, h2, h3 { padding:0px; margin:0px;}
/* CSS Document */

#main_container { width:900px; 
margin:0px auto;
overflow:hidden;
}

#top_container { overflow:hidden; background:url(../images/nav_bg.gif) left bottom repeat-x;
width:876px;
margin-left:10px;}


#center_container { overflow:hidden;
background:url(../images/center_bg.gif) left top repeat-y;}


#footer_container { overflow:hidden;
background:url(../images/footer_bg.gif) left top repeat-x;
overflow:hidden;

width:100%;
}


.logo { padding:25px 0px 0px 15px; 
margin:0px;
float:left;}

.logo a { display:block;
/* End hide background:url(../images/logo-newyear2010.gif); 
#width:457px;
*/
background:url(../images/logo.gif);
width:377px;
height:123px;
text-indent:-999px;
}

.left { float:left;}
.right { float:right;}

.clr { clear:both;}



#navigation a
{
color: #000;
background:  url(../images/navl-article.gif)  left bottom no-repeat;
text-decoration: none;
padding-left: 20px;
color:#FFFFFF;

}

#navigation a span
{
background: url(../images/navr-article.gif)  right bottom no-repeat;
padding-right: 20px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover
{
color: #fff;
background:  url(../images/navlh-article.gif) left top no-repeat;

}

#navigation a.active
{
color: #fff;
background:  url(../images/navlh-article.gif) left top no-repeat;

}


#navigation a.active span
{
background: url(../images/navrh-article.gif)  right top no-repeat;
padding-right: 20px
}

#navigation a:hover span
{
background: url(../images/navrh-article.gif)  right top no-repeat;
padding-right: 20px
}

#navigation ul
{
list-style: none;
padding: 0px;
margin: 0px 0px 0px 15px;

}

#navigation li
{
float: left;
margin:0px 2px 0px 2px;

line-height:40px;
font-size:14px;
color:#FFFFFF;
list-style:none;
} 


.banner { background:url(../images/banner.jpg) center center no-repeat;
width:822px;
height:183px;
padding:25px 39px;}

.bannerhost { background:url(../images/banner-hosting.jpg) center center no-repeat;
width:822px;
height:183px;
padding:25px 39px;}


.hosting { background:url(../images/hosting_bg.gif) left top no-repeat;
width:177px;
float:left;
padding:40px 15px 10px 15px;}

.hosting a { text-decoration:none;
color:#006AC0;
background:url(../images/bullet.gif) left 5px no-repeat;
padding-left:10px;}

.hosting a:hover { text-decoration:underline;
color:#006AC0;}


.website { background: url(../images/website_bg.gif) left top no-repeat;
width:179px;
float:left;
padding:40px 15px 10px 15px;}

.website a { text-decoration:none;
color:#006AC0;
background:url(../images/bullet.gif) left 5px no-repeat;
padding-left:10px;}

.website a:hover { text-decoration:underline;
color:#006AC0;}


.logo1 { background: url(../images/logo_bg.gif) left top no-repeat;
width:179px;
float:left;
padding:40px 15px 10px 15px;}

.logo1 a { text-decoration:none;
color:#006AC0;
background:url(../images/bullet.gif) left 5px no-repeat;
padding-left:10px;}

.logo1 a:hover { text-decoration:underline;
color:#006AC0;}

.seo { background: url(../images/seo_bg.gif) left top no-repeat;
width:179px;
float:left;
padding:40px 15px 10px 15px;}

.seo a { text-decoration:none;
color:#006AC0;
background:url(../images/bullet.gif) left 5px no-repeat;
padding-left:10px;}

.seo a:hover { text-decoration:underline;
color:#006AC0;}

.benefits { background:url(../images/benefits_bg.jpg) left top no-repeat;
width:221px;
float:left;
margin-right:18px;
margin-left:36px;
padding:130px 0px 0px 35px;}

.benefits ul {
padding:0px;
margin:0px;}

.benefits ul li {
list-style:none;
background:url(../images/bullet-Benefit.gif) left center no-repeat;
padding:5px 0px 5px 15px;
}

.benefits ul li a {
text-decoration:none;
color:#6E6E6E;
}

.benefits ul li a:hover {
text-decoration:underline;
color:#6E6E6E;
}

.body_text { padding:20px 30px 20px 00px;
float:left;
width:500px;
}
.body_text a { text-decoration:none;
color:#006AC0;}
.body_text a:hover { text-decoration:underline;
color:#006AC0;}

.footer_text { width:900px;
padding:10px 0px 10px 60px;
color:#DE6A09;
margin:0px auto;
font-size:11px;
line-height:50px;}

.footer_text a { text-decoration:none;
color:#DE6A09;}

.footer_text a:hover { text-decoration:underline;
color:#DE6A09;}