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


body
{
margin:0px auto;
padding:0px;
color:#777677;
font-size:12px;
line-height:18px;
background: url(../images/body-bg.jpg) left top repeat-x #fff ;
font-family:Arial, Helvetica, sans-serif;
}
a{
color:#777677;
font-size:12px;
text-decoration:underline;
}

a:hover{
color:#777677;
font-size:12px;
text-decoration:none;
}


img
{
border:none;
}
form
{
margin:0px;
padding:0px;
}
p
{
margin:16px auto;
padding:0px;
}

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

text-decoration:underline;
outline:none;
}
a:hover
{
text-decoration:none;
}
.footer-bg
{
background:url(../images/footer-bg.jpg) left top repeat-x;
height:58px;
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
text-transform:normal;
}
.font-copywrite
{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:12px;
}
.footer-bg1
{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
text-decoration:none;
text-transform:uppercase;
margin-left:3px;
margin-right:3px;
}
.footer-bg1 a
{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
text-decoration:none;
text-transform:uppercase;
margin-left:3px;
margin-right:3px;
}
.footer-bg1 a:hover
{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
text-decoration:underline;
text-transform:uppercase;
margin-left:3px;
margin-right:3px;
}

.footer-bg-link
{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
text-decoration:none;
text-transform:normal;
margin-left:2px;
margin-right:2px;
}

.footer-bg-link a
{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
text-decoration:none;
text-transform:normal;
margin-left:2px;
margin-right:2px;
}
.footer-bg-link a:hover
{
font-family:Arial, Helvetica, sans-serif;
color:#737373;
font-size:11px;
text-decoration:underline;
text-transform:normal;
margin-left:2px;
margin-right:2px;
}
.header-bg
{
background:url(../images/header-bg.jpg) left top repeat-x;
height:555px;
}
.login-bg
{
background:url(../images/sign-bg.jpg) right top repeat-x;
border:1px solid #403f3f;
width:301px;
margin-top:10px;
padding-bottom:5px;
}
.input-box
{
width:164px;
height:22px;
border:1px solid #1b1b1b;
background:#323232;
color:#fff;
}

.navcontainer
{
float:right;
list-style-type:none;
display:inline;
margin:0px;
width:600px;
padding-top:1px;
}
.navcontainer ul
{
float:right;
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
width:600px;
}
.navcontainer span
{
display:none;
}
.navcontainer ul li
{
margin:0px;
float:right;
text-align:center;
background:url(../images/menu-line.jpg) right top no-repeat;
height:41px;
padding-left:2px;
padding-right:2px;
}

.navcontainer ul li a
{
float:left;
}
.navcontainer ul li a:hover
{
float:left;
}
.home
{
background: url(../images/home.jpg) left top no-repeat;
width:67px;
height:41px;
float:left;
}
.home:hover
{
background:url(../images/home-h.jpg) left top no-repeat;
width:67px;
height:41px;
float:left;
}
.services
{
background: url(../images/services.jpg) left top no-repeat;
width:88px;
height:41px;
float:left;
}
.services:hover
{
background: url(../images/services-h.jpg) left top no-repeat;
width:88px;
height:41px;
float:left;
}

.portfolio
{
background:url(../images/portfolio.jpg) left top no-repeat;
width:97px;
height:41px;
float:left;
}
.portfolio:hover
{
background:url(../images/portfolio-h.jpg) left top no-repeat;
width:97px;
height:41px;
float:left;
}
.partner
{
background: url(../images/partnerships.jpg) left top no-repeat;
width:119px;
height:41px;
float:left;
}
.partner:hover
{
background: url(../images/partnerships-h.jpg) left top no-repeat;
width:119px;
height:41px;
float:left;
}
.news
{
background: url(../images/news.jpg) left top no-repeat;
width:67px;
height:41px;
float:left;
}
.news:hover
{
background: url(../images/news-h.jpg) left top no-repeat;
width:67px;
height:41px;
float:left;
}
.contact
{
background: url(../images/contact.jpg) left top no-repeat;
width:86px;
height:41px;
float:left;
}
.contact:hover
{
background: url(../images/contact-h.jpg) left top no-repeat;
width:86px;
height:41px;
float:left;
}
.logo
{
margin-top:23px;
}
.border
{
background:url(../images/border.jpg) right top repeat-y;
padding-right:20px;
}

.news1
{
float:left;
list-style-type:none;
display:inline;
margin:0px;
width:300px;
padding-top:1px;
padding-left:0px;
}
.news1 ul
{
float:left;
list-style-type:none;
display:block;
margin:0px;
padding:0px;
width:300px;
}

.news1 ul li
{
margin:0px;
float:left;
text-align:left;
border-bottom:1px solid #d7d7d7;
padding-top:15px;
padding-bottom:15px;
width:300px;
background:url(../images/icon.jpg) left 22px no-repeat;
}

