/* CSS Document */

/*   
Description: Design Created by Longevity Graphics
Author: Development by Lindsay Viscount of Longevity Graphics
Author URI: http://www.longevitygraphics.com

Color used:

*/


body {
  color: #000000;
  margin: 0;
  background: #7f7f81 url(/images/content-bg.jpg) repeat-y center;
  text-align:center; 
  margin-left:auto; 
  margin-right:auto;

}



#main {
  width:1020px;
  margin-left:auto; 
  margin-right:auto; 
  text-align:center;
}

#content {
  position:relative;
  display:inline;
  float:left;
  text-align:left;
  left:1.5em;
  top:1em;
  width:540px;

}

#header {
  background: url(/images/header-bg.jpg) repeat-x top left;
  height:173px;
  width:100%;
}

#logo {
  width:1026px;
  text-align:left;

}



p{
  font-size: 14px;
  font-family:Verdana, helvetica, sans-serif;
  color: #5c6061;
  font-weight:500;
}
.portfolioLogos {
  width:600px;
  padding:.5em;
}

#indent {
  position:relative;
  left:1.5em;
  top:.2em;
}


.contactInfo {
  font-size: 11px;
  font-family:Verdana, helvetica, sans-serif;
  color: #5c6061;
  font-weight:500;
}

.contactInfo a{
  font-size: 11px;
  font-family: Verdana, helvetica, sans-serif;
  color: #a30049;
  font-weight:500;
  text-decoration:none;
}

.contactInfo a:hover{
  font-size: 11px;
  font-family: Verdana, helvetica, sans-serif;
  color: #4c9900;
  font-weight:500;
  text-decoration: underline;
}


.rightNavDarkBlue a{
  font-size: 11px;
  font-family: Verdana, helvetica, sans-serif;
  color: #4c9900;
  font-weight:500;
}

.rightNavBlue{
  font-size: 10px;
  font-family: Verdana, helvetica, sans-serif;
  color: #0068d4;
}

h1 {
  font-size: 14px;
  font-family: Verdana, helvetica, sans-serif;
  color: #4c9900;
  font-weight:800;
}

h2 {
  font-size: 14px;
  font-family: Verdana, helvetica, sans-serif;
  color: #4c9900;
  font-weight:600;
  margin-top: 4px; 
  margin-bottom: 4px;
}

h3 {
  font-size: 14px;
  font-family: Verdana, helvetica, sans-serif;
  color: #4c9900;
  font-weight:500;
  margin-top: 4px; 
  margin-bottom: 4px;
}

h4 {
  font-size: 12px;
  font-family: Verdana, helvetica, sans-serif;
  color: #cccccc;
  font-weight:500;
  margin-top: 4px; 
  margin-bottom: 4px;
}

/* index page starts */

#indexcontent {
  position:relative;
  display:inline;
  float:left;
  text-align:left;
  left:1.5em;
  width:540px;

}

#indexcontent a {
  text-decoration:none;
  color: #5c6061;
}

#SEO{
  position:relative; top:.5em;
}

#SEO a{
  color: #4c9900;
}

#SEObg{
background:url(/images/green-spacer.gif) repeat-x; width:550px;
}

#webDesignH1 {
  font-size: 18px;
  font-family: Verdana, helvetica, sans-serif;
  color: #5c6061;
  font-weight:800;
  position:relative; 
  top:-.5em;
}

#webDesignH1 a{
  color: #5c6061;
}

#webDesignbg{
  background:url(/images/green-spacer.gif) repeat-x; width:550px; position:relative; top:-1em;
  }
  
#webDesignbg a{
  color:#4c9900;
  text-decoration:underline;
  }
  
#graphicDesign {
  position:relative; top:-1.7em;
}

#graphicDesign a{
  color: #4c9900;
}

#graphicDesignbg {
  background:url(/images/green-spacer.gif) repeat-x; width:550px; position:relative; top:-2em;
}

#indexPortfolio p{
  font-size: 11px;
  font-family: Verdana, helvetica, sans-serif;

}



