body {  background-color: Black; background-image: url(../images/background-design.gif); font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: White; behavior: url("csshover3.htc");  }

/***********************
Layout Styles     *****/

.wrapper { width: 70em; margin: auto; margin-top: 55px; background-color: Black; padding: 20px; }
    .felineProductionsLogo { display: block; clear: both;}
    .mainContent { border-left: 3px dotted #19ff7c; border-right: 3px dotted #19ff7c; height: 450px; zoom: 1;  } 
    .clear { clear: both; }
    .header { display: block; margin-bottom:31px; }
    .mainContentBorderTop { width: 70em;  }

/***********************
Typography        *****/

/* this sets the color for all the green elements in the site */
h1 , h2 , h3 , h4 , h5 , h6 , li.firstGreaterThan , 
ul.secondaryNavigation li a.currentPage , div.FelinePIntro p , .house , .cursor ,
ul.felineCustomList li span , ul.csSideBarTechnology li span , 
ul.navigation a.currentPage , li b , ul.navigation li:hover .navForwardSlash , 
 ul.navigation li:hover .navBackSlash , li.currentPage, li.currentPage a ,
 ul.navigation li.currentPage a { color: #19ff7c;} 

ul.navigation li.currentPage a { border-color: #19ff7c;}

.profile { } /* empty style for jquery */ 

h1 { font-size: 14px; padding-bottom: 1em; font-weight:bold; }
h2 { font-size: 14px; padding: 1em 0 1em 0; font-weight:bold;}
h3 {  }
h4 {  }
h5 {  }
h6 {  }
p  { line-height: 1.4em; padding-bottom: 1em; }
p.last { padding-bottom: 0; }

.nav-contact-holder { position: relative; }
.nav-contact-slash { position:absolute; top:0; }
li.firstGreaterThan { font-weight: bold; }
/***********************
Pseudo Selectors  *****/

a:link , a:visited, a:hover , a:active { color: #FF9900; text-decoration: none; }


/***********************
Navigation        *****/

p.tagLine { float: right; padding-bottom: 0;  padding-top:12px; padding-right:8px;}
.navForwardSlash { font-size:22px; margin-right: -2px; padding-top: 4px;}
.navBackSlash { font-size:22px; margin-left: -2px; padding-top: 4px; }

ul.navigation { display:block; float:left; margin:6px 0 0; width:380px;}
    ul.navigation li { background: none; display: inline; line-height: 1; width: 120px; padding-left: 5px; padding-right: 5px;  }
        ul.navigation li a { border-top:1px dotted white; margin-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px; }
            ul.navigation li a:link, ul li a:visited {color: #fff; text-decoration: none; }
        ul.navigation li a:hover { color: #19ff7c; text-decoration: none; border-color: #19ff7c; }
  
ul.navigation li:hover .navForwardSlash { }        
        

/* secondary navigation */
ul.secondaryNavigation {  margin:0px 0 0 15px; padding-top: 25px; }
	ul.secondaryNavigation li { background: none; display: inline; line-height: 1; width: 120px; padding-left: 5px; padding-right: 7px; }
	ul.secondaryNavigation li a:link { color: #fff; text-decoration: none;}
	ul.secondaryNavigation li a:visited { text-decoration: none; }
	ul.secondaryNavigation li a:hover { color: #19ff7c; text-decoration: none; }
	ul.secondaryNavigation li a:active  { color: #fff; text-decoration: none; }


/***********************
FelinePro Intro *******/
div.FelinePIntro { margin-right: auto; margin-left: auto; text-align: center; margin-top: 270px; }
    div.FelinePIntro a.spriteRollOver { width:381px; height:144px; margin-top: 30px; display:block; background-color: Blue; background:url(../images/enterSprite.gif) 0 0 no-repeat;  margin-right: auto; margin-left: auto; text-align: center; }
    div.FelinePIntro a.spriteRollOver:link{ background-position: 0 0; }
    div.FelinePIntro a.spriteRollOver:visited{ background-position: 0 0px; }
    div.FelinePIntro a.spriteRollOver:hover{ background-position: 0 -144px;}
    div.FelinePIntro a.spriteRollOver:active{ background-position: 0 0px; }


/***********************
ASCII Art Icons *******/
.house , .cursor { font-family:Courier New,Courier,monospace; font-size: 11px; } 

/***********************
Home page styles  *****/
.house { float: left; width: 25.00em; margin-top: 140px; margin-left: 65px; }
.homecontent { width: 31.75em; padding-top: 75px; float: right; padding-right: 3em; }

/**********************
What We Do ***********/

.subContent , .subContentWhatWeDo { width: 410px; float: left; margin-left: 50px; margin-top: 40px;}
.subContentWhatWeDo { margin-top: 40px; }
.felineCustomList { padding-left: 20px; padding-bottom: 20px;  }
ul.felineCustomList ul li { padding-left:40px; padding-top: 20px; }
ul.felineCustomList li { margin-top: 10px; line-height: 1.5em; }
ul.felineCustomList li span { margin-left: -20px; padding-right: 12px; } /* custom hash bullets */
ul.csSideBarTechnology li span { margin-left: 0; padding-right: 10px;  }

ul.csSideBarTechnology li span b { padding-bottom: 10px; }

.hashesCaseStudy { margin-left:0; padding-right:5px; }
.cursor { float: right; width: 250px; margin-top: 60px; margin-right: 50px; }


/**********************
Our Work *************/

.felineProject, .felineProjectFirst {	margin-left:50px;  margin-right:50px; border-top:2px dotted white; }
.felineProjectFirst { margin-top: 25px; }
    .projectContainer { float:left;  width:365px; padding-top: 20px; }
        p.projecttitle , p.projecttitlecasestudy  { float: left; width: 50px; color: #19ff7c; margin-top:-0px; line-height: 1em; padding-bottom: 0; }
        p.projecttitlecasestudy { width: 80px; }
        p.projectAttribute , p.projectAttributecasestudy { margin-bottom:-6px; margin-top:-4px; margin-left:90px; width:220px; line-height: 1.5em; padding-bottom: 0; }
         
    .projectImages , .projectImagesLast{ float: right; width:318px; padding-top: 20px; padding-bottom: 20px;}
     .lastbox { padding-bottom: 0; }
        .projectImages img.first { padding-right: 14px; }
        .projectImages img.last { padding-bottom: 0; }
        
/*************************
Case Studies *************/
        
        
.casestudy , .casestudyfot { margin:40px 0 0 50px; padding-left:0px; padding-top:0px; float: left; width: 465px;  }
    .casestudy h1 { padding-bottom: 0; }
    .casestudy h2 { padding:0.8em 0;  }
.csSideBar { float: right; width: 260px; position: relative; margin-right: 20px; margin-top: 40px; }

.ScrollLeft{ position:absolute; top:200px;left:10px;cursor:pointer;}
.ScrollRight{ position:absolute; top:200px;right:10px;cursor:pointer;}
.csSideBarTechnology { margin-top: 20px; padding: 10px 10px 10px 20px; background-color: #1A1A1A; border-bottom: 1px dotted Gray; border-right: 1px dotted Gray; }
ul.csSideBarTechnology li {padding-bottom: 5px;}
ul.csSideBarTechnology li b { padding-bottom: 50px; }
ul.csSideBarTechnology li.listHeading { padding: 5px 0 10px 0; } 
.casestudyfot { padding-top: 40px; }

.caseStudyContainer { float: left; width: 300px; }
    p.projecttitle , p.projecttitlecasestudy  { float: left; width: 50px; color: #19ff7c; margin-top:-0px; line-height: 1em; padding-bottom: 0; }
    p.projecttitlecasestudy { width: 80px; }
    p.projectAttribute , p.projectAttributecasestudy { margin-bottom:-6px; margin-top:-4px; margin-left:90px; width:260px; line-height: 1.5em; padding-bottom: 0; }
    p.firstPara { padding-left: 300px; }
    
    
/*************************
Case Studies *************/
.subContentContactUs {float:left; margin-left:50px; margin-top:40px; width:302px; } 
.googleMaps { float: right; width: 419px; }
.googleMaps p a { }   
.googleMaps img { margin-top: 60px; margin-right: 50px; float: right; padding: 5px; border: 2px solid #19ff7c; margin-bottom: 10px;}