/*
** Faia Group style sheet for CSS2-capable browsers.
** Copyright 2009 Faia Group, http://faiagroup.com/
**
** Coded by Priyank Sharma, http://priyanksharma.com/
*/


/* ==================
  Interface / Layout
===================== */
body {
  background:#2f607b url(../images/bg.gif) top repeat-x;
  margin:0;
  padding:0;
}

div#main {
  margin:0 auto;
  width:910px;
}

div.body {
  background:url(../images/body.png) repeat-y;
  margin:0;
  width:910px;
}
div.body-top-arnavshrivastav {
  background:url(../images/body-top-arnavshrivastav.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-baybeatcollective {
  background:url(../images/body-top-baybeatcollective.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-clients {
  background:url(../images/body-top-clients.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-contact {
  background:url(../images/body-top-contact.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-deafbasstwins {
  background:url(../images/body-top-deafbasstwins.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-disclaimer {
  background:url(../images/body-top-disclaimer.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-djaneeshgera {
  background:url(../images/body-top-djaneeshgera.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-drishti {
  background:url(../images/body-top-drishti.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-fhc {
  background:url(../images/body-top-fhc.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-home {
  background:url(../images/body-top-home.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-jdee {
  background:url(../images/body-top-jdee.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-muzicmatters {
  background:url(../images/body-top-muzicmatters.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-services {
  background:url(../images/body-top-services.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-top-testimonials {
  background:url(../images/body-top-testimonials.png) center no-repeat;
  height:80px;
  margin:0 auto;
  width:890px;
}
div.body-bottom {
  background:url(../images/body-bottom.png) no-repeat;
  height:60px;
  margin:-12px 0 0 0;
  width:910px;
}


/* ======
  Images
========= */
img {
  border:none;
}
div.body img {
  margin:5px 20px 0 40px;
}
img.float-left {
  float:left;
  margin:5px 20px 0 40px;
}


/* ==========
  Typography
============= */
body {
  font-family:Arial;
  font-size:12px;
}

h2 {
  color:#366e8d;
  font-size:24px;
  margin:0;
  padding:50px 0 0 28px;
}
h3 {
  color:#366e8d;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  margin:5px 0 -10px 0;
  padding:0 0 0 40px;
  text-transform:uppercase;
}
h4 {
  color:#366e8d;
  font-family:Arial;
  font-size:16px;
  margin:5px 0 -10px 0;
  padding:0 0 0 38px;
}

p {
  color:#044b72;
  padding:0 40px 0 40px;
}

strong {
  color:#044b72;
  font-size:13px;
}


/* ==========
  Hyperlinks
============= */
a:link,
a:visited {
  color:#366e8d;
  font-size:13px;
  font-weight:bold;
}
a:hover,
a:active {
  color:#044b72;
  text-decoration:none;
}


/* =======
  Spacers
========== */
.fix {
  clear:both;
  height:1px;
  margin:-1px 0 0 0;
  overflow:hidden;
}
.spacer-void {
  clear:both;
  display:block;
  height:0;
}
.spacer-half {
  clear:both;
  display:block;
  height:5px;
}
.spacer {
  clear:both;
  display:block;
  height:10px;
}
.spacer-double {
  clear:both;
  display:block;
  height:20px;
}


/* ====
  Logo
======= */
div#logo {
  float:left;
  height:110px;
  margin:0 auto;
  width:266px;
}
div#logo a {
  border:none;
}


/* ====
  Menu
======= */
div#menu {
  background:url(../images/menu.gif) no-repeat;
  float:left;
  height:58px;
  margin:0 auto;
  overflow:hidden;
  width:624px;
}
div#menu ul#nav {
  background:url(../images/menu.gif) no-repeat;
  height:58px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:624px;
}
div#menu ul#nav li {
  float:left;
  list-style:none;
}
div#menu ul#nav li a {
  border:none;
  height:58px;
  position:absolute;
  text-decoration:none;
  text-indent:-9999px;
  top:0;
}

div#menu ul#nav li#nav-home a {
  background:url(../images/menu.gif) no-repeat -32px 0;
  left:32px;
  width:89px;
}
div#menu ul#nav li#nav-services a {
  background:url(../images/menu.gif) no-repeat -121px 0;
  left:121px;
  width:112px;
}
div#menu ul#nav li#nav-clients a {
  background:url(../images/menu.gif) no-repeat -233px 0;
  left:233px;
  width:100px;
}
div#menu ul#nav li#nav-testimonials a {
  background:url(../images/menu.gif) no-repeat -332px 0;
  left:332px;
  width:137px;
}
div#menu ul#nav li#nav-contact a {
  background:url(../images/menu.gif) no-repeat -469px 0;
  left:469px;
  width:124px;
}

div#menu ul#nav li#nav-home a:hover {
  background-position:-32px -58px;
}
div#menu ul#nav li#nav-services a:hover {
  background-position:-121px -58px;
}
div#menu ul#nav li#nav-clients a:hover {
  background-position:-233px -58px;
}
div#menu ul#nav li#nav-testimonials a:hover {
  background-position:-332px -58px;
}
div#menu ul#nav li#nav-contact a:hover {
  background-position:-469px -58px;
}

div#menu ul#nav li#nav-home a.active {
  background-position:-32px -116px;
}
div#menu ul#nav li#nav-services a.active {
  background-position:-121px -116px;
}
div#menu ul#nav li#nav-clients a.active {
  background-position:-233px -116px;
}
div#menu ul#nav li#nav-testimonials a.active {
  background-position:-332px -116px;
}
div#menu ul#nav li#nav-contact a.active {
  background-position:-469px -116px;
}


/* ======
  Header
========= */
div#header {
  background:url(../images/header.jpg) no-repeat;
  height:97px;
  margin:0 auto;
  overflow:hidden;
  width:910px;
}
div#header ul#head {
  background:url(../images/header.jpg) no-repeat;
  height:97px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:910px;
}
div#header ul#head li {
  float:left;
  list-style:none;
}
div#header ul#head li a {
  border:none;
  height:97px;
  position:absolute;
  text-decoration:none;
  text-indent:-9999px;
  top:0;
}

div#header ul#head li#head-drishti a {
  background:url(../images/header.jpg) no-repeat -10px 0;
  left:10px;
  width:300px;
}
div#header ul#head li#head-muzicmatters a {
  background:url(../images/header.jpg) no-repeat -310px 0;
  left:310px;
  width:292px;
}
div#header ul#head li#head-faithhopecharity a {
  background:url(../images/header.jpg) no-repeat -600px 0;
  left:600px;
  width:299px;
}

div#header ul#head li#head-drishti a:hover {
  background-position:-10px -97px;
}
div#header ul#head li#head-muzicmatters a:hover {
  background-position:-310px -97px;
}
div#header ul#head li#head-faithhopecharity a:hover {
  background-position:-600px -97px;
}

div#header ul#head li#head-drishti a.active {
  background-position:-10px -97px;
}
div#header ul#head li#head-muzicmatters a.active {
  background-position:-310px -97px;
}
div#header ul#head li#head-faithhopecharity a.active {
  background-position:-600px -97px;
}


/* ======
  Footer
========= */
div#footer {
  margin:5px 0 0 0;
  height:60px;
  text-align:center;
  width:910px;
}

div#footer-menu {
  color:#bdd9eb;
}
div#footer a {
  color:#bdd9eb;
  font-weight:bold;
  text-decoration:none;
}
div#footer a:hover {
  text-decoration:underline;
}

div#footer-copyright {
  color:#7cb9da;
  font-size:11px;
  font-weight:bold;
  margin:5px 0 0 0;
}

div#footer-credits a {
  color:#599cc0;
  font-size:11px;
  font-weight:bold;
  margin:0;
}