/* index page ends */

/* left side nav starts */

#leftSideNavImage {
  padding-top:1em; 
  padding-left:1em;
}
#leftSideNav {
  text-align:left;

}
.leftSideMenu {
  background:url(/images/left-side-menu-bg.jpg) no-repeat; 
  height:264; 
  width:230px;
  display:inline;
  float:left;
  height:20em;
}

.leftSideMenu2 {
  background:url(/images/left-side-menu-bg-2.jpg) no-repeat; 
  height:381px; 
  width:230px;
  display:inline;
  float:left;
}

.leftNavWhite{
  font-size: 11px;
  font-family: Verdana, helvetica, sans-serif;
  color: #ffffff;
  font-weight:900;
  
}

.leftNavTitle {
  margin-top:10px; 
  padding-left:1.2em;
}

.ourServices {
  list-style-image:url(/images/arrow.gif);
}

.ourServices li{
  margin-left:-.6em;
}
.ourServices a{
  font-size: 10px;
  font-family: Verdana, helvetica, sans-serif;
  color: #4c9900;
  font-weight:500;
  text-decoration:none;
}

.ourServices a:hover{
  font-size: 10px;
  font-family: Verdana, helvetica, sans-serif;
  color: #1d742b;
  font-weight:500;
  text-decoration: underline;
}
/* left side nav ends */


/* footer starts */

#footer {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:1026px;
}
.footer{
  font-size: 10px;
  font-family: Verdana, helvetica, sans-serif;;
  color: #aaaaaa;
  font-weight:500;
  text-align:left;
  relative;dispaly:inline;float:left;
}

.footer a{
  font: Verdana, helvetica, sans-serif;
  color: #aaaaaa;
  font-weight:500;
  text-decoration:none;
}

/* footer ends */


/* CSS for navigation menu */


#menu{

  width:1026px;
  text-align:left;
  margin-left:-3em;
  margin-top:-0.3em;
  position:absolute;
}
#nav{
  list-style: none; 
  z-index: 100;
  width:1026px;
  margin:0;

  
  }

#nav ul {
  padding: 0;
  margin:0;
  list-style: none;
  z-index:99;
  position:absolute;
  overflow:visible;	 
}

#nav li {
  margin:0;
  position: relative;
  float:left;
  border-top:none;
  border-bottom:none;
  border-left:none;
  display:block;
  height:auto;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight:bold;
  
}

#nav li:hover {

}



#nav ul li{ 
  border-left:solid 1px #CCC;
  border-right:solid 1px #CCC;
  border-top:none;
  border-bottom:none;
  border-width:1px 1px 1px 1px;
  top:.3em;
  left:-0.2em;
  width:16em;
  text-align:left;
  font-weight:normal;
  height:auto;
  background-color:#fff;
  
}



#nav ul li:hover{ 
  background:url(/images/nav-bg-over.gif);
  color:#4c9900;
}

#nav ul li:last-child{ 
  border-bottom:solid 1px #CCC;  
}


#nav ul ul li{ 
  border-width:px 1px 1px 1px;
}

#nav ul ul li:last-child{
  border-bottom:1px solid #CCC;
}

#nav a {
  text-decoration:none;
  display:block;
  padding: 0.1em;
  margin:0.2em 0 0.2em 0.1em;
  height:1em;
  font-family: "Helvetica Neue", "Free Sans", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
  color:#000;
}

#nav a:hover, #nav li:hover{
  color:#4c9900;

}

#nav ul li:hover, #nav ul li a:hover{

  color:#4c9900;
}

#nav ul{
  display:none;
}

/*all see this */
#nav ul ul{
  display:none;
  position:absolute;
  margin-top:-1.8em;
  margin-left:12em;
}

/* non-IE browsers see this */
#nav ul li>ul, #nav ul ul li>ul{
  margin-top:-1.4em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
  display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
  display:block;
}

li>ul {
  top: auto;
  left: auto;
}