@charset "utf-8";
/* CSS Document */

body
{
margin:0px auto;
padding:0px;
font:normal 11px/16px Arial, Helvetica, sans-serif;
color:#919191;
}
img
{
margin:0;
padding:0;
border:none;
}
form
{
margin:0;
padding:0;
}
p
{
margin:10px 5px;
}
.left
{
float:left;
}
.right
{
float:right;
}
.container
{
width:898px;
margin:0px auto;
text-align:center;
}

/* CSS Documents for header */
.header
{
width:898px;
float:left;
text-align:left;
padding-top:13px;
}
.logo
{
width:200px;
height:45px;
float:left;
}
.header-right
{
width:300px;
float:right;
text-align:right;
font-weight:bold;
font-size:14px;
line-height:25px;
color:#7DA222;
}
.blue-text
{
color:#0993D2;
}
.home-banner
{
background:url(../images/mediast-home-banner.jpg) left top no-repeat;
width:897px;
height:219px;
float:left;
margin-top:7px;
}
/* CSS navigation*/
.navcontainer
{
width:897px;
height:29px;
float:left;
}
.navcontainer ul
{
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
margin-left:2px;
}
.navcontainer ul li
{
width:139px;
height:29px;
display:block;
text-align:center;
float:left;
margin-right:12px;
}
.navcontainer ul li a
{
display:block;
text-align:center;
font:bold 13px/29px Arial, Helvetica, sans-serif;
color: #424242;
text-decoration:none;
background: url(../images/nav-bg-n-b.jpg) left top no-repeat;
}
.navcontainer ul li a:hover
{
background: url(../images/nav-bg-h-b.jpg) left top no-repeat;
color:#FFFFFF;
}
.navcontainer ul li a.active
{
background: url(../images/nav-bg-h-b.jpg) left top no-repeat;
color:#FFFFFF;
}

/* CSS Documents for body */
.body
{
width:898px;
float:left;
text-align:left;
}
.about-mediast
{
width:303px;
float:left;
}
.about-mediast-heading
{
width:290px;
float:left;
background:url(../images/heading-bg1.jpg) left top no-repeat;
height:27px;
padding-left:13px;
font:normal 17px/27px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#A3A3A3;
}
.about-mediast-bg
{
width:264px;
background:#FAF8F8;
padding:10px 25px 15px 12px;
border-left:1px solid #EDEDED;
border-right:1px solid #EDEDED;
text-align:justify;
float:left;
line-height:17px;
font-size:12px;
color:#767676;
}
.about-mediast-bg a
{
text-decoration:underline;
color:#767676;
font-weight:bold;
}
.about-mediast-bg a:hover
{
text-decoration:none;
}
.about-mediast-btm
{
width:303px;
float:left;
}
.company-news
{
width:296px;
float:left;
margin:0px 9px;
}
.company-news-heading
{
width:283px;
float:left;
background:url(../images/heading-bg2.jpg) left top no-repeat;
height:27px;
padding-left:13px;
font:normal 17px/27px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#A3A3A3;
}
.company-news-bg
{
width:257px;
background:#FAF8F8;
padding:10px 25px 15px 12px;
border-left:1px solid #EDEDED;
border-right:1px solid #EDEDED;
text-align:justify;
float:left;
line-height:17px;
font-size:12px;
color:#767676;
}
.company-news-bg a
{
text-decoration:underline;
color:#8DBA2E;
font-weight:bold;
}
.company-news-bg a:hover
{
text-decoration:none;
}
.company-news-btm
{
width:296px;
float:left;
}

.customer-feedback
{
width:280px;
float:left;
}
.customer-feedback-heading
{
width:267px;
float:left;
background:url(../images/heading-bg3.jpg) left top no-repeat;
height:27px;
padding-left:13px;
font:normal 17px/27px Trebuchet MS, Arial, Helvetica, sans-serif;
color:#A3A3A3;
}
.customer-feedback-bg
{
width:241px;
background:#FAF8F8;
padding:10px 25px 15px 12px;
border-left:1px solid #EDEDED;
border-right:1px solid #EDEDED;
text-align:justify;
float:left;
line-height:17px;
font-size:12px;
color:#767676;
}
.customer-feedback-bg a
{
text-decoration:underline;
color:#0788C2;
font-weight:bold;
}
.customer-feedback-bg a:hover
{
text-decoration:none;
}
.customer-feedback-btm
{
width:280px;
float:left;
}
.body-content-middle
{
margin-top:13px;
width:898px;
float:left;
}
.host-your-website
{
background:url(../images/host-your-website.jpg) left top no-repeat;
width:294px;
height:137px;
float:left;
padding-left:8px;
font:bold 13px/24px Arial, Helvetica, sans-serif;
}
.host-your-website a
{
width:294px;
height:137px;
color:#FFFFFF;
text-decoration:none;
display:block;
}
.host-your-website a:hover
{
width:294px;
height:137px;
text-decoration:underline;
display:block;
}
.website-offer
{
background:url(../images/webdesign-offer.jpg) left top no-repeat;
width:288px;
height:137px;
float:left;
padding-left:8px;
font:bold 13px/24px Arial, Helvetica, sans-serif;
margin:0px 10px;
}
.website-offer a
{
width:288px;
height:137px;
color:#FFFFFF;
text-decoration:none;
display:block;
}
.website-offer a:hover
{
width:288px;
height:137px;
text-decoration:underline;
display:block;
}
.customer-support
{
background:url(../images/customer-support.jpg) left top no-repeat;
width:271px;
height:137px;
float:left;
padding-left:8px;
font:bold 13px/24px Arial, Helvetica, sans-serif;
}
.customer-support a
{
width:271px;
height:137px;
color:#FFFFFF;
text-decoration:none;
display:block;
}
.customer-support a:hover
{
width:271px;
height:137px;
text-decoration:underline;
display:block;
}
.bottom-logos
{
width:898px;
float:left;
padding-bottom:22px;
margin-top:23px;
}
.bottom-logos img
{
margin-right:54px;
}
/* CSS Documents for footer */
.footer
{
width:898px;
float:left;
text-align:left;
border-top:1px solid #CFCFCF;
font:normal 11px/40px Arial, Helvetica, sans-serif;
color:#868686;
padding-bottom:20px;
}
.footer a
{
color:#868686;
text-decoration:none;
}
.footer a:hover
{
text-decoration:underline;
}