.news1 ul li a
{
color:#777677;
font-size:12px;
padding-left:15px;
text-decoration:none;
font-weight:bold;
}
.news1 ul li a:hover
{
color:#000;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.banner-bg
{
color:#d3d6dd;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-top:8px;
text-transform:uppercase;
padding-bottom:2px;
line-height:20px;
}
.nav
{
float:left;
list-style-type:none;
display:inline;
margin:0px;
width:900px;
padding-top:3px;
padding-left:0px;
}
.nav ul
{
float:left;
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
width:900px;
}
.nav span
{
display:none;
}
.nav ul li
{
margin:0px;
float:left;
text-align:center;
}

.nav ul li a
{
float:left;
}
.nav ul li a:hover
{
float:left;
}

.nav ul li a span
{
display:none;
}
.web-design
{
background:url(../images/website-design.jpg) left top no-repeat;
height:45px;
width:155px;
float:left;
}
.web-design:hover
{
background:url(../images/website-design-h.jpg) left top no-repeat;
height:45px;
width:155px;
float:left;
}
.web-design-active
{
background:url(../images/website-design-h.jpg) left top no-repeat;
height:45px;
width:155px;
float:left;
}
.media
{
background:url(../images/media-h.jpg) left top no-repeat;
width:188px;
height:45px;
float:left;
}

.media:hover
{
background:url(../images/media.jpg) left top no-repeat;
width:188px;
height:45px;
float:left;
}

.content
{
background: url(../images/content-management-h.jpg) left top no-repeat;
width:191px;
height:45px;
float:left;
}

.content:hover
{
background: url(../images/content-management.jpg) left top no-repeat;
width:191px;
height:45px;
float:left;
}
.online
{
background: url(../images/online.jpg) left top no-repeat;
width:169px;
height:45px;
float:left;
}

.online:hover
{
background: url(../images/online-h.jpg) left top no-repeat;
width:169px;
height:45px;
float:left;
}

.partnership
{
background: url(../images/partner.jpg) left top no-repeat;
width:136px;
height:45px;
float:left;
}

.partnership:hover
{
background: url(../images/partner-h.jpg) left top no-repeat;
width:136px;
height:45px;
float:left;
}

/*inner*/

.inner-content-bg
{
background: url(../images/inner-content-bg.jpg) left top repeat-x #fff;
padding-left:13px;
padding-right:13px;
padding-bottom:13px;
padding-top:19px;
}
.bottom
{
background:url(../images/bottom-bg.jpg) left top repeat-x #0e4975;
border:1px solid #212121;
padding:15px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
}
.bottom img
{
padding-bottom:2px;
padding-right:3px;
}

.side-menu
{
float:right;
margin:0px;
text-align:right;
padding-top:10px;
background:url(../images/side-menu-bg.jpg) left top repeat-x #171717;
width:250px;
}
.side-menu ul
{
list-style-type:none;
display:block;
margin:0px auto;
padding:0px;
width:230px;
}
.side-menu span
{
display:none;
}
.side-menu ul li
{
margin:0px;
float:right;
text-align:right;
width:230px;
background:url(../images/side-menu-border.png) left bottom  no-repeat;
padding-top:9px;
padding-bottom:17px;
}

.side-menu ul li a
{
float:right;
}
.side-menu ul li a:hover
{
float:right;
}
.side-web-design
{
background:url(../images/menu-web-design.jpg) right top no-repeat;
width:114px;
height:11px;
float:right;
}
.side-web-design:hover
{
background:url(../images/menu-web-design-h.jpg) right top no-repeat;
width:114px;
height:11px;
float:right;
}

.side-meida-management
{
background: url(../images/menu-media-management.jpg) right top no-repeat;
width:170px;
height:11px;
float:right;
}
.side-meida-management:hover
{
background: url(../images/menu-media-management-h.jpg) right top no-repeat;
width:170px;
height:11px;
float:right;
}

.side-content-management
{
background: url(../images/menu-content-mangement.jpg) right top no-repeat;
width:157px;
height:11px;
float:right;
}
.side-content-management:hover
{
background: url(../images/menu-content-mangement-h.jpg) right top no-repeat;
width:157px;
height:11px;
float:right;
}

.side-online
{
background: url(../images/menu-online.jpg) right top no-repeat;
width:140px;
height:11px;
float:right;
}
.side-online:hover
{
background: url(../images/menu-online-h.jpg) right top no-repeat;
width:140px;
height:11px;
float:right;
}

.side-partner
{
background: url(../images/menu-partnerships.jpg) right top no-repeat;
width:103px;
height:11px;
float:right;
}
.side-partner:hover
{
background: url(../images/menu-partnerships-h.jpg) right top no-repeat;
width:103px;
height:11px;
float:right;
}

.featured
{
background:url(../images/featured.jpg) left top no-repeat;
width:235px;
height:39px;
float:left;
color:#c4d015;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
padding-left:15px;
padding-top:54px;
}
.featured:hover
{
background:url(../images/featured.jpg) left top no-repeat;
width:235px;
height:39px;
float:left;
color:#fff;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
padding-left:15px;
padding-top:54px;
}