/*------------------------------------------ CSS Documents for inner pages ---------------------------------------------------*/

.inner-body
{
width:898px;
float:left;
text-align:left;
margin-top:10px;
}
.body-left
{
width:170px;
float:left;
}
.body-middle
{
width:505px;
float:left;
margin:0px 20px;
font-size:12px;
}
.body-middle h2
{
font:bold 18px/20px Arial, Helvetica, sans-serif;
}
.body-middle a
{
font-size:12px;
text-decoration:underline;
color:#0788C2;
font-weight:bold;
}
.body-middle a:hover
{
text-decoration:none;
}
.body-middle img
{
margin-bottom:10px;
}
.body-right
{
width:180px;
float:left;
}
.navlist
{
width:170px;
float:left;
}
.navlist ul
{
margin:0px;
padding:0px;
}
.navlist ul li
{
display:block;
text-align:left;
float:left;
list-style-type:none;
}
.navlist ul li a
{
width:162px;
display:block;
text-align:left;
font:bold 11px/27px Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
background: url(../images/nav-btm-line.jpg) left bottom repeat-x #97BC21;
padding-left:8px;
height:30px;
}
.navlist ul li a:hover
{
background: url(../images/nav-btm-line.jpg) left bottom repeat-x #9A9B9C;
}
.navlist ul li a.active
{
background: url(../images/nav-btm-line.jpg) left bottom repeat-x #9A9B9C;
}
.question-box
{
width:169px;
background:url(../images/questions-bg.gif) right top no-repeat #DBE0B8;
padding-top:10px;
padding-bottom:10px;
font:normal 16px Arial, Helvetica, sans-serif;
color:#5F6534;
}
.latest-news
{
width:170px;
float:left;
margin-top:4px;
}
.latest-news-heading
{
width:160px;
float:left;
background:url(../images/latest-news-heading.jpg) left top no-repeat;
font:bold 13px/24px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:10px;
}
.latest-news-bg
{
width:161px;
float:left;
padding:8px 4px;
background:url(../images/latest-news-bg.jpg) left top repeat-x #E0DDDD;
}
.latest-news-text
{
padding:8px 0px;
border-bottom:1px dashed #919191;
}
.latest-news-btm
{
width:169px;
float:left;
}
.customer-right
{
width:180px;
float:left;
}
.customer-heading
{
width:170px;
float:left;
background:url(../images/customer-feedback-heading.jpg) left top no-repeat;
height:30px;
padding-left:10px;
font:bold 11px/30px Arial, Helvetica, sans-serif;
color:#FFFFFF;
} 
.customer-bg
{
width:178px;
float:left;
border-left:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}
.customer-bg img
{
margin-top:2px;
margin-bottom:7px;
}
.customer-bg p
{
margin:7px;
}
.customer-bg a
{
color:#919191;
font-weight:bold;
text-decoration:none;
}
.customer-bg a:hover
{
text-decoration:underline;
}
.customer-btm
{
width:180px;
float:left;
}
.related-topics
{
width:180px;
float:left;
margin-top:3px;
}
.related-topics-heading
{
width:170px;
float:left;
background:url(../images/related-topics-heading.jpg) left top no-repeat;
height:30px;
padding-left:10px;
font:bold 11px/30px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.related-topics-bg
{
width:172px;
float:left;
padding:3px 3px 0px 3px;
border-left:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
}
.grey-bg
{
width:166px;
float:left;
padding:12px 3px 16px 3px;
background:url(../images/topics-btm-line.jpg) left bottom repeat-x #F1EFEF;
color:#878787;
}
.related-topics-btm
{
width:180px;
float:left;
}
.hosting-banner
{
width:180px;
height:134px;
float:left;
margin-top:4px;
}
.search
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}
.button
{
background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
}